/* The throw tray follows the selected theme and keeps physical faces readable. */
.dice-presentation{position:relative;border:1px solid color-mix(in srgb,var(--theme-control-accent,#d6b774) 50%,transparent);border-radius:12px;background:radial-gradient(ellipse at 50% 40%,#ffffff12,#00000035);overflow:hidden}
.dice-faces{padding:5px;gap:7px}
.dice-station[data-renderer=webgl] .dice-faces{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0}
.dice-value{position:relative;width:36px!important;height:36px!important;min-width:24px;box-sizing:border-box;border:1px solid #a58a5b!important;background:linear-gradient(135deg,#fff8e6,#d8bd86)!important;box-shadow:inset 0 1px 2px #fff9,0 3px 4px #0007}
.dice-pip{display:none;position:absolute;width:15%;height:15%;border-radius:50%;background:#1d3340;box-shadow:inset 0 1px 2px #0008}
.dice-pip[data-spot="1"],.dice-pip[data-spot="4"],.dice-pip[data-spot="7"]{left:17%}.dice-pip[data-spot="2"],.dice-pip[data-spot="5"],.dice-pip[data-spot="8"]{left:42%}.dice-pip[data-spot="3"],.dice-pip[data-spot="6"],.dice-pip[data-spot="9"]{left:67%}
.dice-pip[data-spot="1"],.dice-pip[data-spot="2"],.dice-pip[data-spot="3"]{top:17%}.dice-pip[data-spot="4"],.dice-pip[data-spot="5"],.dice-pip[data-spot="6"]{top:42%}.dice-pip[data-spot="7"],.dice-pip[data-spot="8"],.dice-pip[data-spot="9"]{top:67%}
.dice-value:is([data-value="1"],[data-value="3"],[data-value="5"]) .dice-pip[data-spot="5"],.dice-value:is([data-value="2"],[data-value="3"],[data-value="4"],[data-value="5"],[data-value="6"]) .dice-pip:is([data-spot="1"],[data-spot="9"]),.dice-value:is([data-value="4"],[data-value="5"],[data-value="6"]) .dice-pip:is([data-spot="3"],[data-spot="7"]),.dice-value[data-value="6"] .dice-pip:is([data-spot="4"],[data-spot="6"]){display:block}
.dice-station[data-kind=tetra] .dice-value{clip-path:polygon(50% 0,100% 86%,15% 100%);border-radius:0}
.dice-station[data-kind=bean] .dice-value{border-radius:65% 40% 60% 45%;height:27px!important;transform:rotate(-15deg);background:linear-gradient(135deg,#cf9b50,#8d4d23)!important}
.dice-mark{position:absolute;left:41%;top:12%;width:18%;height:18%;border-radius:50%;background:#fff8df;box-shadow:0 0 2px #000;display:none}
.dice-value[data-value="1"] .dice-mark{display:block}.dice-station[data-kind=bean] .dice-mark{left:40%;top:36%;width:22%;height:24%}
body.match-fullscreen #game-app.play-experience .match-dice-rail{grid-template-columns:minmax(0,1fr)}
body.match-fullscreen #game-app.play-experience .match-dice-rail .dice-stage{height:112px}
body.match-fullscreen #game-app.play-experience .race-board-area .dice-stage{height:96px}
body.match-fullscreen #game-app.play-experience .race-board-area .dice-station{grid-template-columns:148px minmax(0,1fr)}
body.match-fullscreen #game-app.play-experience[data-editorial-view="3d"] .race-board-area .dice-stage{height:76px}
body.match-fullscreen #game-app.play-experience[data-game=ludo].match-dice-in-rail .board-area{--ludo-dock:0px;padding-bottom:0}
body.match-fullscreen #game-app.play-experience[data-game=ludo].match-dice-in-rail .board-frame.salons3d-visible{inset:0;height:100%}
body.match-fullscreen #game-app.play-experience[data-game=ludo] .dice-station.match-dice-rail{position:relative;left:auto;bottom:auto;transform:none;width:100%;height:auto;grid-template-columns:1fr}
body.match-fullscreen #game-app.play-experience[data-game=ludo] .match-dice-rail .dice-stage{height:112px}
@media(max-width:600px){body.match-fullscreen #game-app.play-experience .race-board-area .dice-station{grid-template-columns:122px minmax(0,1fr);padding:6px;gap:5px}.dice-help{font-size:10px!important}}
/* Ur's non-playing gaps reveal the surrounding table rather than blank squares. */
.board-frame.ur-cutouts:not(.salons3d-visible){clip-path:polygon(0 0,50% 0,50% 32%,75% 32%,75% 0,100% 0,100% 100%,75% 100%,75% 68%,50% 68%,50% 100%,0 100%);filter:drop-shadow(0 5px 5px #0008)}
.board-frame.ur-cutouts.ur-cutouts-flipped:not(.salons3d-visible){clip-path:polygon(0 0,25% 0,25% 32%,50% 32%,50% 0,100% 0,100% 100%,50% 100%,50% 68%,25% 68%,25% 100%,0 100%)}
.ur-readable .square.ur-gap{visibility:hidden;pointer-events:none}
.ur-contour-line{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5;overflow:visible}
.ur-contour-line path{fill:none;stroke:var(--table-line,#d4b774);stroke-width:7;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.board-frame.salons3d-visible .ur-contour-line{display:none}