/* SmilhY Dice 5.2 — Live 3D dice centerpiece. Presentation only; Supabase determines results. */
#dice-screen .dp-stage{
  background:radial-gradient(ellipse at 49% 39%,rgba(43,40,196,.26),transparent 63%),linear-gradient(153deg,rgba(10,23,69,.92),rgba(7,15,46,.98) 62%,rgba(10,17,52,.97));
  border-color:rgba(98,104,255,.83);box-shadow:inset 0 1px 0 rgba(255,255,255,.32),inset 0 0 48px rgba(37,37,153,.18),0 0 22px rgba(102,56,255,.19),0 16px 35px rgba(0,5,30,.46);
}
#dice-screen .dp-stage::after{pointer-events:none;content:"";position:absolute;inset:0;background:linear-gradient(117deg,rgba(37,104,248,.12),transparent 19%,transparent 78%,rgba(156,38,251,.11));filter:none;z-index:0}
#dice-screen .dp-scene{
  flex:1;min-height:340px;position:relative;isolation:isolate;overflow:hidden;
  padding:6px 8px 5px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;
}
#dice-screen .dp-scene:before{
  content:"";position:absolute;inset:4% -15% 3%;pointer-events:none;z-index:0;
  background:radial-gradient(ellipse at 50% 42%,rgba(7,108,238,.31),rgba(75,16,183,.25) 30%,transparent 67%),
  radial-gradient(circle at 10% 32%,rgba(47,78,243,.19),transparent 26%),radial-gradient(circle at 87% 52%,rgba(195,27,245,.17),transparent 28%);
}
#dice-screen .dp-nebula{position:absolute;inset:-32% -24%;z-index:0;pointer-events:none;opacity:.8;
  background:conic-gradient(from 5deg at 51% 43%,transparent 0 16%,rgba(45,111,255,.11) 24%,transparent 31%,rgba(162,47,255,.18) 37%,transparent 47%,rgba(26,234,255,.13) 54%,transparent 67%,rgba(117,36,245,.18) 83%,transparent 95%);
  filter:blur(25px);animation:dpNebulaSpin 24s linear infinite;
}
#dice-screen .dp-particles{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
#dice-screen .dp-orbit{position:absolute;z-index:1;pointer-events:none;top:33%;left:50%;width:min(83%,440px);height:110px;
  border:1.6px solid rgba(53,224,255,.52);border-radius:50%;box-shadow:0 0 10px rgba(17,240,255,.3),inset 0 0 8px rgba(26,217,255,.26);
  transform:translate(-50%,-50%) rotate(-19deg);animation:dpOrbitA 9s ease-in-out infinite alternate;
}
#dice-screen .dp-o2{width:min(92%,495px);height:149px;top:36%;border-color:rgba(169,56,255,.44);box-shadow:0 0 22px rgba(143,38,255,.27);animation:dpOrbitB 11s ease-in-out infinite alternate}
#dice-screen .dp-o3{width:min(67%,375px);height:88px;top:34%;border-color:rgba(52,155,255,.39);box-shadow:0 0 15px rgba(46,92,255,.35);animation:dpOrbitC 7.5s ease-in-out infinite alternate}
#dice-screen .dp-glow-floor{position:absolute;z-index:0;top:65%;width:72%;height:90px;background:radial-gradient(ellipse at 50% 50%,rgba(42,242,240,.44),rgba(68,40,233,.14) 43%,transparent 73%);filter:blur(19px);animation:dpHalo 3.2s ease-in-out infinite;pointer-events:none}
#dice-screen .dp-cube-stage{position:relative;z-index:4;width:100%;height:212px;display:grid;place-items:center;perspective:920px;flex-shrink:0;pointer-events:none;transform:translateY(4px)}
#dice-screen .dp-cube-float{width:134px;height:134px;display:grid;place-items:center;transform-style:preserve-3d;animation:dpCubeFloat 3.5s ease-in-out infinite}
#dice-screen .dp-cube{--dp-cube-size:124px;--dp-depth:62px;position:relative;width:var(--dp-cube-size);height:var(--dp-cube-size);transform-style:preserve-3d;
  transform:rotateX(-17deg) rotateY(-23deg) rotateZ(-12deg);animation:dpCubeIdle 13s ease-in-out infinite;will-change:transform;
  filter:drop-shadow(0 0 15px rgba(48,255,226,.34));
}
#dice-screen .dp-cube-face{position:absolute;inset:0;display:block;transform-style:preserve-3d;backface-visibility:hidden;
  border:2px solid rgba(117,255,245,.86);border-radius:27px;box-shadow:inset 1px 2px 13px rgba(192,255,255,.14),inset -13px -13px 31px rgba(0,2,25,.76),0 0 15px rgba(47,230,255,.45);
  background:linear-gradient(140deg,rgba(21,76,91,.96),#061629 55%,#091330);overflow:hidden;
}
#dice-screen .dp-cube-face:before{content:"";position:absolute;inset:7px;border-radius:20px;border:1px solid rgba(123,247,255,.23);background:linear-gradient(135deg,rgba(140,255,255,.07),transparent 45%);pointer-events:none}
#dice-screen .dp-cube-face:after{content:"";position:absolute;top:0;left:7%;right:7%;height:19%;border-radius:50%;background:linear-gradient(180deg,rgba(173,255,248,.19),transparent);filter:blur(7px);pointer-events:none}
#dice-screen .dp-cube-front{transform:translateZ(var(--dp-depth));}
#dice-screen .dp-cube-back{transform:rotateY(180deg) translateZ(var(--dp-depth));}
#dice-screen .dp-cube-right{transform:rotateY(90deg) translateZ(var(--dp-depth));}
#dice-screen .dp-cube-left{transform:rotateY(-90deg) translateZ(var(--dp-depth));}
#dice-screen .dp-cube-top{transform:rotateX(90deg) translateZ(var(--dp-depth));}
#dice-screen .dp-cube-bottom{transform:rotateX(-90deg) translateZ(var(--dp-depth));}
#dice-screen .dp-cube-face i{position:absolute;display:block;width:15%;height:15%;border-radius:50%;
  background:radial-gradient(circle at 31% 27%,#d3fff8,#54ffe0 32%,#13e5c3 72%,#02998c 100%);
  box-shadow:0 0 14px 4px rgba(10,244,210,.66),0 0 4px 2px #06a6da,inset -2px -2px 3px rgba(5,56,93,.25);
}
#dice-screen .dp-dots-1 i:nth-child(1),#dice-screen .dp-dots-3 i:nth-child(2),#dice-screen .dp-dots-5 i:nth-child(3){top:42.5%;left:42.5%}
#dice-screen .dp-dots-2 i:nth-child(1),#dice-screen .dp-dots-3 i:nth-child(1),#dice-screen .dp-dots-4 i:nth-child(1),#dice-screen .dp-dots-5 i:nth-child(1),#dice-screen .dp-dots-6 i:nth-child(1){top:17%;left:17%}
#dice-screen .dp-dots-2 i:nth-child(2),#dice-screen .dp-dots-3 i:nth-child(3),#dice-screen .dp-dots-4 i:nth-child(4),#dice-screen .dp-dots-5 i:nth-child(5),#dice-screen .dp-dots-6 i:nth-child(6){bottom:17%;right:17%}
#dice-screen .dp-dots-4 i:nth-child(2),#dice-screen .dp-dots-5 i:nth-child(2),#dice-screen .dp-dots-6 i:nth-child(2){top:17%;right:17%}
#dice-screen .dp-dots-4 i:nth-child(3),#dice-screen .dp-dots-5 i:nth-child(4),#dice-screen .dp-dots-6 i:nth-child(5){bottom:17%;left:17%}
#dice-screen .dp-dots-6 i:nth-child(3){top:42.5%;left:17%}
#dice-screen .dp-dots-6 i:nth-child(4){top:42.5%;right:17%}
#dice-screen .dp-cube-aura{position:absolute;z-index:2;pointer-events:none;width:155px;height:155px;top:33%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(68,234,255,.11),transparent 66%);box-shadow:0 0 90px 31px rgba(33,62,221,.17);filter:blur(11px)}
#dice-screen .dp-scene-readout{position:relative;z-index:5;flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;pointer-events:none;min-height:120px}
#dice-screen .dp-result{position:relative;font-size:clamp(52px,5.6vw,90px);font-weight:900;font-feature-settings:'tnum';letter-spacing:.045em;margin:0;line-height:1.1;color:#f7b2db;text-shadow:0 0 12px rgba(255,103,200,.34),0 0 46px rgba(101,29,211,.56);transition:color .2s,text-shadow .2s,transform .3s}
#dice-screen .dp-result.win{color:#4effcf;text-shadow:0 0 12px #40ffc86b,0 0 48px #00f0ff4d}
#dice-screen .dp-result.lose{color:#ff739b;text-shadow:0 0 12px #ff608d7a,0 0 48px #cf22a85a}
#dice-screen .dp-result-message{font-size:12px;margin:5px 0 0;color:#b7cef4;line-height:1.3;text-align:center;min-height:17px}
#dice-screen .dp-scene.rolling .dp-cube-float{animation:dpCubeRollFloat .43s linear infinite}
#dice-screen .dp-scene.rolling .dp-cube{animation:dpCubeRoll .43s linear infinite}
#dice-screen .dp-scene.rolling .dp-orbit{animation-duration:1.4s;filter:brightness(1.5)}
#dice-screen .dp-scene.rolling .dp-result{filter:blur(1.8px);opacity:.5;transform:scale(.98)}
#dice-screen .dp-scene.just-settled .dp-cube{animation:dpCubeSettle .72s cubic-bezier(.2,.9,.19,1) both}
#dice-screen .dp-scene.just-settled .dp-result{animation:dpNumberArrival .5s cubic-bezier(.25,.8,.25,1) both}
#dice-screen .dp-scene.just-settled.win-effect .dp-cube-aura{background:radial-gradient(circle,rgba(45,255,160,.39),transparent 65%)}
#dice-screen .dp-scene.just-settled.lose-effect .dp-cube-aura{background:radial-gradient(circle,rgba(255,73,145,.18),transparent 65%)}
#dice-screen .dp-history-scroll{height:432px!important;max-height:432px!important;overflow-y:auto!important;scrollbar-gutter:stable}
#dice-screen .dp-stage-head {position:relative;z-index:5}
@keyframes dpCubeIdle {0%{transform:rotateX(-19deg) rotateY(-27deg) rotateZ(-10deg)}25%{transform:rotateX(-10deg) rotateY(10deg) rotateZ(-6deg)}50%{transform:rotateX(-21deg) rotateY(31deg) rotateZ(2deg)}75%{transform:rotateX(-14deg) rotateY(-8deg) rotateZ(-12deg)}100%{transform:rotateX(-19deg) rotateY(-27deg) rotateZ(-10deg)}}
@keyframes dpCubeFloat{0%,100%{transform:translateY(-1px)}50%{transform:translateY(-15px)}}
@keyframes dpCubeRoll{from{transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg)}to{transform:rotateX(360deg) rotateY(540deg) rotateZ(270deg)}}
@keyframes dpCubeRollFloat{from{transform:translateY(-16px) scale(.97)}to{transform:translateY(14px) scale(1.07)}}
@keyframes dpCubeSettle{0%{transform:rotateX(75deg) rotateY(90deg) rotateZ(48deg) scale(1.12)}68%{transform:rotateX(-25deg) rotateY(-35deg) rotateZ(-18deg) scale(.94)}100%{transform:rotateX(-19deg) rotateY(-27deg) rotateZ(-10deg) scale(1)}}
@keyframes dpNumberArrival{0%{opacity:.48;transform:translateY(13px) scale(.91);filter:blur(5px)}100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes dpNebulaSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes dpOrbitA{from{transform:translate(-50%,-50%) rotate(-26deg) scale(.93)}to{transform:translate(-50%,-50%) rotate(6deg) scale(1.08)}}
@keyframes dpOrbitB{from{transform:translate(-50%,-50%) rotate(17deg) scale(1.06)}to{transform:translate(-50%,-50%) rotate(-9deg) scale(.94)}}
@keyframes dpOrbitC{from{transform:translate(-50%,-50%) rotate(-3deg) scale(.87)}to{transform:translate(-50%,-50%) rotate(28deg) scale(1.12)}}
@keyframes dpHalo{0%,100%{opacity:.6;transform:scale(.84)}50%{opacity:1;transform:scale(1.1)}}
@media(min-width:1200px){#dice-screen .dp-scene{min-height:354px}#dice-screen .dp-cube-stage{height:223px}#dice-screen .dp-cube{--dp-cube-size:136px;--dp-depth:68px}#dice-screen .dp-cube-float{width:146px;height:146px}}
@media(max-width:760px){#dice-screen .dp-scene{min-height:290px}#dice-screen .dp-cube-stage{height:173px}#dice-screen .dp-cube{--dp-cube-size:100px;--dp-depth:50px}#dice-screen .dp-cube-float{width:105px;height:105px}#dice-screen .dp-result{font-size:clamp(48px,10vw,70px)}#dice-screen .dp-scene-readout{min-height:105px}}
@media(max-width:560px){#dice-screen .dp-scene{min-height:265px}#dice-screen .dp-cube-stage{height:158px}#dice-screen .dp-result{font-size:clamp(46px,11.2vw,65px)}#dice-screen .dp-result-message{font-size:11px}#dice-screen .dp-orbit{height:75px}#dice-screen .dp-o2{height:105px}#dice-screen .dp-o3{height:65px}#dice-screen .dp-history-scroll{height:415px!important;max-height:415px!important}}
@media(prefers-reduced-motion:reduce){#dice-screen .dp-cube-float,#dice-screen .dp-cube,#dice-screen .dp-orbit,#dice-screen .dp-nebula,#dice-screen .dp-glow-floor{animation:none!important}#dice-screen .dp-cube{transform:rotateX(-19deg) rotateY(-27deg) rotateZ(-10deg)}#dice-screen .dp-scene.rolling .dp-result{filter:none;opacity:1}#dice-screen .dp-scene.just-settled .dp-result{animation:none}}