/* Eight distinct rooms, one accessible control language. */
.classic-intro{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:center;margin:30px 0}.classic-intro h1{font-size:clamp(2.1rem,4vw,3.8rem);line-height:1.08;max-width:700px;margin:14px 0 20px}.classic-intro p{max-width:650px;color:#acbacd;font-size:1.05rem;line-height:1.8}.classic-intro img{width:100%;border-radius:24px;border:1px solid #263143}.classic-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.classic-meta span{padding:7px 13px;border:1px solid #2a3547;border-radius:30px;font-size:.8rem;color:#c1cbda}.classic-rules{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0 60px}.classic-rules article{padding:28px;border:1px solid #283144;background:#101622;border-radius:20px}.classic-rules h2{font-size:1.3rem;margin:0 0 16px}.classic-rules p,.classic-rules li{color:#aebbd0;line-height:1.9}.classic-rules ul{padding-left:20px}.classic-rules a{color:var(--room-color,#b6f36b)}
.bg-shell{--accent:#d3a9fc;--room:#211b30;--board-light:#d3c0dc;--board-dark:#65526e;color:#edf2fa;border:1px solid #30344b;border-radius:24px;overflow:hidden;background:#101522;box-shadow:0 24px 80px #0004}.bg-shell[data-kind=chess]{--accent:#98dccb;--room:#142c30;--board-light:#e6e2d5;--board-dark:#528073}.bg-shell[data-kind=domino]{--accent:#e4d2ae;--room:#24302d}.bg-shell[data-kind=truco]{--accent:#ffca7e;--room:#35291e}.bg-shell[data-kind=blackjack]{--accent:#f4da94;--room:#0c3832}.bg-shell[data-kind=four]{--accent:#90daff;--room:#14233f}.bg-shell[data-kind=memory]{--accent:#ddafff;--room:#241c3e}.bg-shell[data-kind=fight]{--accent:#72edff;--room:#131c31}
.bg-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:18px 24px;border-bottom:1px solid #ffffff12;background:#0e1420}.bg-edition{font-size:.68rem;letter-spacing:.12em;color:var(--accent);font-weight:700}.bg-edition i{opacity:.45;margin:0 9px}.bg-toolbar-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.bg-toolbar-actions label{display:flex;align-items:center;gap:8px;font-size:.75rem;color:#acb9ca}.bg-toolbar button,.bg-toolbar select,.bg-exit{background:#1b2331;border:1px solid #354054;color:#dce8fa;border-radius:9px;padding:9px 12px;font:inherit;font-size:.78rem;cursor:pointer}.bg-toolbar select{padding-right:26px}.bg-stage{position:relative;background:radial-gradient(ellipse at 50% 20%,var(--room),#0d121e 90%);padding:32px 24px;min-height:560px;display:flex;flex-direction:column;align-items:center}.bg-info{width:100%;text-align:center;margin:0 0 25px;min-height:94px}.bg-overline{display:block;font-size:.65rem;letter-spacing:.16em;font-weight:700;color:var(--accent)}.bg-info h2{font-size:clamp(1.2rem,2.6vw,1.7rem);line-height:1.3;margin:10px 0}.bg-info p{font-size:.82rem;color:#b0bed0;margin:0;line-height:1.65}.bg-content{width:100%;max-width:930px;margin:auto;min-height:250px}.bg-actions{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;margin-top:25px;min-height:44px}.bg-button{font:inherit;font-size:.85rem;font-weight:600;border-radius:11px;background:var(--accent);border:1px solid transparent;color:#0e1724;padding:12px 21px;cursor:pointer;transition:filter .2s,transform .2s}.bg-button:hover:enabled{filter:brightness(1.12);transform:translateY(-2px)}.bg-button:disabled{opacity:.38;cursor:default}.bg-tip{font-size:.75rem;color:#aebbd0;text-align:center}.bg-record{padding:18px 24px;border-top:1px solid #ffffff13;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.bg-record span{font-size:.6rem;letter-spacing:.12em;color:#95a3b8}.bg-record b{color:var(--accent);font-size:1.1rem}.bg-record small{margin-left:auto;font-size:.68rem;color:#91a0b6}.bg-result{position:absolute;inset:0;z-index:6;background:#080e1ce8;backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;padding:24px;text-align:center}.bg-result[hidden]{display:none}.bg-result>div{max-width:500px;border:1px solid #ffffff24;border-radius:24px;padding:40px;background:linear-gradient(140deg,var(--room),#101725);box-shadow:0 25px 80px #0005}.bg-result h2{font-size:2rem;line-height:1.15;margin:20px 0}.bg-result p{color:#b5c1d4;line-height:1.8}.bg-result strong{display:block;color:var(--accent);font-size:3.2rem;margin:20px 0}.bg-result strong small{font-size:.9rem;font-weight:400}.bg-exit{display:none;align-self:flex-end}.bg-stage:fullscreen{height:100dvh;max-height:100dvh;overflow:auto;padding:18px 30px}.bg-stage:fullscreen .bg-exit{display:block}.bg-stage:fullscreen .bg-info{margin:5px 0 14px;min-height:75px}.bg-stage:fullscreen .bg-board{width:min(72vh,calc(100vw - 90px))}.bg-stage:fullscreen .bg-content{max-width:1100px}.bg-stage:fullscreen .bg-actions{margin-top:16px}.bg-shell :focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.bg-board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;width:min(540px,100%);margin:auto;border:10px solid #30283d;border-radius:8px;box-shadow:0 15px 45px #0006;overflow:hidden}.bg-chess{border-color:#263b3a}.bg-square{border:0;border-radius:0;position:relative;display:grid;place-items:center;aspect-ratio:1;padding:0;cursor:pointer;background:var(--board-light);min-width:0}.bg-square.dark{background:var(--board-dark)}.bg-square.selected{box-shadow:inset 0 0 0 4px #f7d088;background:#a98162}.bg-square.last:after{content:'';position:absolute;inset:0;background:#f6d27c30;pointer-events:none}.bg-square.target:before{content:'';z-index:3;position:absolute;width:28%;height:28%;border-radius:50%;background:#8affbe90;box-shadow:0 0 0 3px #133d4380;pointer-events:none}.bg-square.target:has(.bg-checker):before,.bg-square.target:has(svg):before{width:85%;height:85%;background:transparent;border:3px solid #fff0b8}.bg-coord{position:absolute;left:3px;bottom:1px;font-size:9px;font-weight:700;color:#14212499}.dark .bg-coord{color:#f7f0dc99}.bg-checker{width:74%;height:74%;border-radius:50%;background:linear-gradient(140deg,#fce7ff,#c9abc8);box-shadow:0 4px 0 #8f6d95,0 7px 10px #0006;display:grid;place-items:center;border:2px solid #ffefff}.bg-checker i{width:74%;height:74%;border-radius:50%;border:2px solid #aa80ad}.bg-checker.black{background:linear-gradient(140deg,#4c3e66,#21182f);border-color:#9075ab;box-shadow:0 4px 0 #0e0a17,0 7px 10px #0006}.bg-checker.black i{border-color:#79618e}.bg-checker svg{width:70%;height:70%;fill:#a56a9f;filter:drop-shadow(0 1px 0 #fff8)}.bg-checker.black svg{fill:#ebc9ff}.bg-chess-piece{width:85%;height:85%;filter:drop-shadow(1px 3px 1px #0006);overflow:visible}.bg-chess-piece path{stroke-linejoin:round;stroke-linecap:round;stroke-width:2.1;fill:#fff5db;stroke:#5d675c}.bg-chess-piece.black path{fill:#233d3b;stroke:#9ab9a7}.bg-chess-wrap{display:grid;grid-template-columns:minmax(0,540px) 155px;justify-content:center;gap:24px}.bg-movelog{background:#0b161b70;border:1px solid #9adbc226;border-radius:12px;padding:18px;max-height:540px;overflow:auto}.bg-movelog ol{padding-left:23px;font-family:monospace;color:#c2dacd;line-height:1.9;font-size:.85rem}.bg-promotion{border:1px solid #759f93;border-radius:12px;display:flex;flex-wrap:wrap;gap:10px;padding:12px}.bg-promotion legend{font-size:.8rem}
.bg-domino-table{padding:30px 15px;min-height:175px;border:1px solid #e5d1ab2b;border-radius:80px;background:radial-gradient(ellipse,#39504655,transparent);display:flex;gap:9px;align-items:center;justify-content:center;flex-wrap:wrap}.bg-domino{display:inline-flex;width:48px;height:88px;flex-direction:column;border-radius:7px;background:linear-gradient(145deg,#fff5d9,#d7cbb2);border:1px solid #aa9a7d;padding:5px;box-shadow:0 4px 0 #8c806a,0 7px 12px #0005;color:#27343a}.bg-domino>i{height:1px;width:100%;background:#978d78;margin:3px 0}.bg-pips{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:34px;gap:2px}.bg-pips i{border-radius:50%;width:7px;height:7px;align-self:center;justify-self:center;background:#263137}.bg-domino-table .bg-domino{transform:rotate(-90deg);margin:0 20px}.bg-hand{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;margin-top:25px;min-height:90px}.bg-hand>button{padding:0;border:0;background:none;cursor:pointer;border-radius:10px;transition:transform .2s,filter .2s}.bg-hand>button:enabled:hover{transform:translateY(-8px)}.bg-hand>button:disabled{opacity:.45;cursor:default}.bg-hand>button.selected{outline:3px solid var(--accent);outline-offset:6px;transform:translateY(-8px)}.bg-domino-backs{display:flex;gap:6px;justify-content:center;margin-bottom:20px}.bg-domino-back{width:22px;height:43px;background:repeating-linear-gradient(45deg,#475d52 0 3px,#283c32 3px 6px);border:1px solid #8b9d85;border-radius:4px}.bg-domino-score{display:flex;justify-content:center;gap:30px;color:#d7ccb5;margin:15px 0;font-size:.85rem}
.bg-card{display:inline-flex;flex-direction:column;justify-content:space-between;width:82px;height:119px;border:1px solid #c6bd9f;border-radius:9px;padding:7px;background:linear-gradient(145deg,#fffcf0,#e2dcc7);color:#17242c;font-family:Georgia,serif;box-shadow:0 5px 15px #0004;flex-shrink:0}.bg-card.red{color:#b53845}.bg-card>span{font-size:1rem;font-weight:700;line-height:1;align-self:flex-start;text-align:center}.bg-card>span:last-child{align-self:flex-end;transform:rotate(180deg)}.bg-card small{display:block;font-size:.85rem;margin-top:3px}.bg-card>b{font-size:2.4rem;text-align:center;line-height:1}.bg-card.back{background:repeating-linear-gradient(45deg,#243c5b 0 3px,#1a2b43 3px 7px);border:5px solid #c5bd9d;padding:7px;position:relative}.bg-card.back:before{content:'✦';position:absolute;inset:7px;display:grid;place-items:center;border:1px solid #c4ad7966;font-size:2rem;color:#e4c97f}.bg-card-row{text-align:center;margin:20px 0}.bg-card-row>div{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:14px}.bg-card-row.rival .bg-card{width:63px;height:87px}.bg-casino-mark{text-align:center;color:#e0c68a;font-family:Georgia,serif;letter-spacing:.35em;font-size:1.1rem;opacity:.9}.bg-casino-mark b{font-size:3rem;display:block;line-height:1.2}.bg-casino-mark span{display:block;font-family:system-ui;font-size:.55rem;margin-top:9px;letter-spacing:.2em}.bg-shell[data-kind=blackjack] .bg-stage{background:radial-gradient(ellipse,#174e42,#09201f)}.bg-shell[data-kind=blackjack] .bg-content{border:1px solid #d4bd7426;border-radius:180px;padding:28px 15px;max-width:780px}.bg-truco-head{display:flex;justify-content:space-around;gap:10px;max-width:580px;margin:auto;border-bottom:1px solid #d3a36433;padding-bottom:12px}.bg-truco-head span{font-size:.6rem;color:#d3b693;letter-spacing:.12em;display:flex;align-items:center;gap:13px}.bg-truco-head b{font-size:1.7rem;color:#ffe1a9;font-family:Georgia,serif}.bg-truco-table{display:flex;justify-content:center;gap:45px;align-items:center}.bg-vira{transform:rotate(-8deg);text-align:center}.bg-vira>small{display:block;font-size:.5rem;letter-spacing:.08em;color:#dabc91;margin-bottom:10px;max-width:110px}.bg-played{display:flex;gap:15px;padding:20px;border:1px dashed #d2a86966;border-radius:16px}.bg-played>div>small{display:block;font-size:.55rem;color:#c6b69e;letter-spacing:.1em;margin-bottom:9px}.bg-card-slot{display:block;width:82px;height:119px;border:1px solid #ab875638;border-radius:9px}.bg-tricks{display:flex;gap:15px;justify-content:center;margin-top:20px;font-size:.72rem;color:#d7b88b}.bg-open-hand{text-align:center;margin-top:20px}.bg-open-hand>small{display:block;margin-bottom:10px;font-size:.6rem}.bg-open-hand .bg-card{width:60px;height:90px;margin:4px}
.bg-four-drop{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;width:min(570px,100%);margin:0 auto 12px;padding:0 18px}.bg-drop{padding:6px;font-size:1.4rem;background:#233d5c;color:#bdeaff;border:1px solid #446a8d;border-radius:9px}.bg-four-board{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;width:min(570px,100%);padding:18px;margin:auto;border:1px solid #5c85bc;border-radius:23px;background:linear-gradient(150deg,#284a73,#182742);box-shadow:0 12px 0 #0a1427,0 20px 40px #0005}.bg-four-cell{aspect-ratio:1;border-radius:50%;background:#080f22;box-shadow:inset 0 3px 8px #0007;border:1px solid #41648a}.bg-four-cell.human{background:radial-gradient(circle at 32% 30%,#dbfcff,#45bdeb);border:3px solid #a1eaff;box-shadow:inset 0 -5px 0 #1685ad,0 2px 4px #0007}.bg-four-cell.rival{background:radial-gradient(circle at 32% 30%,#ffd9c5,#f48274);border:3px solid #ffd4b7;box-shadow:inset 0 -5px 0 #b9555b,0 2px 4px #0007}.bg-four-cell.newest{outline:2px solid #fff;outline-offset:3px}.bg-four-cell.winning{box-shadow:0 0 20px #fcffad}.bg-memory{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;width:min(520px,100%);margin:auto;perspective:1000px}.bg-memory-card{aspect-ratio:1;position:relative;border:1px solid #775e9a;border-radius:15px;background:linear-gradient(140deg,#3a2d52,#19192b);cursor:pointer;transition:transform .35s,background .35s,border-color .35s;display:grid;place-items:center;overflow:hidden}.bg-memory-card:before{content:'';position:absolute;inset:8px;border:1px solid #b79bd52b;transform:rotate(45deg);border-radius:12px}.bg-memory-back{font:italic 700 2.6rem Georgia,serif;color:#c3a4ea8a}.bg-memory-face{position:absolute;font-size:clamp(2rem,5vw,3.5rem);color:hsl(var(--tile-hue) 85% 82%);transform:rotateY(90deg);opacity:0;transition:transform .35s,opacity .2s}.bg-memory-card.revealed{background:hsl(var(--tile-hue) 35% 20%);border-color:hsl(var(--tile-hue) 65% 65%)}.bg-memory-card.revealed .bg-memory-face{transform:rotateY(0);opacity:1}.bg-memory-card.revealed .bg-memory-back{opacity:0}.bg-memory-card.matched{opacity:.65;box-shadow:inset 0 0 25px #ffffff10}.bg-fight-canvas{display:block;width:100%;aspect-ratio:2;background:#0d1527;border-radius:12px;border:1px solid #334964}.bg-fight-hud{display:grid;grid-template-columns:1fr 70px 1fr;gap:20px;align-items:center;margin-bottom:20px}.bg-fight-hud>div:last-child{text-align:right}.bg-fight-hud span{font-size:.62rem;letter-spacing:.12em;color:#c1def0}.bg-fight-hud meter,.bg-fight-hud progress{display:block;width:100%;height:15px;margin-top:5px;accent-color:#6bf2ff}.bg-fight-hud progress{height:5px;accent-color:#e4c98b}.bg-fight-hud>b{text-align:center;font-size:2rem;font-variant-numeric:tabular-nums}.bg-fight-controls{display:flex;gap:9px;justify-content:center;width:100%;touch-action:none;user-select:none}.bg-fight-controls button{padding:14px 20px;border:1px solid #486278;border-radius:10px;background:#1c2e40;color:#d8f6ff;font:inherit;touch-action:none;cursor:pointer}.bg-fight-controls button:active{background:#376578}
@media(min-width:900px){.bg-shell[data-kind=damas] .bg-stage{background:radial-gradient(ellipse at 20% 20%,#53335855,transparent 65%),linear-gradient(135deg,#201c30,#0e1220)}}
@media(max-width:720px){.classic-intro{grid-template-columns:1fr;gap:12px}.classic-intro img{max-width:340px;justify-self:center}.classic-rules{grid-template-columns:1fr}.bg-toolbar{padding:15px}.bg-toolbar-actions{gap:7px}.bg-stage{padding:24px 12px;min-height:480px}.bg-board{border-width:6px}.bg-chess-wrap{grid-template-columns:1fr}.bg-movelog{max-height:85px;padding:12px}.bg-movelog ol{display:flex;gap:25px;flex-wrap:wrap;margin:4px 0}.bg-coord{font-size:8px}.bg-chess-piece{width:88%;height:88%}.bg-record{padding:15px;gap:10px}.bg-record small{width:100%;margin:0}.bg-four-board{gap:8px;padding:12px;border-radius:15px}.bg-four-drop{gap:8px;padding:0 12px}.bg-memory{gap:10px}.bg-memory-card{border-radius:10px}.bg-truco-table{gap:10px}.bg-played{gap:8px;padding:10px}.bg-card,.bg-card-slot{width:62px;height:93px}.bg-card>b{font-size:1.8rem}.bg-card>span{font-size:.8rem}.bg-card small{font-size:.65rem}.bg-vira>small{max-width:70px;font-size:.48rem}.bg-hand{gap:10px}.bg-hand .bg-card{width:74px;height:105px}.bg-fight-hud{gap:10px;grid-template-columns:1fr 45px 1fr}.bg-fight-controls{gap:5px}.bg-fight-controls button{padding:15px 10px;font-size:.75rem}.bg-truco-head span{gap:7px}.bg-stage:fullscreen{padding:12px}.bg-stage:fullscreen .bg-board{width:min(65vh,calc(100vw - 30px))}.bg-result>div{padding:25px}.bg-shell[data-kind=blackjack] .bg-content{border-radius:35px}.bg-domino-table{border-radius:25px;gap:4px}.bg-domino-table .bg-domino{margin:0 18px}.bg-domino-score{gap:12px;font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.bg-shell *{transition:none!important;animation:none!important}}
.bg-pips i{background:transparent}.bg-pips i.on{background:#263137}.bg-domino>em{height:1px;width:100%;background:#978d78;margin:3px 0}.bg-domino-opponent{text-align:center;margin-bottom:24px}.bg-domino-opponent>div{display:flex;gap:6px;justify-content:center;margin-top:12px}.bg-domino-back{display:inline-block}.bg-chain{display:flex;align-items:center;gap:14px;border:1px solid #dfd0aa26;background:#48604a16;border-radius:24px;padding:20px 12px;min-height:160px}.bg-chain-end{font-size:.55rem;letter-spacing:.1em;color:#bcb89f;writing-mode:vertical-rl;white-space:nowrap}.bg-chain-tiles{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;width:100%}.bg-chain-tiles .bg-domino{width:42px;height:78px}.bg-chain-tiles .bg-pips{height:29px}.bg-hand-label{text-align:center;font-size:.6rem;letter-spacing:.12em;color:#c9c3af;margin:25px 0 12px}.bg-domino-hand{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.bg-tile-pick{border:0;background:none;padding:0;cursor:pointer;border-radius:8px;transition:transform .2s}.bg-tile-pick:enabled:hover,.bg-tile-pick.selected{transform:translateY(-7px)}.bg-tile-pick.selected{outline:3px solid var(--accent);outline-offset:5px}.bg-tile-pick:disabled{opacity:.4;cursor:default}
.classic-intro img{height:auto}.bg-chain-tiles .bg-domino{width:82px;height:43px;flex-direction:row;align-items:center}.bg-chain-tiles .bg-domino>em{width:1px;height:30px;margin:0 4px;flex-shrink:0}.bg-chain-tiles .bg-pips{width:30px;height:30px;flex-shrink:0}.bg-fight-hud meter::-webkit-meter-bar{background:#17283b;border:1px solid #3a506b;border-radius:5px}.bg-fight-hud meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#3b90b1,#9bedf1)}.bg-fight-hud>div:last-child meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#d27c67,#ffca92)}