/* Dice presentation extends the approved brand; it does not replace the lobby. */
.dice-game{--dice-blue:#39bdff;--dice-violet:#a584ff}
.dice-game .play-controls{background:linear-gradient(155deg,#192b40,#142233)}
.dice-roll-action{width:100%;min-height:48px;background:linear-gradient(110deg,#21c2ff,#8e87ff);color:#071325;margin-top:5px;box-shadow:0 8px 24px -17px #8f8bff}
.dice-range{width:100%;height:34px;accent-color:#6aa7ff;cursor:pointer;background:none}
.dice-range-labels,.dice-scale{display:flex;justify-content:space-between;font-size:10px;color:#9db1cd}
.dice-odds{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.dice-odds>div{padding:12px;background:#0a192980;border:1px solid #2d4767;border-radius:8px}
.dice-odds span{font-size:10px;color:#9fb4d2;display:block}.dice-odds b{display:block;font-size:20px;letter-spacing:-.6px;margin-top:3px;font-variant-numeric:tabular-nums}
.dice-arena{min-height:540px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 30% 30%,#19417f6e,transparent 60%),radial-gradient(ellipse at 80% 60%,#61269447,transparent 55%),#091625}
.dice-arena::before{content:'';position:absolute;inset:0;z-index:-1;opacity:.16;background-image:linear-gradient(#71a9e522 1px,transparent 1px),linear-gradient(90deg,#71a9e522 1px,transparent 1px);background-size:36px 36px;transform:perspective(500px) rotateX(22deg) scale(1.2)}
.dice-stage{width:100%;display:flex;flex-direction:column;align-items:center;position:relative;padding:30px 10px 16px}
.dice-cube{width:65px;height:65px;border-radius:13px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:11px;gap:5px;background:linear-gradient(135deg,#89d6ff,#3581ff 66%,#7056cd);border:1px solid #b6eaff;transform:perspective(400px) rotateY(-24deg) rotateX(18deg) rotateZ(-12deg);box-shadow:6px 5px 0 #123d85,0 15px 36px -10px #139eff80;margin-bottom:30px}
.dice-cube i{width:7px;height:7px;place-self:center;border-radius:50%;background:#112650;box-shadow:inset 1px 1px 1px #040d23}.dice-cube i:nth-child(2){grid-column:3}.dice-cube i:nth-child(3){grid-row:2;grid-column:2}.dice-cube i:nth-child(4){grid-row:3}.dice-cube i:nth-child(5){grid-row:3;grid-column:3}
.dice-number-label{font-size:9px;letter-spacing:2px;color:#9db9df}.dice-number{font-size:clamp(55px,7vw,96px);font-weight:800;letter-spacing:-4px;line-height:1.25;font-variant-numeric:tabular-nums;color:#f3faff;text-shadow:0 8px 45px #2b7dca44}
.dice-orbit{position:absolute;width:230px;height:100px;top:40px;border:1px solid #4698d229;transform:rotate(-18deg);border-radius:50%;z-index:-1}
.is-rolling .dice-cube{animation:kf-dice-turn .65s linear infinite}@keyframes kf-dice-turn{to{transform:perspective(400px) rotateY(336deg) rotateX(198deg) rotateZ(-12deg)}}
.dice-zone{position:relative;margin:12px 34px 0;width:calc(100% - 68px);height:13px;border-radius:9px;background:#6b334d;border:1px solid #9e759b55;overflow:visible}
.dice-zone-fill{position:absolute;left:0;width:var(--threshold);height:100%;border-radius:9px 0 0 9px;background:linear-gradient(90deg,#16cebe,#51e9c1)}
.dice-zone[data-direction=over] .dice-zone-fill{left:var(--threshold);width:calc(100% - var(--threshold));border-radius:0 9px 9px 0;background:linear-gradient(90deg,#51e9c1,#16cebe)}
.dice-marker{position:absolute;top:-5px;width:4px;height:21px;border-radius:3px;background:white;transform:translateX(-50%);box-shadow:0 0 0 2px #0a1728}
.dice-scale{width:calc(100% - 68px);margin:9px 34px 14px}.dice-arena .round-result{font-size:14px;margin:8px 0 60px}.dice-rules{padding:19px 23px;margin:16px 0}.dice-rules h2{font-size:15px}.dice-rules p{color:var(--muted);font-size:12px;line-height:1.8;margin-top:7px}
@media(max-width:760px){.dice-arena{min-height:385px}.dice-stage{padding:40px 10px 5px}.dice-cube{width:51px;height:51px;padding:7px;gap:3px;margin-bottom:18px}.dice-number{font-size:64px}.dice-arena .round-result{margin-bottom:50px}.dice-odds b{font-size:20px}.dice-zone,.dice-scale{width:calc(100% - 40px);margin-left:20px;margin-right:20px}.dice-game .play-controls{padding:22px}.dice-rules{padding:18px}}
@media(prefers-reduced-motion:reduce){.is-rolling .dice-cube{animation:none}}html.reduce-motion .is-rolling .dice-cube{animation:none}