.center{
  border-color:#fff!important;
  background:
    radial-gradient(circle at center,#09040f 0 35%,transparent 36%),
    repeating-conic-gradient(from 0deg,#12051c 0 13deg,#4e0870 14deg 22deg,#071f32 23deg 34deg,#151019 35deg 46deg)!important;
  box-shadow:inset 0 0 18px #000,0 0 0 3px #120717,0 0 16px #00e5ff88,0 0 25px #ff00b788;
  animation:center-trip 9s linear infinite;
}
.center::after{
  content:"";position:absolute;inset:7%;border:2px dashed #fff8;border-radius:50%;pointer-events:none;
  box-shadow:0 0 9px #fff,inset 0 0 10px #ff00bb;
  animation:center-trip-reverse 5s linear infinite;
}
.center .die-cube{
  overflow:hidden;
  border:4px solid #f8f4ee;
  background:
    radial-gradient(circle at 26% 24%,#fff700 0 8%,transparent 24%),
    radial-gradient(circle at 76% 70%,#00f7ff 0 10%,transparent 28%),
    conic-gradient(from 20deg,#ff006e,#ff7b00,#fff700,#30ff58,#00e5ff,#713cff,#ff00c8,#ff006e);
  background-size:160% 160%;
  color:#fff;
  box-shadow:inset -12px -13px 16px #19021dcc,inset 9px 8px 12px #fff9,inset 0 0 0 2px #ffffff44,7px 10px 0 #09050c,10px 14px 17px #000d,0 0 18px #ff00c8,0 0 35px #00e5ff88;
  transform:perspective(320px) rotateX(8deg) rotateY(-11deg);
  animation:psychedelic-flow 4s linear infinite;
}
.center .die-cube::before{
  content:"";position:absolute;inset:-35%;pointer-events:none;
  background:repeating-radial-gradient(ellipse at center,transparent 0 8px,#ffffff1c 9px 13px,transparent 14px 22px);
  animation:liquid-spin 5s linear infinite;
}
.center .die-cube::after{content:"";position:absolute;inset:4px;border-radius:12px;background:linear-gradient(135deg,#fff8 0 7%,transparent 24% 68%,#0005 92%);pointer-events:none;mix-blend-mode:screen}
.center .die-number{
  position:relative;z-index:2;
  font:clamp(45px,6vw,68px)/.8 "Archivo Black",sans-serif;
  color:#fff;
  -webkit-text-stroke:3px #130716;
  text-shadow:3px 3px 0 #ff00a8,-3px -2px 0 #00edff,0 0 12px #fff;
}
.center .rolling .die-cube,.center .roll-btn.rolling .die-cube{
  animation:psychedelic-tumble 1.8s cubic-bezier(.18,.78,.22,1) both;
}
@keyframes psychedelic-flow{to{background-position:160% -160%;filter:hue-rotate(360deg)}}
@keyframes center-trip{to{filter:hue-rotate(360deg)}}
@keyframes center-trip-reverse{to{transform:rotate(-360deg)}}
@keyframes liquid-spin{to{transform:rotate(360deg) scale(1.15)}}
@keyframes psychedelic-tumble{
  0%{transform:rotateX(0) rotateY(0) rotateZ(0) scale(1);filter:hue-rotate(0)}
  20%{transform:rotateX(155deg) rotateY(95deg) rotateZ(55deg) scale(1.2);filter:hue-rotate(80deg)}
  48%{transform:rotateX(375deg) rotateY(290deg) rotateZ(190deg) scale(.88);filter:hue-rotate(190deg)}
  76%{transform:rotateX(625deg) rotateY(540deg) rotateZ(325deg) scale(1.13);filter:hue-rotate(300deg)}
  100%{transform:rotateX(720deg) rotateY(720deg) rotateZ(360deg) scale(1);filter:hue-rotate(360deg)}
}
@media(max-width:760px){.center .die-number{font-size:42px;-webkit-text-stroke-width:2px}}