/* Three static photographs. Foreground geometry and original game artwork stay sharp. */
body{isolation:isolate;background:#090b13;--club-background:url('/assets/backgrounds/menu.webp')}
body[data-scene="lobbies"]{--club-background:url('/assets/backgrounds/lobbies.webp')}
body[data-scene="game"]{--club-background:url('/assets/backgrounds/game.webp')}
body::before,body::after{content:"";position:fixed;inset:0;pointer-events:none}
body::before{z-index:-2;background-image:var(--club-background);background-position:center;background-size:cover;background-repeat:no-repeat}
body::after{z-index:-1;background:linear-gradient(90deg,#080a1366,#090b1338 25%,#090b1338 75%,#080a1366),linear-gradient(#090b1333,#090b1355)}
body[data-scene="lobbies"]::after{background:#080b1459}
body[data-scene="game"]::after{background:#080a1459}
.main-menu,.home-panel,.tutorial-choices{background-color:#121521ed}
.lobby-card{background-color:#111521f2}.opponent-setting small{font-size:.63em;margin-left:6px;color:#b7adcb}
.tutorial-mode{font-size:.62rem!important;letter-spacing:.04em;color:#ad9cce!important;margin-top:8px!important}
.tutorial-continue{margin-top:11px!important;font-size:.7rem!important;color:#d3c5ed!important;text-shadow:0 0 9px #a996d456;animation:lesson-continue 2.4s ease-in-out infinite}
.tutorial-continue span{display:inline-block;margin-left:5px}.tutorial-coach.can-continue{cursor:pointer}.tutorial-coach:focus-visible{outline:2px solid #b7a0e5;outline-offset:4px}
.tutorial-coach-actions{gap:6px}.tutorial-coach-actions button{font-size:.7rem;padding:8px 10px}.tutorial-coach #tutorial-replay{flex-basis:100%}
.tutorial-coach{background:#171923f5}.tutorial-coach p{color:#d5d0e1}.tutorial-coach.tutorial-silent{display:none}
body[data-tutorial="true"] .game-layout{align-items:start}body[data-tutorial="true"] .tower-panel>.tutorial-coach{margin-bottom:16px}
body[data-tutorial-demo="true"] #game-board-image{filter:brightness(.8)}
body[data-tutorial-demo="true"] .real-checker,body[data-tutorial-demo="true"] #board-bar,body[data-tutorial-demo="true"] .off-stack,body[data-tutorial-demo="true"] .off-count,body[data-tutorial-demo="true"] .ghost-checker,body[data-tutorial-demo="true"] .moving-checker{visibility:hidden!important}
body[data-tutorial-demo="true"] #board-points,body[data-tutorial-demo="true"] .off-tray{pointer-events:none}
.lesson-token{opacity:.5}.lesson-token.lesson-focus{opacity:1;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 11px #fff) drop-shadow(0 0 24px var(--tutorial-accent,#bda7ef))}
.lesson-route{stroke:var(--tutorial-accent,#c0b1e3);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;fill:none;opacity:.45}
.lesson-step{opacity:.1;transition:opacity .25s}.lesson-step.counted{opacity:1}.lesson-step-triangle{fill:var(--tutorial-accent,#bda7ef);fill-opacity:.25}.lesson-step-count{font:500 27px Arial;text-anchor:middle;fill:#fff;paint-order:stroke;stroke:#10121e;stroke-width:4px}
.lesson-counter{font:500 21px Arial;text-anchor:middle;fill:#eee8fa;paint-order:stroke;stroke:#12101dd9;stroke-width:9px;stroke-linejoin:round}
.lesson-off-count{font:500 14px Arial;text-anchor:middle;fill:#c8bfd9}
.lesson-hit{font:500 64px Arial;text-anchor:middle;fill:#df9ab1;paint-order:stroke;stroke:#231724;stroke-width:3px}
.lesson-forbidden .lesson-step-triangle{fill:#d37e9b;fill-opacity:.5}.lesson-captured{filter:drop-shadow(0 0 10px #d894ae)!important}
.tutorial-demo-values{position:absolute;inset:0;z-index:70;pointer-events:none}.tutorial-demo-values img{position:absolute;aspect-ratio:1;object-fit:contain;transform:translate(-50%,-50%);transition:opacity .35s,filter .35s}.tutorial-demo-values img.used{opacity:.25;filter:saturate(.3)}
body[data-tutorial-demo="true"] #dice-results,body[data-tutorial-demo="true"] #roll-dice{visibility:hidden!important}
.tutorial-home-point{animation:none!important;opacity:1}.tutorial-home-shade{animation:none!important;opacity:1}
@keyframes lesson-continue{50%{opacity:.65}}
@media(max-width:760px){body::before{background-position:54% center}.tutorial-coach h2{font-size:.88rem}.tutorial-coach-actions button{font-size:.65rem}.tutorial-coach-actions #tutorial-replay{font-size:.63rem}.tutorial-mode{font-size:.6rem!important}.lesson-counter{font-size:19px}}
@media(max-width:900px){#game-screen>.tutorial-coach{width:100%;min-height:0;margin:12px 0;padding:14px 16px}#game-screen>.tutorial-coach #tutorial-replay{flex-basis:auto}#game-screen>.tutorial-coach .tutorial-coach-actions{padding-top:12px}}
@media(prefers-reduced-motion:reduce){.tutorial-continue{animation:none}.lesson-step,.tutorial-demo-values img{transition:none}}