:root{--background-color:#f4f4f9;--background-color-light:#fafafe;--background-color-dark:#1a1a2e;--background-color-disabled:#f0f0f0;--text-color:#2b2b35;--text-color-muted:#6b6b78;--text-color-disabled:#9a9aa5;--primary-color:#4361ee;--primary-color-light:#e0e7ff;--primary-color-dark:#3f37c9;--secondary-color:#38b000;--secondary-color-light:#e3f8d9;--error-color:#ef233c;--error-color-light:#fde2e5;--white-color:#fff;--black-color:#000;--mouse-gray:#8a8a99;--mouse-brown:#b07d56;--mouse-white:#e6e6ef;--mouse-ear-inner:#f4b8c4;--pacman-board-bg:#07111f;--pacman-wall:#7c3aed;--pacman-yellow:#ff7a59;--pacman-dot:#a7f3d0;--ghost-red:#ff3b30;--ghost-pink:#ffb8de;--ghost-cyan:#25e0ff;--ghost-orange:#ffb852;--border-color-light:#e2e2ea;--border-color-hover:#c8d0f0;--border-color-disabled:#ececf0;--gradient:linear-gradient(45deg, #4361ee, #3f37c9);--gradient-light:linear-gradient(90deg, #6b82f2, #5b54d6);--surface-base:#0b1020;--surface-deep:#080d1a;--surface-1:#111827;--surface-2:#162033;--surface-glass:#f8fafc0f;--ink:#f8fafc;--ink-muted:#94a3b8;--card:#1b2640;--card-muted:#141d30;--card-ink:#f8fafc;--card-ink-muted:#94a3b8;--line:#94a3b838;--line-solid:#212c45;--line-strong:#7dd3fc6b;--accent:#7dd3fc;--accent-strong:#2563eb;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--ease-ui:.16s ease;--portal-bg:radial-gradient(circle at 50% 0%, #7dd3fc26, transparent 30rem), radial-gradient(circle at 88% 108%, #6366f11f, transparent 26rem), linear-gradient(180deg, var(--surface-deep) 0%, var(--surface-base) 100%);--medal-gold:#ffd24a;--medal-silver:#c8d0dc;--medal-bronze:#d68a4e;--color-typing:#7c3aed;--color-snake:#16a34a;--color-pacman:#eab308;--color-2048:#ea580c;--color-tetris:#0891b2;--color-memory:#dc2626;--color-breakout:#db2777;--color-pong:#14b8a6;--color-ludo:#4f46e5;--color-connect4:#2563eb;--color-battleship:#0369a1;--color-goose:#d97706;--color-simon:#9333ea;--color-minesweeper:#475569;--color-motus:#6aaa64;--color-math:#0d9488;--color-geoquiz:#0369a1;--color-trivia:#0f766e;--color-conjugation:#be123c;--color-anagram:#ca8a04;--color-hangman:#0f766e;--color-sudoku:#4338ca;--color-checkers:#92400e;--color-reversi:#047857;--color-wordsearch:#0284c7;--color-sokoban:#a16207;--color-mastermind:#7e22ce;--color-nonogram:#6d28d9;--color-taquin:#e11d48;--color-flappy:#fbbf24;--color-mancala:#84cc16;--color-solitaire:#166534;--color-blackjack:#0f4c2a;--color-invaders:#0f172a;--color-bubbles:#0c4a6e;--color-dotsboxes:#1e40af;--color-yahtzee:#7c2d12;--color-binairo:#1e3a5f;--color-kakuro:#312e81;--color-tictactoe:#f43f5e;--color-gomoku:#78350f;--color-mill:#64748b;--color-backgammon:#1d4ed8;--color-dominoes:#1e293b;--color-asteroids:#1e1b4b;--asteroids-space:#050816;--asteroids-star:#dbeafe;--asteroids-rock:#64748b;--asteroids-rock-detail:#cbd5e1;--asteroids-ship:#a78bfa;--asteroids-flame:#fb923c;--asteroids-shot:#fef08a;--color-quoridor:#c2410c;--quoridor-board:#9a5a2b;--quoridor-board-edge:#5f3217;--quoridor-board-shadow:#45200d59;--quoridor-cell:#d89a5b;--quoridor-cell-edge:#7c451f;--quoridor-cell-shine:#ffffff3d;--quoridor-seat-0:#f8fafc;--quoridor-seat-1:#1e293b;--quoridor-pawn-edge:#0f172a7a;--quoridor-pawn-shine:#ffffff42;--quoridor-pawn-shadow:#0f172a70;--quoridor-wall:#422006;--quoridor-wall-preview:#fef08a24;--quoridor-wall-shadow:#0f172a8c;--quoridor-legal:#fef08a;--quoridor-tool-active:#c2410c24;--color-sciencequiz:#0369a1;--color-whackamole:#84cc16;--whack-grass:#3f6212;--whack-grass-light:#84cc1647;--whack-grass-edge:#365314;--whack-grass-shadow:#14532d57;--whack-dirt:#78350f;--whack-dirt-edge:#451a03;--whack-hole:#1c0a02;--whack-hole-shadow:#000000b3;--whack-mole:#92400e;--whack-mole-light:#fdba7461;--whack-mole-edge:#431407;--whack-eye:#0f172a;--whack-nose:#fda4af;--whack-golden:#facc15;--whack-golden-light:#fef08a;--whack-miss:#ef4444;--color-neon-arena:#e879f9;--color-chinese-checkers:#e11d48;--color-frogger:#22c55e;--color-labyrinth:#a16207;--color-sorry:#ef4444;--color-blokus:#2563eb;--color-tsuro:#0f766e;--color-hive:#d97706;--color-uno:#ef4444;--color-coup:#a855f7;--color-risk:#7c3517;--color-monopoly:#16a34a;--color-carcassonne:#b45309;--color-sequence:#1d4ed8;--color-splendor:#b45309;--color-molkky:#78350f;--color-azul:#0369a1;--color-ticket-to-ride:#991b1b;--color-love-letter:#be185d;--color-sushi-go:#f97316;--color-perudo:#a16207;--color-camel-up:#f59e0b;--color-hearts:#dc2626;--color-gin-rummy:#be123c;--color-onitama:#9f1239;--color-jungle:#15803d;--color-quarto:#44403c;--color-kingdomino:#ca8a04;--color-go:#92400e;--color-skull:#374151;--color-chess:#4b5563;--color-multiquiz:#f59e0b;--color-nim:#8b5cf6;--color-lightsout:#14b8a6;--color-futoshiki:#0ea5e9;--color-pentago:#e11d48;--color-sequences:#22c55e;--color-roman:#b45309;--color-hitori:#475569;--color-halma:#0d9488;--color-convert:#0891b2;--color-pegsolitaire:#9333ea;--color-yote:#b91c1c;--color-bases:#6366f1;--color-konane:#78350f;--color-wordladder:#d97706;--color-morse:#0284c7;--color-str8ts:#0d9488;--color-baghchal:#ca8a04;--color-elements:#0f766e;--color-shikaku:#7c3aed;--color-teeko:#0369a1;--color-clock:#7c2d12;--color-kakurasu:#0e7490;--color-achi:#15803d;--color-hex:#7c3aed;--color-hashi:#0f766e;--color-calcudoku:#d97706;--color-ataxx:#0891b2;--color-dino:#a16207;--color-doodlejump:#22c55e;--color-fruitninja:#f97316;--color-crossyroad:#16a34a;--color-helix:#e11d48;--color-stacktower:#0891b2;--color-timberman:#78350f;--color-colorswitch:#a855f7;--color-geometrydash:#e879f9;--color-jetpack:#f43f5e;--color-rhythmtap:#7c3aed;--color-missilecommand:#dc2626;--color-tunnelrun:#0ea5e9;--color-defender:#1e1b4b;--color-galaga:#0f172a;--galaga-space:#020617;--galaga-space-mid:#0f172a;--galaga-neon:#38bdf8;--color-dodgeball:#ef4444;--color-centipede:#84cc16;--color-laserquest:#06b6d4;--color-magnetball:#14b8a6;--color-orbitdash:#6366f1;--color-skiing:#38bdf8;--color-bmxrace:#f97316;--color-paperplane:#a78bfa;--color-ropeswing:#22c55e;--ropeswing-sky:#10283a;--ropeswing-sky-light:#153b52;--ropeswing-sky-mid:#1a3540;--ropeswing-canyon:#3a211e;--ropeswing-mountain:#12222d;--ropeswing-shadow:#180f18;--ropeswing-visor:#072d3d;--ropeswing-anchor-highlight:#fff1a8;--ropeswing-anchor-shadow:#b45309;--ropeswing-platform-highlight:#8af29a;--ropeswing-platform-shadow:#0b5738;--ropeswing-rope-light:#f4d7a0;--ropeswing-rope-dark:#c59762;--ropeswing-player-highlight:#d9fff0;--ropeswing-player-shadow:#087443;--ropeswing-player-deep:#064e3b;--ropeswing-release:#0b7b47;--color-gemfall:#ec4899;--color-wallkick:#8b5cf6;--color-hovercar:#06b6d4;--color-spikefall:#f43f5e;--color-mahjong:#9a6b3f;--color-pinball:#d5a84b;--color-relicmatch:#c96f3b;--color-minigolf:#62a86f;--color-towerdefense:#b88743;--color-bowling:#c65b46;--color-billiards:#287a5a;--color-curling:#2f7fa3;--cat-action:#ef4444;--cat-puzzle:#8b5cf6;--cat-words:#0ea5e9;--cat-quiz:#10b981;--cat-board:#f59e0b;--cat-cards:#9d174d;--spacing-xxs:.125rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:4rem;--border-radius-xs:2px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:25px;--shadow-xs:0 1px 2px #00000014;--shadow-xs-inset:inset 0 1px 1px #00000026;--shadow-sm:0 2px 4px #0000001a;--shadow:0 2px 10px #0000001a;--shadow-lg:0 5px 15px #0003;--font-family-base:"Segoe UI", Roboto, Arial, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-xxl:2rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:600;--font-weight-bolder:800;--container-width:800px;--content-width-max:1200px;--sidebar-width:64px;--sidebar-width-expanded:220px;--sidebar-bg:var(--background-color-dark);--tap-target-size:44px;--z-skip-link:1300;--swatch-size:1.6rem;--swatch-rim:#0000002e;--sidebar-control-size:var(--tap-target-size);--mobile-chrome-clearance:calc(var(--tap-target-size) + (2 * var(--spacing-sm)));--game-page-padding-inline:clamp(.25rem, 1vw, .75rem);--game-page-padding-block:clamp(.25rem, 1dvh, .75rem);--game-shell-padding-block:var(--spacing-xs);--game-shell-padding-inline:var(--spacing-sm);--game-ad-inline-size:300px;--game-ad-block-size:64px;--game-ad-gap:var(--spacing-md);--game-board-aspect-square:1;--game-board-aspect-wide:16 / 9;--game-board-aspect:var(--game-board-aspect-square);--game-board-fit-ratio:1;--shell-action-size:2.75rem;--game-frame-height-reserve:5.75rem;--game-avail-height:calc(100dvh - var(--game-page-padding-block) - var(--game-page-padding-block));--game-frame-width:calc((var(--game-avail-height) - var(--game-frame-height-reserve)) * var(--game-board-fit-ratio));--game-shell-border:color-mix(in srgb, var(--white-color) 64%, var(--border-color-light));--game-shell-shadow:0 18px 42px #0f172a33, 0 2px 8px #0f172a1f;--game-board-shadow:inset 0 0 0 1px #0f172a14;--dual-board-frame-width:min(calc((var(--game-avail-height) - var(--game-frame-height-reserve)) * 2.15), calc(100vw - var(--rail-clearance) - (2 * var(--game-page-padding-inline))));--transition-speed:.3s;--tile-board-bg:#bbada0;--tile-empty-bg:#eee4da59;--tile-text-dark:#776e65;--tile-text-light:#f9f6f2;--tile-2-bg:#eee4da;--tile-4-bg:#ede0c8;--tile-8-bg:#f2b179;--tile-16-bg:#f59563;--tile-32-bg:#f67c5f;--tile-64-bg:#f65e3b;--tile-128-bg:#edcf72;--tile-256-bg:#edcc61;--tile-512-bg:#edc850;--tile-1024-bg:#edc53f;--tile-2048-bg:#edc22e;--tile-super-bg:#3c3a32;--tetris-empty-bg:#ffffff0d;--tetris-i:#22d3ee;--tetris-o:#facc15;--tetris-t:#a855f7;--tetris-s:#4ade80;--tetris-z:#f87171;--tetris-j:#3b82f6;--tetris-l:#fb923c;--memory-board-bg:#2b2d42;--memory-card-back-bg:#4361ee;--memory-card-back-icon:#ffffff8c;--memory-card-front-bg:#fafafe;--memory-card-front-icon:#2b2d42;--memory-card-matched-bg:#e3f8d9;--memory-card-matched-icon:#38b000;--breakout-paddle:#4361ee;--breakout-ball:#fff;--breakout-brick-1:#ef476f;--breakout-brick-2:#f78c6b;--breakout-brick-3:#ffd166;--breakout-brick-4:#06d6a0;--breakout-brick-5:#118ab2;--pong-board-bg:#0f172a;--pong-net:#ffffff38;--pong-paddle-player:#14b8a6;--pong-paddle-opponent:#f43f5e;--pong-ball:#fff;--ludo-board-bg:#eef2f7;--ludo-cell:#fff;--ludo-seat-0:#ef4444;--ludo-seat-1:#3b82f6;--ludo-seat-2:#f59e0b;--ludo-seat-3:#22c55e;--mine-line:#94a3b8;--mine-covered:#cbd5e1;--mine-covered-hover:#dbe4ee;--mine-revealed:#eef2f7;--motus-correct:#0ea5e9;--motus-present:#f97316;--motus-absent:#475569;--motus-border:#94a3b8;--dice-bg:#fff;--dice-pip:#1f2937;--connect4-board:#1d4ed8;--connect4-hole:#eff6ff;--connect4-disc-0:#ef4444;--connect4-disc-1:#facc15;--checkers-light:#f0d9b5;--checkers-dark:#b58863;--checkers-frame:#6f4a2f;--checkers-p0:#ef4444;--checkers-p0-edge:#991b1b;--checkers-p1:#475569;--checkers-p1-edge:#1e293b;--checkers-king:#fde047;--checkers-select:#22c55e;--checkers-target:#22c55ed9;--mm-board:#3f2a44;--mm-active:#ffffff14;--mm-active-ring:#fbcfe8;--mm-slot-empty:#5b4463;--mm-peg-empty:#ffffff26;--mm-peg-black:#111827;--mm-peg-white:#f8fafc;--mm-action:#6d28d9;--mm-submit:#16a34a;--mm-c0:#ef4444;--mm-c1:#f97316;--mm-c2:#eab308;--mm-c3:#22c55e;--mm-c4:#14b8a6;--mm-c5:#3b82f6;--mm-c6:#a855f7;--mm-c7:#ec4899;--sok-grid:#d6c8b0;--sok-floor:#efe6d5;--sok-wall:#7c6f5a;--sok-target:#ef4444;--sok-box:#b7791f;--sok-box-edge:#8a5a12;--sok-box-on:#16a34a;--sok-box-on-edge:#0f7a37;--sok-player:#2563eb;--sok-player-hi:#60a5fa;--sok-btn:#a16207;--sok-btn-hover:#854d0e;--nono-btn:#7c3aed;--nono-btn-hover:#6d28d9;--nono-cross-btn:#64748b;--nono-cross-btn-hover:#475569;--onscreen-key-bg:#e7e9ee;--onscreen-key-ink:#1e293b;--onscreen-key-hover:#d5d9e2;--ws-frame:#cbd5e1;--ws-cell-bg:#f1f5f9;--ws-cell-text:#1e293b;--ws-sel:#0284c7;--ws-found:#16a34a;--reversi-felt:#15803d;--reversi-felt-hover:#16a34a;--reversi-line:#0f5132;--reversi-line-width:2px;--reversi-frame:#0b3d26;--reversi-p0:#111827;--reversi-p0-hi:#374151;--reversi-p1:#f1f5f9;--reversi-p1-hi:#fff;--reversi-hint:#fafafa80;--battleship-water:#e0f2fe;--battleship-border:#7dd3fc;--battleship-grid-line:#7dd3fc66;--battleship-ship:#1e3a5f;--battleship-miss:#94a3b8;--battleship-hit:#f97316;--battleship-sunk:#dc2626;--battleship-preview:#86efac;--battleship-preview-invalid:#fca5a5;--battleship-target-hover:#38bdf8;--playing-card-face:#fdfaf3;--playing-card-face-border:#e4dbc8;--playing-card-back:#1e2a4a;--playing-card-back-pattern:#ffffff12;--playing-card-back-border:#d4af3738;--playing-card-red:#c0102a;--playing-card-black:#12121e;--playing-card-gold:#b8962e;--playing-card-shadow:0 2px 8px #00000038, 0 1px 2px #00000024;--sol-felt:#0f4c2a;--sol-felt-highlight:#145c33;--sol-slot-bg:#0000002e;--sol-slot-border:#ffffff14;--sol-card-bg:var(--playing-card-face);--sol-select:#d4af37;--mn-board-bg:#c9a97a;--mn-store-bg:#7c5c32;--mn-pit-bg:#8a6240;--mn-pit-active:#9a7250;--mn-pit-playable:#7c7a3a;--mn-pit-playable-hover:#9a9840;--mn-seed-p0:#84cc16;--mn-seed-p1:#f97316;--goose-board-bg:#fef9f0;--goose-cell-bg:#fffbf5;--goose-grid-line:#e5d9c8;--goose-sq-goose:#dcfce7;--goose-sq-bridge:#dbeafe;--goose-sq-inn:#ffedd5;--goose-sq-well:#f3e8ff;--goose-sq-labyrinth:#ccfbf1;--goose-sq-prison:#374151;--goose-sq-death:#7f1d1d;--goose-sq-finish:#fef3c7;--scrollbar-width:thin;--scrollbar-track:transparent;--scrollbar-thumb:#94a3b86b;--scrollbar-thumb-hover:#7dd3fcb3;--color-santorini:#0ea5e9;--level:0;--muted-text:var(--text-color-muted);--surface-3:#1d2a43}*,:before,:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-family-base);background-color:var(--background-color);color:var(--text-color);min-height:100vh;line-height:1.5}img,svg{max-width:100%;display:block}button,input{font:inherit;color:inherit}a{color:inherit;text-decoration:none}html,*{scrollbar-width:var(--scrollbar-width,thin);scrollbar-color:var(--scrollbar-thumb,#94a3b86b) var(--scrollbar-track,transparent)}::-webkit-scrollbar{width:.55rem;height:.55rem}::-webkit-scrollbar-track{background:var(--scrollbar-track,transparent)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb,#94a3b86b);background-clip:content-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover,#7dd3fcb3);background-clip:content-box}@view-transition{navigation:auto}::view-transition-old(root){animation:.2s both vtFadeOut}::view-transition-new(root){animation:.2s both vtFadeIn}@keyframes vtFadeOut{to{opacity:0;transform:scale(.98)}}@keyframes vtFadeIn{0%{opacity:0;transform:scale(.98)}}.sidebar{view-transition-name:ludora-sidebar}.sidebar-toggle{view-transition-name:ludora-sidebar-toggle}.sound-toggle{view-transition-name:ludora-sound-toggle}::view-transition-old(ludora-sidebar),::view-transition-new(ludora-sidebar),::view-transition-old(ludora-sidebar-toggle),::view-transition-new(ludora-sidebar-toggle),::view-transition-old(ludora-sound-toggle),::view-transition-new(ludora-sound-toggle){mix-blend-mode:normal;animation:none}::view-transition-group(ludora-sidebar),::view-transition-group(ludora-sidebar-toggle),::view-transition-group(ludora-sound-toggle){animation:none}.fx-particles{pointer-events:none;z-index:9000;width:100%;height:100%;position:fixed;inset:0}@keyframes pageRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}@keyframes overlayCardFadeIn{0%{opacity:0}to{opacity:1}}@keyframes scoreFloat{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}20%{opacity:1;transform:translate(-50%,-90%)scale(1)}to{opacity:0;transform:translate(-50%,-240%)scale(1)}}@keyframes diceTumble{0%{transform:rotate(0)scale(1)}25%{transform:rotate(160deg)scale(1.18)}50%{transform:rotate(300deg)scale(.92)}75%{transform:rotate(440deg)scale(1.12)}to{transform:rotate(540deg)scale(1)}}@keyframes dicePulse{0%,to{box-shadow:var(--shadow-lg);transform:scale(1)}50%{box-shadow:var(--shadow-lg), 0 0 0 6px #ffffff59;transform:scale(1.08)}}@keyframes dicePop{0%{transform:scale(.7)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes connect4Drop{0%{transform:translateY(var(--drop-from,-680%));animation-timing-function:cubic-bezier(.4,0,.8,.55)}60%{transform:translateY(0)}74%{transform:translateY(-13%)}86%{transform:translateY(0)}94%{transform:translateY(-4%)}to{transform:translateY(0)}}@keyframes connect4Win{0%,to{box-shadow:inset 0 -2px 3px #00000038}50%{box-shadow:inset 0 0 0 .32rem #ffffffe6}}@keyframes reversiPlace{0%{transform:scale(.4)}60%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes bsHitReveal{0%{filter:brightness(2.5)}to{filter:brightness()}}@keyframes bsMissPop{0%{opacity:0;transform:scale(0)}65%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes bsSunkReveal{0%{filter:brightness(3)}60%{filter:brightness(1.5)}to{filter:brightness()}}@keyframes pongBallGlow{0%,to{box-shadow:var(--shadow-sm), 0 0 6px 2px #ffffff4d}50%{box-shadow:var(--shadow-sm), 0 0 14px 5px #ffffffa6}}@keyframes foodGlow{0%,to{filter:brightness()}50%{filter:brightness(1.3)drop-shadow(0 0 6px #ffffff8c)}}@keyframes memoryMatchGlow{0%,to{box-shadow:none}50%{box-shadow:0 0 0 3px #22c55e80}}@keyframes tileSpawn{0%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes tileMerge{0%{transform:scale(1)}40%{filter:brightness(1.4);transform:scale(1.18)}to{filter:brightness();transform:scale(1)}}@property --pac-mouth{syntax:"<angle>";inherits:false;initial-value:33deg}@keyframes pacChomp{0%,to{--pac-mouth:33deg}50%{--pac-mouth:5deg}}@keyframes cellPop{0%{transform:scale(.6)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes cardDeal{0%{opacity:0;transform:translateY(-18px)rotate(-4deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes pongFire{0%,to{transform:scale(1);box-shadow:0 0 10px 3px #fb923ce6,0 0 20px 6px #ef444499}50%{transform:scale(1.12);box-shadow:0 0 16px 5px #fbbf24,0 0 28px 10px #ef4444bf}}@keyframes mnSeedDrop{0%{opacity:0;transform:translateY(-16px)scale(.2)}70%{opacity:1;transform:translateY(2px)scale(1.1)}to{transform:translateY(0)scale(1)}}@keyframes mnGain{0%{transform:scale(1)}40%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes mnScoop{0%{transform:scale(1)}35%{transform:scale(.9)rotate(-2deg)}to{transform:scale(1)rotate(0)}}@keyframes dbStrokeH{0%{opacity:.3;transform:scaleX(.15)}to{opacity:1;transform:scaleX(1)}}@keyframes dbStrokeV{0%{opacity:.3;transform:scaleY(.15)}to{opacity:1;transform:scaleY(1)}}@keyframes dbCapture{0%{opacity:0;transform:scale(.3)}60%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes progressFill{0%{width:calc(var(--meter-from,0) * 100%)}}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}:where(html,body)[data-ui-theme=arcade]{--background-color:#130a2a;--background-color-light:#23104d;--background-color-dark:#070516;--text-color:#fdf4ff;--text-color-muted:#c8b8ff;--primary-color:#ff4fd8;--primary-color-light:#3b145f;--primary-color-dark:#9d1a8f;--surface-base:#130a2a;--surface-deep:#070516;--surface-1:#140d2b;--surface-2:#23104d;--surface-glass:#ff4fd814;--ink:#fff7fb;--ink-muted:#c8b8ff;--card:#21133d;--card-muted:#180f31;--card-ink:#fff7fb;--card-ink-muted:#d8c9ff;--line:#ff4fd842;--line-solid:#ff4fd857;--line-strong:#22d3ee94;--accent:#ff4fd8;--accent-strong:#22d3ee;--portal-bg:repeating-linear-gradient(0deg, #ff4fd81a 0 1px, transparent 1px 32px), repeating-linear-gradient(90deg, #22d3ee14 0 1px, transparent 1px 32px), radial-gradient(circle at 50% 0%, #ff4fd83d, transparent 28rem), radial-gradient(circle at 88% 88%, #22d3ee2e, transparent 26rem), linear-gradient(180deg, #130a2a 0%, #070516 100%);--game-shell-border:#ff4fd847;--game-shell-shadow:0 18px 46px #00000057, 0 0 28px #ff4fd821}:where(html,body)[data-ui-theme=midnight]{--background-color:#090d1a;--background-color-light:#141d33;--background-color-dark:#05070f;--text-color:#eaf2ff;--text-color-muted:#93a2c7;--primary-color:#38bdf8;--primary-color-light:#0c2f4a;--primary-color-dark:#0284c7;--surface-base:#090d1a;--surface-deep:#05070f;--surface-1:#101827;--surface-2:#17203a;--surface-glass:#38bdf812;--ink:#eaf2ff;--ink-muted:#93a2c7;--card:#131c30;--card-muted:#0d1424;--card-ink:#eaf2ff;--card-ink-muted:#aab6d4;--line:#38bdf833;--line-solid:#38bdf847;--line-strong:#a78bfa8c;--accent:#38bdf8;--accent-strong:#a78bfa;--portal-bg:repeating-linear-gradient(0deg, #38bdf80f 0 1px, transparent 1px 34px), radial-gradient(circle at 50% 0%, #38bdf833, transparent 30rem), radial-gradient(circle at 85% 90%, #a78bfa29, transparent 26rem), linear-gradient(180deg, #090d1a 0%, #05070f 100%);--game-shell-border:#38bdf842;--game-shell-shadow:0 18px 46px #0006, 0 0 26px #38bdf81f}:where(html,body)[data-ui-theme=daylight]{--background-color:#f4f2fb;--background-color-light:#fff;--background-color-dark:#e7e2f7;--text-color:#1c1338;--text-color-muted:#6b5f8c;--primary-color:#7c3aed;--primary-color-light:#ede9fe;--primary-color-dark:#6d28d9;--surface-base:#f4f2fb;--surface-deep:#fff;--surface-1:#fff;--surface-2:#faf8ff;--surface-glass:#7c3aed0f;--ink:#1c1338;--ink-muted:#6b5f8c;--card:#fff;--card-muted:#f4f0ff;--card-ink:#1c1338;--card-ink-muted:#6b5f8c;--line:#7c3aed29;--line-solid:#7c3aed38;--line-strong:#ec48996b;--accent:#7c3aed;--accent-strong:#db2777;--portal-bg:radial-gradient(circle at 50% 0%, #7c3aed1f, transparent 26rem), radial-gradient(circle at 88% 96%, #ec48991a, transparent 24rem), linear-gradient(180deg, #fff 0%, #f1ecfb 100%);--game-shell-border:#7c3aed2e;--game-shell-shadow:0 16px 38px #4c1d9524, 0 2px 8px #4c1d9514}:where(html,body)[data-ui-theme=amber]{--background-color:#1b1206;--background-color-light:#2a1d0d;--background-color-dark:#120b04;--text-color:#fde7cf;--text-color-muted:#cda878;--primary-color:#fb923c;--primary-color-light:#3a2410;--primary-color-dark:#c2410c;--surface-base:#1b1206;--surface-deep:#120b04;--surface-1:#241809;--surface-2:#30210e;--surface-glass:#fb923c14;--ink:#fde7cf;--ink-muted:#cda878;--card:#271a0b;--card-muted:#1d1307;--card-ink:#fde7cf;--card-ink-muted:#d6b487;--line:#fb923c38;--line-solid:#fb923c4d;--line-strong:#fbbf2480;--accent:#fbbf24;--accent-strong:#f97316;--portal-bg:repeating-linear-gradient(0deg, #fb923c0f 0 1px, transparent 1px 34px), radial-gradient(circle at 50% 0%, #fb923c38, transparent 30rem), radial-gradient(circle at 85% 90%, #f59e0b29, transparent 26rem), linear-gradient(180deg, #1b1206 0%, #120b04 100%);--game-shell-border:#fb923c42;--game-shell-shadow:0 18px 46px #0006, 0 0 26px #fb923c1f}html[data-ui-theme]{background:var(--background-color)}:where(html[data-ui-theme] .app-body,.app-body[data-ui-theme]){background:var(--portal-bg)}@media (width>=768px) and (prefers-reduced-motion:no-preference){:where(html[data-ui-theme] .app-body,.app-body[data-ui-theme]){background-attachment:fixed}}.theme-toggle{font-size:var(--font-size-md)}.theme-control.is-open .theme-toggle{border-color:var(--line-strong);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 18%, transparent), transparent), var(--surface-1)}.theme-menu,.lang-menu{right:0;bottom:calc(100% + var(--spacing-xs));z-index:1210;width:10rem;padding:var(--spacing-xs);border:1px solid var(--line);border-radius:var(--border-radius-md);background:linear-gradient(180deg, #ffffff09, transparent 36%), var(--surface-1);gap:2px;display:grid;position:absolute;left:auto;box-shadow:0 18px 34px #00000047}.theme-menu[hidden],.lang-menu[hidden]{display:none}.theme-menu button,.lang-menu button{min-height:var(--tap-target-size);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);color:var(--ink);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;display:flex}.theme-menu button:after{content:"";background:var(--accent);opacity:0;border-radius:50%;width:.65rem;height:.65rem}.theme-menu button:hover,.theme-menu button:focus-visible,.theme-menu button.is-active,.lang-menu button:hover,.lang-menu button:focus-visible,.lang-menu button.is-active{border-color:var(--line-strong);background:color-mix(in srgb, var(--accent) 14%, transparent)}.theme-menu button.is-active:after{opacity:1}html[data-ui-theme=arcade] .sidebar,html[data-ui-theme=midnight] .sidebar,html[data-ui-theme=amber] .sidebar{--accent-keep:88%;--accent-into:#fff}html[data-ui-theme=daylight] .sidebar{--accent-keep:74%;--accent-into:var(--ink)}html[data-ui-theme=arcade]{--scrollbar-thumb:#ff4fd885;--scrollbar-thumb-hover:#22d3eed1}html[data-ui-theme=midnight]{--scrollbar-thumb:#38bdf87a;--scrollbar-thumb-hover:#a78bfacc}html[data-ui-theme=daylight]{--scrollbar-thumb:#7c3aed61;--scrollbar-thumb-hover:#db2777ad}html[data-ui-theme=amber]{--scrollbar-thumb:#fb923c80;--scrollbar-thumb-hover:#fbbf24d1}:where(html,body)[data-ui-theme=arcade]{--pacman-board-bg:#0a0418;--tile-board-bg:#1e0a38;--tile-empty-bg:#ff4fd814;--memory-board-bg:#1a0830;--memory-card-back-bg:#6d1a8f;--memory-card-front-bg:#fdf4ff;--memory-card-front-icon:#1a0830;--memory-card-matched-bg:#22d3ee26;--memory-card-matched-icon:#22d3ee;--mine-line:#ff4fd840;--mine-covered:#2a0f50;--mine-covered-hover:#35156a;--mine-revealed:#1a0838;--pong-board-bg:#080218;--ludo-board-bg:#180832;--ludo-cell:#ffffff0a;--motus-correct:#22c55e;--motus-present:#f59e0b;--motus-absent:#3b2060;--motus-border:#ff4fd840}:where(html,body)[data-ui-theme=midnight]{--pacman-board-bg:#03070f;--tile-board-bg:#081428;--tile-empty-bg:#38bdf812;--memory-board-bg:#071020;--memory-card-back-bg:#0c3a6a;--memory-card-front-bg:#eaf2ff;--memory-card-front-icon:#071020;--memory-card-matched-bg:#a78bfa26;--memory-card-matched-icon:#a78bfa;--mine-line:#38bdf838;--mine-covered:#0f1f3a;--mine-covered-hover:#152845;--mine-revealed:#080f20;--pong-board-bg:#02050e;--ludo-board-bg:#0a1628;--ludo-cell:#ffffff0a;--motus-correct:#10b981;--motus-present:#fbbf24;--motus-absent:#1e2d45;--motus-border:#38bdf833}:where(html,body)[data-ui-theme=amber]{--pacman-board-bg:#0a0401;--tile-board-bg:#2a1400;--tile-empty-bg:#fb923c14;--memory-board-bg:#1a0c00;--memory-card-back-bg:#7a3a00;--memory-card-front-bg:#fef3c7;--memory-card-front-icon:#1a0c00;--memory-card-matched-bg:#fbbf2426;--memory-card-matched-icon:#fbbf24;--mine-line:#fb923c33;--mine-covered:#2a1600;--mine-covered-hover:#361c00;--mine-revealed:#180e00;--pong-board-bg:#080401;--ludo-board-bg:#2a1a08;--ludo-cell:#ffffff0a;--motus-correct:#84cc16;--motus-present:#f59e0b;--motus-absent:#3d2710;--motus-border:#fb923c33}:where(html,body)[data-ui-theme=daylight]{--memory-board-bg:#f0eaff;--memory-card-back-bg:#7c3aed;--memory-card-front-bg:#fff;--memory-card-front-icon:#1c1338;--memory-card-matched-bg:#dcfce7;--memory-card-matched-icon:#16a34a}.theme-menu button:after,.theme-menu button.is-active:after{display:none}@media (hover:hover) and (pointer:fine){body[data-ui-theme],html[data-ui-theme] body{cursor:var(--app-cursor-default,auto)}html[data-ui-theme] :is(a,button,[role=button],summary,label[for],.game-tile):not([disabled]),html[data-ui-theme] [role=tab],html[data-ui-theme] input[type=checkbox],html[data-ui-theme] input[type=radio],html[data-ui-theme] select{cursor:var(--app-cursor-pointer,pointer)}html[data-ui-theme] :is(input:not([type=checkbox]):not([type=radio]),textarea){cursor:text}html[data-ui-theme=arcade] body{--app-cursor-default:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cdefs%3E%3Cfilter id='g' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='1.6'/%3E%3C/filter%3E%3Cfilter id='d'%3E%3CfeDropShadow dx='0' dy='1' stdDeviation='1' flood-color='%23000' flood-opacity='0.5'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M5 4 L5 27 L12 21 L16 30 L20 28 L16 19 L25 19 Z' fill='none' stroke='%23ff4fd8' stroke-width='5' stroke-linejoin='round' filter='url(%23g)' opacity='0.9'/%3E%3Cpath d='M5 4 L5 27 L12 21 L16 30 L20 28 L16 19 L25 19 Z' fill='%23ff4fd8' stroke='%230a0518' stroke-width='2.4' stroke-linejoin='round' filter='url(%23d)'/%3E%3C/svg%3E") 5 4, auto;--app-cursor-pointer:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cdefs%3E%3Cfilter id='g' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='1.4'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M13 4 v10 l-3 -2 a2.4 2.4 0 0 0 -3 3.6 l4.8 8.4 a4.8 4.8 0 0 0 4.2 2.4 h6 a3.6 3.6 0 0 0 3.6 -3.6 v-7.2 a2.4 2.4 0 0 0 -4.8 0 a2.4 2.4 0 0 0 -4.8 0 v-1.2 a2.4 2.4 0 0 0 -4.8 0 v-12.6 a1.9 1.9 0 0 0 -3.6 0 z' fill='none' stroke='%23ff4fd8' stroke-width='4.5' stroke-linejoin='round' filter='url(%23g)' opacity='0.85'/%3E%3Cpath d='M13 4 v10 l-3 -2 a2.4 2.4 0 0 0 -3 3.6 l4.8 8.4 a4.8 4.8 0 0 0 4.2 2.4 h6 a3.6 3.6 0 0 0 3.6 -3.6 v-7.2 a2.4 2.4 0 0 0 -4.8 0 a2.4 2.4 0 0 0 -4.8 0 v-1.2 a2.4 2.4 0 0 0 -4.8 0 v-12.6 a1.9 1.9 0 0 0 -3.6 0 z' fill='%23ff4fd8' stroke='%230a0518' stroke-width='2.2' stroke-linejoin='round'/%3E%3C/svg%3E") 13 4, pointer}html[data-ui-theme=midnight] body{--app-cursor-default:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cdefs%3E%3Cfilter id='g' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='1.6'/%3E%3C/filter%3E%3Cfilter id='d'%3E%3CfeDropShadow dx='0' dy='1' stdDeviation='1' flood-color='%23000' flood-opacity='0.5'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M5 4 L5 27 L12 21 L16 30 L20 28 L16 19 L25 19 Z' fill='none' stroke='%2338bdf8' stroke-width='5' stroke-linejoin='round' filter='url(%23g)' opacity='0.9'/%3E%3Cpath d='M5 4 L5 27 L12 21 L16 30 L20 28 L16 19 L25 19 Z' fill='%2338bdf8' stroke='%23050912' stroke-width='2.4' stroke-linejoin='round' filter='url(%23d)'/%3E%3C/svg%3E") 5 4, auto;--app-cursor-pointer:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cdefs%3E%3Cfilter id='g' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='1.4'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M13 4 v10 l-3 -2 a2.4 2.4 0 0 0 -3 3.6 l4.8 8.4 a4.8 4.8 0 0 0 4.2 2.4 h6 a3.6 3.6 0 0 0 3.6 -3.6 v-7.2 a2.4 2.4 0 0 0 -4.8 0 a2.4 2.4 0 0 0 -4.8 0 v-1.2 a2.4 2.4 0 0 0 -4.8 0 v-12.6 a1.9 1.9 0 0 0 -3.6 0 z' fill='none' stroke='%2338bdf8' stroke-width='4.5' stroke-linejoin='round' filter='url(%23g)' opacity='0.85'/%3E%3Cpath d='M13 4 v10 l-3 -2 a2.4 2.4 0 0 0 -3 3.6 l4.8 8.4 a4.8 4.8 0 0 0 4.2 2.4 h6 a3.6 3.6 0 0 0 3.6 -3.6 v-7.2 a2.4 2.4 0 0 0 -4.8 0 a2.4 2.4 0 0 0 -4.8 0 v-1.2 a2.4 2.4 0 0 0 -4.8 0 v-12.6 a1.9 1.9 0 0 0 -3.6 0 z' fill='%2338bdf8' stroke='%23050912' stroke-width='2.2' stroke-linejoin='round'/%3E%3C/svg%3E") 13 4, pointer}html[data-ui-theme=daylight] body{--app-cursor-default:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cdefs%3E%3Cfilter id='g' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='1.4'/%3E%3C/filter%3E%3Cfilter id='d'%3E%3CfeDropShadow dx='0' dy='1' stdDeviation='1' flood-color='%23000' flood-opacity='0.35'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M5 4 L5 27 L12 21 L16 30 L20 28 L16 19 L25 19 Z' fill='none' stroke='%237c3aed' stroke-width='5' stroke-linejoin='round' filter='url(%23g)' opacity='0.55'/%3E%3Cpath d='M5 4 L5 27 L12 21 L16 30 L20 28 L16 19 L25 19 Z' fill='%237c3aed' stroke='%23ffffff' stroke-width='2.4' stroke-linejoin='round' filter='url(%23d)'/%3E%3C/svg%3E") 5 4, auto;--app-cursor-pointer:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cdefs%3E%3Cfilter id='g' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='1.2'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M13 4 v10 l-3 -2 a2.4 2.4 0 0 0 -3 3.6 l4.8 8.4 a4.8 4.8 0 0 0 4.2 2.4 h6 a3.6 3.6 0 0 0 3.6 -3.6 v-7.2 a2.4 2.4 0 0 0 -4.8 0 a2.4 2.4 0 0 0 -4.8 0 v-1.2 a2.4 2.4 0 0 0 -4.8 0 v-12.6 a1.9 1.9 0 0 0 -3.6 0 z' fill='none' stroke='%237c3aed' stroke-width='4.5' stroke-linejoin='round' filter='url(%23g)' opacity='0.5'/%3E%3Cpath d='M13 4 v10 l-3 -2 a2.4 2.4 0 0 0 -3 3.6 l4.8 8.4 a4.8 4.8 0 0 0 4.2 2.4 h6 a3.6 3.6 0 0 0 3.6 -3.6 v-7.2 a2.4 2.4 0 0 0 -4.8 0 a2.4 2.4 0 0 0 -4.8 0 v-1.2 a2.4 2.4 0 0 0 -4.8 0 v-12.6 a1.9 1.9 0 0 0 -3.6 0 z' fill='%237c3aed' stroke='%23ffffff' stroke-width='2.2' stroke-linejoin='round'/%3E%3C/svg%3E") 13 4, pointer}html[data-ui-theme=amber] body{--app-cursor-default:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cdefs%3E%3Cfilter id='g' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='1.6'/%3E%3C/filter%3E%3Cfilter id='d'%3E%3CfeDropShadow dx='0' dy='1' stdDeviation='1' flood-color='%23000' flood-opacity='0.5'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M5 4 L5 27 L12 21 L16 30 L20 28 L16 19 L25 19 Z' fill='none' stroke='%23fbbf24' stroke-width='5' stroke-linejoin='round' filter='url(%23g)' opacity='0.9'/%3E%3Cpath d='M5 4 L5 27 L12 21 L16 30 L20 28 L16 19 L25 19 Z' fill='%23fbbf24' stroke='%23160d02' stroke-width='2.4' stroke-linejoin='round' filter='url(%23d)'/%3E%3C/svg%3E") 5 4, auto;--app-cursor-pointer:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Cdefs%3E%3Cfilter id='g' x='-50%25' y='-50%25' width='200%25' height='200%25'%3E%3CfeGaussianBlur stdDeviation='1.4'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M13 4 v10 l-3 -2 a2.4 2.4 0 0 0 -3 3.6 l4.8 8.4 a4.8 4.8 0 0 0 4.2 2.4 h6 a3.6 3.6 0 0 0 3.6 -3.6 v-7.2 a2.4 2.4 0 0 0 -4.8 0 a2.4 2.4 0 0 0 -4.8 0 v-1.2 a2.4 2.4 0 0 0 -4.8 0 v-12.6 a1.9 1.9 0 0 0 -3.6 0 z' fill='none' stroke='%23fbbf24' stroke-width='4.5' stroke-linejoin='round' filter='url(%23g)' opacity='0.85'/%3E%3Cpath d='M13 4 v10 l-3 -2 a2.4 2.4 0 0 0 -3 3.6 l4.8 8.4 a4.8 4.8 0 0 0 4.2 2.4 h6 a3.6 3.6 0 0 0 3.6 -3.6 v-7.2 a2.4 2.4 0 0 0 -4.8 0 a2.4 2.4 0 0 0 -4.8 0 v-1.2 a2.4 2.4 0 0 0 -4.8 0 v-12.6 a1.9 1.9 0 0 0 -3.6 0 z' fill='%23fbbf24' stroke='%23160d02' stroke-width='2.2' stroke-linejoin='round'/%3E%3C/svg%3E") 13 4, pointer}}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);box-shadow:var(--shadow);cursor:pointer;transition:transform var(--transition-speed) ease, box-shadow var(--transition-speed) ease, background var(--transition-speed) ease;border:none;display:inline-flex}.btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn:active{box-shadow:var(--shadow);transform:translateY(0)scale(.97)}.btn:focus-visible{outline:3px solid var(--primary-color-light);outline-offset:2px}.btn--primary{background:var(--gradient);color:var(--white-color)}.btn--secondary{background:var(--white-color);color:var(--primary-color);border:2px solid var(--border-color-light)}.btn--signin{color:var(--title-color,var(--primary-color));border:2px solid color-mix(in srgb, var(--title-color,var(--primary-color)) 60%, transparent);background:0 0}.btn--signin:hover{background:color-mix(in srgb, var(--title-color,var(--primary-color)) 12%, transparent)}.btn--ghost{color:var(--ink-muted);border:1px solid var(--line);box-shadow:none;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md);background:0 0}.btn--ghost:hover{background:var(--surface-1);color:var(--ink);box-shadow:none}@media (hover:none){.btn:hover{box-shadow:var(--shadow);transform:none}}@media (width>=768px){.btn{padding:var(--spacing-md) var(--spacing-lg)}}.game-icon{width:var(--game-icon-size,1.4em);height:var(--game-icon-size,1.4em);-webkit-mask:var(--game-icon) no-repeat center / contain;mask:var(--game-icon) no-repeat center / contain;background-color:currentColor;flex:none;display:inline-block}.app-title .game-icon{--game-icon-size:1.7em}.game-icon--art,.profile-card-icon.game-icon--art,.lb-record-icon.game-icon--art{background:var(--game-icon) no-repeat center / contain;-webkit-mask:none;mask:none}.game-actions{top:var(--spacing-sm);left:var(--spacing-sm);z-index:6;align-items:flex-start;gap:var(--spacing-xs);display:flex;position:absolute}.game-actions:has(.game-info.is-open),.game-actions:has(.game-pop.is-open){z-index:9600}.game-info{position:relative}.game-info-toggle,.game-fullscreen-toggle,.game-pop-toggle{min-width:var(--shell-action-size);width:auto;min-height:var(--shell-action-size);height:var(--shell-action-size);padding-inline:var(--spacing-xs);border-radius:var(--border-radius-md);background:color-mix(in srgb, var(--title-color,var(--primary-color)) 88%, transparent);color:var(--white-color);font-size:var(--font-size-sm);cursor:pointer;opacity:.82;border:none;place-items:center;gap:.3rem;transition:opacity .15s,transform .15s;display:grid}.game-fullscreen-toggle{top:var(--spacing-sm);right:var(--spacing-sm);z-index:5;border-radius:var(--border-radius-md);position:absolute}.game-info-toggle:hover,.game-info-toggle:focus-visible,.game-fullscreen-toggle:hover,.game-fullscreen-toggle:focus-visible,.game-pop-toggle:hover,.game-pop-toggle:focus-visible{opacity:1;transform:scale(1.08)}.game-info-toggle:active,.game-fullscreen-toggle:active,.game-pop-toggle:active{transform:scale(.94)}.game-fullscreen-toggle[hidden]{display:none}.game-info-panel{width:min(20rem,75vw);padding:var(--spacing-md);background:var(--card);color:var(--card-ink);border:2px solid var(--line);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);text-align:left;display:none;position:absolute;top:100%;left:0}.game-info.is-open .game-info-panel{display:block}.game-info-title{margin:0 0 var(--spacing-sm);font-size:var(--font-size-md);color:var(--game-title-ink,var(--card-ink))}.game-info-list{gap:var(--spacing-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.game-info-item{gap:var(--spacing-xxs);font-size:var(--font-size-sm);flex-direction:column;display:flex}.game-info-keys{align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;font-weight:500;display:flex}.game-info-keys kbd{color:var(--card-ink);background:var(--card-muted);border:1px solid var(--line);border-radius:var(--border-radius-sm);border-bottom-width:2px;padding:.05em .45em;font-family:inherit;font-size:.9em;font-weight:600;line-height:1.5;display:inline-block}.game-info-action{color:var(--card-ink-muted)}.game-action-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:1}@media (width<=767px){.game-action-label{display:none}.game-actions{left:calc(var(--tap-target-size) + (2 * var(--spacing-xs)));right:calc(var(--tap-target-size) + (2 * var(--spacing-xs)));max-width:calc(100% - var(--tap-target-size) - (2 * var(--spacing-sm)) - (2 * var(--spacing-xs)));overscroll-behavior-inline:contain;scrollbar-width:thin;min-width:0;overflow-x:auto}}.game-action-label{display:none}.game-pop,.game-pop-toggle{position:relative}.game-pop-current{background:var(--white-color);min-width:.95rem;height:.95rem;color:var(--title-color,var(--primary-color));font-size:.6rem;font-weight:var(--font-weight-bold);box-shadow:var(--shadow-sm);border-radius:.5rem;place-items:center;padding:0 .18rem;line-height:1;display:grid;position:absolute;bottom:-3px;right:-3px}.game-pop-panel{width:min(18rem,80vw);max-height:min(60vh,22rem);padding:var(--spacing-md);overscroll-behavior:contain;background:var(--card);color:var(--card-ink);border:2px solid var(--line);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);display:none;position:absolute;top:100%;left:0;overflow-y:auto}.game-pop.is-open .game-pop-panel{display:block}@media (width<=767px){.game-info-panel,.game-pop-panel{top:calc(env(safe-area-inset-top,0px) + var(--spacing-sm) + var(--tap-target-size) + var(--spacing-sm));right:var(--spacing-sm);bottom:auto;left:var(--spacing-sm);overscroll-behavior:contain;z-index:9601;width:auto;max-height:min(70dvh,32rem);position:fixed;overflow-y:auto}}.game-pop-title{margin:0 0 var(--spacing-sm);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--game-title-ink,var(--card-ink))}.game-pop-subtitle{margin:-.35rem 0 var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--card-ink-muted)}.game-pop-subtitle:empty{display:none}.game-leaderboard-panel{width:min(20rem,82vw)}.game-pop-panel .score-table{width:100%;box-shadow:none;font-size:var(--font-size-sm);background:0 0;border:none;margin-top:0}.game-pop-panel .score-table th,.game-pop-panel .score-table td{padding:var(--spacing-xs) var(--spacing-sm)}.game-pop-panel .score-table tbody tr:hover{transform:none}.game-feedback-panel{width:min(17rem,82vw)}.feedback-stars{gap:var(--spacing-xxs);margin:0 0 var(--spacing-sm);display:flex}.feedback-star{cursor:pointer;font-size:var(--font-size-lg);color:var(--card-ink-muted);background:0 0;border:none;padding:.15rem;line-height:1;transition:color .12s,transform .12s}.feedback-star:hover{transform:scale(1.15)}.feedback-star.is-on{color:var(--color-pacman,#eab308)}.feedback-star:focus-visible{outline:2px solid var(--title-color,var(--primary-color));outline-offset:2px;border-radius:var(--border-radius-sm)}.feedback-text{resize:vertical;width:100%;padding:var(--spacing-xs) var(--spacing-sm);border:2px solid var(--line);border-radius:var(--border-radius-md);background:var(--card-muted);font:inherit;font-size:var(--font-size-sm);color:var(--card-ink)}.feedback-text:focus-visible{border-color:var(--title-color,var(--primary-color));outline:none}.feedback-send{width:100%;margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--title-color,var(--primary-color));color:var(--white-color);border-radius:var(--border-radius-md);font:inherit;font-weight:var(--font-weight-bold);cursor:pointer;border:none;transition:filter .12s,transform .12s}.feedback-send:hover{filter:brightness(1.08)}.feedback-send:active{transform:scale(.97)}.feedback-send:disabled{opacity:.6;cursor:default}.game-levels-grid{gap:var(--spacing-xs);grid-template-columns:repeat(5,1fr);display:grid}.game-level{aspect-ratio:1;border:1px solid var(--border-color-light);border-radius:var(--border-radius-md);background:var(--background-color-light);color:var(--text-color);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);cursor:pointer;place-items:center;transition:background .15s,transform .15s;display:grid;position:relative}.game-level:hover:not(:disabled){background:var(--title-color,var(--primary-color));color:var(--white-color);transform:scale(1.06)}.game-level.is-selected{outline:2px solid var(--title-color,var(--primary-color));outline-offset:1px}.game-level.is-locked{color:var(--text-color-muted);cursor:not-allowed;opacity:.65}.game-level.is-locked:after{content:"🔒";font-size:.6em;position:absolute;top:1px;right:2px}.game-setting{gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);flex-direction:column;display:flex}.game-setting:last-child{margin-bottom:0}.game-setting-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-color-muted)}.game-seg{background:var(--background-color);border-radius:var(--border-radius-md);gap:2px;padding:3px;display:flex}.game-seg-option{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-color);cursor:pointer;transition:background var(--transition-speed) ease, color var(--transition-speed) ease;background:0 0;border:none;flex:1}.game-seg-option.is-active{background:var(--title-color,var(--primary-color));color:var(--white-color)}.game-seg-option:disabled{opacity:.5;cursor:not-allowed}.game-seg--swatches{gap:var(--spacing-xs);background:0 0;flex-wrap:wrap;margin:-.45rem 0 0;padding:.45rem}.game-seg-swatch{width:var(--swatch-size);height:var(--swatch-size);background:var(--swatch-color);box-shadow:inset 0 0 0 1px var(--swatch-rim);border-radius:50%;flex:none;padding:0;position:relative}.game-seg-swatch.is-active{background:var(--swatch-color)}.game-seg-swatch.is-active:after{content:"";border:2px solid #fff;border-radius:50%;position:absolute;inset:-.3rem;box-shadow:0 0 0 1px #0000008c}.game-seg-swatch:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--swatch-rim), 0 0 0 3px color-mix(in srgb, var(--swatch-color) 45%, transparent)}.game-multiplayer-panel{width:min(20rem,85vw)}.mp-section,.mp-actions{gap:var(--spacing-sm);flex-direction:column;display:flex}.mp-lobby-actions{gap:var(--spacing-sm);display:flex}.game-multiplayer-panel .mp-lobby-actions .btn,.game-start .game-multiplayer-panel .mp-lobby-actions .btn{flex:1 1 0;width:auto}.game-multiplayer-panel .mp-leave-btn,.game-start .game-multiplayer-panel .mp-leave-btn{width:auto;min-height:unset;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);margin-top:var(--spacing-xs);align-self:center}.mp-btn{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);min-height:var(--tap-target-size);border-radius:var(--border-radius-md);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;transition:filter var(--ease-ui), transform var(--ease-ui);white-space:nowrap;border:none;display:inline-flex}.mp-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.mp-btn:active:not(:disabled){filter:brightness(.95);transform:translateY(0)}.mp-btn:disabled{opacity:.45;cursor:default}.mp-btn--primary{background:var(--title-color,var(--primary-color));color:var(--white-color);width:100%}.mp-btn--secondary{background:var(--surface-glass,#ffffff0f);color:var(--card-ink,var(--ink));border:1px solid var(--line);width:100%}.mp-btn--secondary:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface-1)}.mp-btn--danger{color:var(--danger,#ef4444);background:#ef444426;border:1px solid #ef444459;width:100%}.mp-btn--danger:hover:not(:disabled){background:#ef444447}.mp-btn--icon{width:auto;min-height:unset;padding:var(--spacing-xs);color:var(--card-ink-muted);border:1px solid var(--line);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);background:0 0}.mp-btn--icon:hover:not(:disabled){color:var(--title-color,var(--accent));border-color:var(--line-strong);background:var(--surface-glass)}.mp-join{gap:var(--spacing-xs);align-items:stretch;display:flex}.mp-code-input{min-width:0;padding:var(--spacing-xs) var(--spacing-sm);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.18em;text-align:center;font-variant-numeric:tabular-nums;background:var(--card-muted);color:var(--card-ink);border:1px solid var(--line);border-radius:var(--border-radius-md);transition:border-color var(--ease-ui);flex:1;width:auto}.mp-code-input:focus-visible{border-color:var(--title-color,var(--accent));box-shadow:0 0 0 2px color-mix(in srgb, var(--title-color,var(--accent)) 25%, transparent);outline:none}.mp-join-btn,.game-multiplayer-panel .mp-join-btn,.game-start .game-multiplayer-panel .mp-join-btn{min-height:var(--tap-target-size);flex:none;width:auto!important}.mp-code{justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--card-muted);border:1px solid var(--line);border-radius:var(--border-radius-md);font-size:var(--font-size-xl);font-weight:var(--font-weight-bolder);letter-spacing:.2em;font-variant-numeric:tabular-nums;color:var(--title-color,var(--accent));display:flex}.mp-code-value{text-align:center;flex:1}.mp-code-actions{gap:var(--spacing-xs);flex:none;display:flex}.mp-code-copy{color:var(--card-ink-muted);font-size:var(--font-size-sm);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:color var(--ease-ui);min-height:unset;background:0 0;border:none}.mp-code-copy:hover{color:var(--title-color,var(--accent))}.mp-share{flex:none;width:auto!important;padding:var(--spacing-xs) var(--spacing-sm)!important;font-size:var(--font-size-xs)!important;min-height:unset!important;border-radius:var(--border-radius-sm)!important;background:var(--surface-glass)!important;color:var(--card-ink-muted)!important;border:1px solid var(--line)!important;box-shadow:none!important}.mp-share:hover{color:var(--title-color,var(--accent))!important;border-color:var(--line-strong)!important;background:var(--surface-1)!important;box-shadow:none!important;transform:none!important}.mp-recap{gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);color:var(--card-ink-muted);font-size:var(--font-size-sm);display:grid}.mp-status{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--card-ink-muted);margin:0;display:flex}.mp-status.is-error{color:var(--danger,#ef4444)}.mp-status.is-ready{color:var(--success,#22c55e)}.mp-or{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-color-disabled);display:flex}.mp-or:before,.mp-or:after{content:"";background:var(--line);flex:1;height:1px}.mp-roster{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--card-muted);border:1px solid var(--line);border-radius:var(--border-radius-md);flex-direction:column;display:flex}.mp-roster-count{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-bolder);font-variant-numeric:tabular-nums;color:var(--title-color,var(--accent));display:flex}.mp-roster-note{font-size:var(--font-size-xs);color:var(--card-ink-muted);text-align:center}.mp-player-list{gap:var(--spacing-xs);width:100%;margin-top:var(--spacing-xs);flex-direction:column;display:flex}.mp-player-row{justify-content:space-between;align-items:center;gap:var(--spacing-sm);min-height:2rem;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--line);border-radius:var(--border-radius-md);background:var(--card-muted);color:var(--card-ink);font-size:var(--font-size-xs);display:flex}.mp-player-row.is-ready{border-color:color-mix(in srgb, var(--success,#22c55e) 45%, var(--line))}.mp-player-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:var(--font-weight-bold);overflow:hidden}.mp-player-host{color:var(--title-color,var(--accent));font-size:var(--font-size-xs);flex:none}.mp-player-row.is-host .mp-player-name{margin-right:auto}.mp-player-state{color:var(--card-ink-muted);font-size:var(--font-size-xs);flex:none}.game-multiplayer-panel .btn,.game-start .game-multiplayer-panel .btn{min-height:var(--tap-target-size);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md);box-shadow:none;width:100%}.game-multiplayer-panel .btn--primary,.game-start .game-multiplayer-panel .btn--primary{background:var(--title-color,var(--primary-color));color:var(--white-color);border:none}.game-multiplayer-panel .btn--primary:hover,.game-start .game-multiplayer-panel .btn--primary:hover{filter:brightness(1.1);box-shadow:none;transform:translateY(-1px)}.game-multiplayer-panel .btn--secondary,.game-start .game-multiplayer-panel .btn--secondary{background:var(--surface-glass,#ffffff0f);color:var(--card-ink);border:1px solid var(--line)}.game-multiplayer-panel .btn--secondary:hover,.game-start .game-multiplayer-panel .btn--secondary:hover{background:var(--surface-1);border-color:var(--line-strong);box-shadow:none;transform:translateY(-1px)}.game-multiplayer-panel .mp-leave-btn,.game-start .game-multiplayer-panel .mp-leave-btn{color:var(--danger,#ef4444);background:#ef444414;border-color:#ef444440}.game-multiplayer-panel .mp-leave-btn:hover,.game-start .game-multiplayer-panel .mp-leave-btn:hover{background:#ef44442e;border-color:#ef444473}.game-multiplayer-panel .input-field,.game-start .game-multiplayer-panel .input-field{width:auto;padding:var(--spacing-xs) var(--spacing-sm)!important;font-size:var(--font-size-sm)!important;border-radius:var(--border-radius-md)!important;background:var(--card-muted)!important;color:var(--card-ink)!important;border:1px solid var(--line)!important;box-shadow:none!important;transform:none!important}.game-multiplayer-panel .input-field:focus,.game-start .game-multiplayer-panel .input-field:focus{border-color:var(--title-color,var(--accent))!important;box-shadow:0 0 0 2px color-mix(in srgb, var(--title-color,var(--accent)) 22%, transparent)!important;transform:none!important}.game-multiplayer-panel .mp-share,.game-start .game-multiplayer-panel .mp-share{width:auto!important;min-height:unset!important}.game-countdown{z-index:30;backdrop-filter:blur(2px);border-radius:var(--border-radius-lg);background:#0f172a8c;place-items:center;display:grid;position:absolute;inset:0}.game-countdown-number{font-size:clamp(3rem,18vw,7rem);font-weight:var(--font-weight-bolder);color:var(--white-color);text-shadow:var(--shadow-lg);font-variant-numeric:tabular-nums}.game-countdown-label{margin-top:var(--spacing-sm);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:#ffffffd9}.game-start{z-index:30;justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:color-mix(in srgb, var(--black-color) 58%, transparent);border-radius:inherit;flex-direction:column;display:flex;position:absolute;inset:5rem 0 0;overflow-y:auto}.game-shell>.app-title,.game-shell>.game-details{z-index:40;position:relative}.game-shell>.game-actions,.game-shell>.game-fullscreen-toggle{z-index:40}@media (width<=767px){.game-shell>.game-start{top:7rem}}@media (width<=767px) and (orientation:portrait){.game-shell>.game-start{top:8.5rem}}.game-start-button{background:var(--title-color,var(--primary-color));width:clamp(4.5rem,18vw,6rem);height:clamp(4.5rem,18vw,6rem);color:var(--white-color);cursor:pointer;box-shadow:var(--shadow-lg);transition:transform var(--transition-speed) ease, filter var(--transition-speed) ease;border:none;border-radius:50%;place-items:center;padding-left:.35em;font-size:clamp(1.5rem,7vw,2.25rem);display:grid}.game-start-button:hover,.game-start-button:focus-visible{filter:brightness(1.08);transform:scale(1.06)}.game-actions>#settingsControl,.game-actions>#levelControl,.game-actions>#multiplayerControl,.game-preparation-source{display:none}.game-preparation-card{--preparation-short-side:26rem;width:min(var(--preparation-short-side), 100%);gap:var(--spacing-sm);max-height:100%;padding:var(--spacing-sm);background:var(--card);color:var(--card-ink);border:1px solid color-mix(in srgb, var(--title-color,var(--primary-color)) 28%, var(--line));border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg), 0 0 40px color-mix(in srgb, var(--title-color,var(--primary-color)) 10%, transparent);text-align:left;animation:overlayCardFadeIn .26s var(--ease-ui,ease) both;flex-direction:column;display:flex;overflow:hidden}.game-preparation-body{gap:var(--spacing-md);flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.game-preparation-help{border:1px solid var(--line);border-radius:var(--border-radius-md);color:var(--card-ink);flex:none}.game-preparation-help summary{align-items:center;gap:var(--spacing-sm);min-height:var(--tap-target-size);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;list-style:none;display:flex}.game-preparation-help summary::-webkit-details-marker{display:none}.game-preparation-help summary:focus-visible{outline:3px solid var(--line-strong);outline-offset:-3px}.game-preparation-help .game-info-list{padding:0 var(--spacing-sm) var(--spacing-sm)}.game-preparation-footer{z-index:1;background:var(--card);gap:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid color-mix(in srgb, var(--title-color,var(--primary-color)) 20%, var(--line));flex:none;grid-template-columns:minmax(0,1fr);display:grid;position:sticky;bottom:0}.game-preparation-online{min-height:0;max-height:none;overflow:visible}.game-preparation-body>.game-preparation-settings,.game-preparation-card>.game-preparation-header,.game-preparation-card>.prep-progress{flex:none}.game-start .game-levels-grid,.game-start .mp-player-list{max-height:none;overflow:visible}.game-preparation-header{align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid color-mix(in srgb, var(--title-color,var(--primary-color)) 20%, var(--line));justify-content:center;display:flex}.game-preparation-icon{width:2.2rem;height:2.2rem;filter:drop-shadow(0 0 8px color-mix(in srgb, var(--title-color,var(--primary-color)) 40%, transparent));background-position:50%;background-repeat:no-repeat;background-size:contain;flex:0 0 2.2rem}.game-preparation-game-name{font-size:var(--font-size-md);font-weight:var(--font-weight-bolder);color:var(--game-title-ink,var(--card-ink));letter-spacing:.02em;margin:0}.game-preparation-section{gap:var(--spacing-sm);flex-direction:column;display:flex}.game-preparation-section-title{color:var(--card-ink);font-size:var(--font-size-sm);font-weight:var(--font-weight-bolder);text-transform:uppercase;letter-spacing:.08em;margin:0}.game-preparation-tabs{gap:var(--spacing-xs);padding:var(--spacing-xxs);background:var(--card-muted);border-radius:var(--border-radius-md);margin-block:var(--spacing-xs);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.game-preparation-tab{min-height:var(--tap-target-size);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);color:var(--card-ink-muted);font:inherit;font-weight:var(--font-weight-bold);cursor:pointer;background:0 0;border:none}.game-preparation-tab[aria-selected=true]{background:var(--card);color:var(--title-color,var(--primary-color));box-shadow:var(--shadow-xs)}.game-preparation-solo{justify-content:center;align-items:center;width:100%;display:flex}.game-preparation-tabs{grid-area:1/1}.game-preparation-solo,.game-preparation-online{grid-area:2/1}.game-preparation-online.is-inactive,.game-preparation-solo.is-inactive{visibility:hidden;pointer-events:none}.game-start .game-pop{position:static}.game-start .game-pop-toggle{display:none}.game-start .game-pop-panel,.game-start .game-pop.is-open .game-pop-panel{gap:var(--spacing-sm);width:100%;max-height:none;box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;padding:0;display:flex;position:static;overflow:visible}.game-start .game-pop-title{display:none}.game-start .game-multiplayer-panel{width:100%}.game-start-button--wide{justify-content:center;align-items:center;gap:var(--spacing-sm);width:min(100%,18rem);height:auto;min-height:3rem;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);background:linear-gradient(135deg, var(--title-color,var(--primary-color)), color-mix(in srgb, var(--title-color,var(--primary-color)) 72%, var(--black-color)));color:var(--white-color);margin-inline:auto;display:inline-flex}.game-preparation-section{gap:var(--spacing-xs)}.game-preparation-header{padding-bottom:var(--spacing-xxs)}@media (height<=520px) and (orientation:landscape){.game-shell>.game-start{z-index:1300;border-radius:0;position:fixed;inset:0}.game-preparation-card{width:min(52rem,100%);height:min(var(--preparation-short-side), 100%);grid-template:"identity""progress""content"minmax(0,1fr)/minmax(0,1fr);display:grid}.game-preparation-body{overflow-anchor:none;grid-area:content;display:flex;overflow:hidden auto}.game-preparation-footer{grid-template-columns:clamp(11rem,28vw,14rem) minmax(0,1fr);align-items:start;min-height:0;max-height:none;display:grid;overflow:visible}.game-preparation-header{grid-area:identity}.game-start .prep-progress{grid-area:progress;grid-template-columns:minmax(0,1.2fr) minmax(5rem,.8fr) minmax(0,auto);align-items:center;min-height:0;display:grid}.game-preparation-tabs{grid-template-columns:repeat(2,minmax(0,1fr));align-self:start}.game-preparation-settings{min-height:0;overflow:visible}.game-preparation-solo,.game-preparation-online{grid-area:1/2;min-width:0;min-height:0}.game-preparation-tabs{grid-area:1/1}.game-preparation-online{max-height:none}.game-preparation-footer>.game-start-button{grid-column:1/-1;align-self:center}.game-start .game-preparation-settings .game-pop.is-open .game-pop-panel,.game-start .game-preparation-settings .game-pop-panel{gap:var(--spacing-sm);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}.game-start .game-preparation-settings .game-seg{flex-wrap:wrap;justify-content:flex-start}.game-start .game-preparation-settings .game-seg-option:not(.game-seg-swatch){flex:auto}.game-start .game-preparation-settings .game-pop-title,.game-preparation-section-title{display:none}.game-preparation-solo{align-self:center}.game-preparation-footer:not(:has(.game-preparation-tabs)){grid-template-columns:minmax(0,1fr)}.game-start .game-preparation-online .mp-section:has(>.mp-or){align-items:center;gap:var(--spacing-xs);grid-template-columns:minmax(0,1fr) auto minmax(0,1.2fr);display:grid}.game-start .game-preparation-online .mp-or{margin:0}.game-start .game-preparation-online .mp-or:before,.game-start .game-preparation-online .mp-or:after{display:none}.game-start .game-preparation-online .mp-status{grid-column:1/-1}.game-start .game-preparation-online .mp-section:has(>.mp-roster){flex-flow:wrap;align-items:center}.game-start .game-preparation-online .mp-roster{flex:9rem;min-width:0}.game-start .game-preparation-online .mp-player-list{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);max-height:none;overflow:visible}.game-start .game-preparation-online .mp-leave-btn{width:auto;min-height:var(--tap-target-size);flex:none;margin-top:0}.game-start .game-preparation-online .mp-section:has(>.mp-roster)>.mp-status{flex-basis:100%}}.game-preparation-body,.game-preparation-settings,.game-preparation-footer,.prep-progress{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);overscroll-behavior:contain}.game-start .game-setting{margin-bottom:var(--spacing-xs);gap:.2rem}.game-start .game-seg-option{padding-block:.2rem}@media (pointer:coarse){.game-start .game-seg-option:not(.game-seg-swatch){min-height:var(--tap-target-size);justify-content:center;align-items:center;display:flex}.game-start .game-seg-swatch{width:var(--tap-target-size);height:var(--tap-target-size);box-shadow:none;background:0 0}.game-start .game-seg-swatch:before{content:"";inset:calc((var(--tap-target-size) - var(--swatch-size)) / 2);background:var(--swatch-color);box-shadow:inset 0 0 0 1px var(--swatch-rim);border-radius:50%;position:absolute}.game-start .game-seg-swatch.is-active:after{inset:calc(((var(--tap-target-size) - var(--swatch-size)) / 2) - .3rem)}.game-start .game-seg-swatch.is-locked:after{inset:calc(((var(--tap-target-size) - var(--swatch-size)) / 2) + (var(--swatch-size) * .28))}.game-start .game-seg--swatches{gap:0}}.game-first-input-hint{z-index:20;padding:var(--spacing-xs) var(--spacing-md);max-width:calc(100% - 2 * var(--spacing-md));background:color-mix(in srgb, var(--black-color) 62%, transparent);color:var(--white-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-align:center;pointer-events:none;border-radius:999px;margin:0;animation:.3s both overlayFade;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.game-over{z-index:9602;padding:var(--spacing-md);background:color-mix(in srgb, var(--black-color) 62%, transparent);backdrop-filter:blur(4px);border-radius:inherit;justify-content:center;align-items:center;animation:.22s both overlayFade;display:flex;position:absolute;inset:0}.game-over-card{--result-card-height:34rem;width:min(28rem,100%);height:min(var(--result-card-height), 100%);padding:var(--spacing-lg);background:var(--card);color:var(--card-ink);border-radius:var(--border-radius-lg);border:1px solid color-mix(in srgb, var(--title-color,var(--primary-color)) 30%, var(--line));box-shadow:var(--shadow-lg), 0 0 40px color-mix(in srgb, var(--title-color,var(--primary-color)) 12%, transparent);text-align:center;gap:var(--spacing-md);animation:overlayCardFadeIn .26s var(--ease-ui,ease) both;flex-direction:column;display:flex;overflow:hidden}.game-over-content{gap:var(--spacing-md);min-height:0;padding:var(--spacing-xxs);scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);overscroll-behavior:contain;flex-direction:column;display:flex;overflow-y:auto}.game-over-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bolder);color:var(--game-title-ink,var(--card-ink));letter-spacing:.02em;margin:0}.game-over-body{font-size:var(--font-size-md);color:var(--card-ink)}.game-over-body div{margin:var(--spacing-xs) 0}.game-over-body .mp-status{justify-content:center}.game-over-extra{gap:var(--spacing-sm);width:100%;max-height:none;padding:var(--spacing-sm);background:var(--card-muted);border-radius:var(--border-radius-md);box-shadow:none;border:none;flex-direction:column;display:flex;position:static;overflow:visible}.game-over-extra .game-pop-title{margin:0}.game-over-extra .game-levels-grid{gap:var(--spacing-xs);width:100%;max-height:9rem;padding-right:var(--spacing-xxs);grid-template-columns:repeat(10,1fr);display:grid;overflow-y:auto}@media (width<=480px){.game-over-extra .game-levels-grid{grid-template-columns:repeat(6,1fr)}}.game-over-actions{gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--line);flex-direction:column;flex:none;align-items:stretch;display:flex}.game-over-actions .btn:not(.btn--ghost){width:100%}.game-over-actions .btn{min-height:var(--tap-target-size)}@media (width>=768px) and (height>=521px){.game-over-card:has(.game-result-scorecard){text-align:left;grid-template-columns:minmax(0,1.6fr) minmax(12rem,1fr);width:min(52rem,100%);display:grid}.game-over-card:has(.game-result-scorecard) .game-over-actions{min-height:0;padding:var(--spacing-xxs) 0 var(--spacing-xxs) var(--spacing-md);border-top:0;border-left:1px solid var(--line);scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);overflow-y:auto}}@media (height<=520px) and (orientation:landscape){.game-over{padding:var(--spacing-md);border-radius:0;position:fixed;inset:0}.game-over-card{gap:var(--spacing-lg);width:min(52rem,100%);height:100%;max-height:100%;padding:var(--spacing-md);text-align:left;grid-template-columns:minmax(0,1.6fr) minmax(12rem,1fr);display:grid}.game-over-content{padding-right:var(--spacing-sm)}.game-over-actions{min-height:0;padding:var(--spacing-xxs) 0 var(--spacing-xxs) var(--spacing-md);border-top:0;border-left:1px solid var(--line);scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);overflow-y:auto}.game-over-body .mp-status{justify-content:flex-start}}.game-over-actions .btn--primary{background:linear-gradient(135deg, var(--title-color,var(--primary-color)), color-mix(in srgb, var(--title-color,var(--primary-color)) 72%, var(--black-color)));color:var(--white-color)}.game-over-actions .btn--secondary{background:color-mix(in srgb, var(--title-color,var(--primary-color)) 8%, var(--card-muted));color:var(--card-ink);border:1px solid color-mix(in srgb, var(--title-color,var(--primary-color)) 24%, var(--line));box-shadow:none}.game-over-actions .btn--secondary:hover{background:color-mix(in srgb, var(--title-color,var(--primary-color)) 16%, var(--card-muted));border-color:color-mix(in srgb, var(--title-color,var(--primary-color)) 40%, var(--line))}.game-over-actions .btn--ghost{margin-top:var(--spacing-xs);align-self:center}.zen-mode:before,.zen-mode .sidebar,.zen-mode .sidebar-toggle,.zen-mode .game-shell .app-title,.zen-mode .game-actions{display:none!important}.zen-mode .game-container{--zen-board-max-height:calc(100dvh - 3.5rem);width:100%;max-width:none;height:100dvh;min-height:100dvh;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);background:var(--game-accent-page-bg);justify-content:center;align-items:center;margin:0;display:flex;position:fixed;inset:0;overflow:hidden}.zen-mode .game-shell{width:min(calc(100vw - 2 * var(--spacing-sm)), var(--zen-board-max-height));gap:var(--spacing-xs);max-width:none;min-height:0;max-height:100%;box-shadow:none;background:0 0;border:none;border-radius:0;margin:0;padding:0}.zen-mode .game-details{flex:none}.zen-mode .game-board{max-height:var(--zen-board-max-height)}.zen-mode .game-board--fill{aspect-ratio:auto;flex:auto}.zen-mode .game-layout-wide .game-shell{height:var(--zen-board-max-height)}@media (width>=768px){.zen-mode .game-layout-wide .game-shell{width:min(calc(100vw - 2 * var(--spacing-md)), calc(var(--zen-board-max-height) * var(--game-board-fit-ratio)))}.zen-mode .game-layout-dual .game-shell{width:min(calc(100vw - 2 * var(--spacing-md)), calc(var(--zen-board-max-height) * 2.15))}}.zen-mode .game-fullscreen-toggle{top:calc(env(safe-area-inset-top,0px) + var(--spacing-sm));right:calc(env(safe-area-inset-right,0px) + var(--spacing-sm));z-index:1200;opacity:.5;position:fixed}.dice{pointer-events:none;z-index:6;place-items:center;display:grid;position:absolute;inset:0}.dice[hidden]{display:none}.dice-face{pointer-events:auto;box-sizing:border-box;aspect-ratio:1;background:var(--dice-bg);width:22%;min-width:54px;box-shadow:0 0 0 .22rem var(--dice-accent,transparent), var(--shadow-lg);border:none;border-radius:22%;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:.15rem;padding:.5rem;display:grid}.dice-pip{background:0 0;border-radius:50%}.dice-pip.is-on{background:var(--dice-pip);transform:scale(.72)}.dice.is-prompt .dice-face{cursor:pointer;animation:1.1s ease-in-out infinite dicePulse}.dice.is-rolling .dice-face{animation:.9s ease-in-out diceTumble}.dice.is-result .dice-face{animation:.3s ease-out dicePop}.dice.is-parked .dice-face{width:14%;min-width:44px;padding:.32rem;position:absolute;transform:translate(-50%,-50%)}.dice.is-parked[data-corner=top-left] .dice-face{top:20%;left:20%}.dice.is-parked[data-corner=top-right] .dice-face{top:20%;left:80%}.dice.is-parked[data-corner=bottom-right] .dice-face{top:80%;left:80%}.dice.is-parked[data-corner=bottom-left] .dice-face{top:80%;left:20%}.pc-card{border-radius:var(--border-radius-md);background:var(--playing-card-face);border:1px solid var(--playing-card-face-border);box-shadow:var(--playing-card-shadow);color:var(--playing-card-black);flex-shrink:0;position:relative;overflow:hidden;container-type:inline-size}.pc-card.is-red{color:var(--playing-card-red)}.pc-card.is-black{color:var(--playing-card-black)}.pc-back{background-color:var(--playing-card-back);background-image:repeating-linear-gradient(45deg, var(--playing-card-back-pattern) 0, var(--playing-card-back-pattern) 1px, transparent 1px, transparent 9px), repeating-linear-gradient(-45deg, var(--playing-card-back-pattern) 0, var(--playing-card-back-pattern) 1px, transparent 1px, transparent 9px);box-shadow:inset 0 0 0 5px #ffffff0a, inset 0 0 0 6px var(--playing-card-back-border), var(--playing-card-shadow)}.pc-card.pc-stack{box-shadow:-3px -3px 0 0 var(--playing-card-face-border), -3px -3px 0 1px #0000001a, -6px -6px 0 0 color-mix(in srgb, var(--playing-card-face-border) 60%, transparent), -6px -6px 0 1px #0000000f, var(--playing-card-shadow)}.pc-back.pc-stack{box-shadow:-3px -3px 0 0 color-mix(in srgb, var(--playing-card-back) 75%, black), -3px -3px 0 1px #ffffff12, -6px -6px 0 0 color-mix(in srgb, var(--playing-card-back) 55%, black), -6px -6px 0 1px #ffffff0a, var(--playing-card-shadow)}.pc-corner{pointer-events:none;user-select:none;flex-direction:column;align-items:center;gap:0;line-height:1;display:flex;position:absolute;top:5%;left:7%}.pc-corner--br{inset:auto 7% 5% auto;transform:rotate(180deg)}.pc-corner-rank{letter-spacing:-.03em;font-size:max(9cqw,.65rem);font-weight:700;line-height:1;display:block}.pc-corner-suit{margin-top:.5px;font-size:max(7cqw,.52rem);line-height:1;display:block}.pc-pip{pointer-events:none;user-select:none;justify-content:center;align-items:center;font-size:max(32cqw,1.4rem);line-height:1;display:flex;position:absolute;inset:0}.pc-court{pointer-events:none;user-select:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pc-court-figure{flex-direction:column;align-items:center;gap:.15em;display:flex}.pc-court-initial{color:var(--playing-card-gold);letter-spacing:-.04em;opacity:.92;font-family:Georgia,Times New Roman,serif;font-size:max(28cqw,1.6rem);font-weight:800;line-height:1}.pc-court-rule{background:var(--playing-card-gold);opacity:.3;border-radius:1px;width:max(12cqw,.8rem);height:1.5px}.pc-pips{pointer-events:none;user-select:none;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(3,1fr);place-items:center;font-size:max(9cqw,.55rem);line-height:1;display:grid;position:absolute;inset:18% 8% 16%}.pc-pips--2 span:first-child{grid-area:1/2}.pc-pips--2 span:nth-child(2){grid-area:5/2;transform:rotate(180deg)}.pc-pips--3 span:first-child{grid-area:1/2}.pc-pips--3 span:nth-child(2){grid-area:3/2}.pc-pips--3 span:nth-child(3){grid-area:5/2;transform:rotate(180deg)}.pc-pips--4 span:first-child{grid-area:1/1}.pc-pips--4 span:nth-child(2){grid-area:1/3}.pc-pips--4 span:nth-child(3){grid-area:5/1;transform:rotate(180deg)}.pc-pips--4 span:nth-child(4){grid-area:5/3;transform:rotate(180deg)}.pc-pips--5 span:first-child{grid-area:1/1}.pc-pips--5 span:nth-child(2){grid-area:1/3}.pc-pips--5 span:nth-child(3){grid-area:3/2}.pc-pips--5 span:nth-child(4){grid-area:5/1;transform:rotate(180deg)}.pc-pips--5 span:nth-child(5){grid-area:5/3;transform:rotate(180deg)}.pc-pips--6 span:first-child{grid-area:1/1}.pc-pips--6 span:nth-child(2){grid-area:1/3}.pc-pips--6 span:nth-child(3){grid-area:3/1}.pc-pips--6 span:nth-child(4){grid-area:3/3}.pc-pips--6 span:nth-child(5){grid-area:5/1;transform:rotate(180deg)}.pc-pips--6 span:nth-child(6){grid-area:5/3;transform:rotate(180deg)}.pc-pips--7 span:first-child{grid-area:1/1}.pc-pips--7 span:nth-child(2){grid-area:1/3}.pc-pips--7 span:nth-child(3){grid-area:2/2}.pc-pips--7 span:nth-child(4){grid-area:3/1}.pc-pips--7 span:nth-child(5){grid-area:3/3}.pc-pips--7 span:nth-child(6){grid-area:5/1;transform:rotate(180deg)}.pc-pips--7 span:nth-child(7){grid-area:5/3;transform:rotate(180deg)}.pc-pips--8 span:first-child{grid-area:1/1}.pc-pips--8 span:nth-child(2){grid-area:1/3}.pc-pips--8 span:nth-child(3){grid-area:2/2}.pc-pips--8 span:nth-child(4){grid-area:3/1}.pc-pips--8 span:nth-child(5){grid-area:3/3}.pc-pips--8 span:nth-child(6){grid-area:4/2;transform:rotate(180deg)}.pc-pips--8 span:nth-child(7){grid-area:5/1;transform:rotate(180deg)}.pc-pips--8 span:nth-child(8){grid-area:5/3;transform:rotate(180deg)}.pc-pips--9 span:first-child{grid-area:1/1}.pc-pips--9 span:nth-child(2){grid-area:1/3}.pc-pips--9 span:nth-child(3){grid-area:2/1}.pc-pips--9 span:nth-child(4){grid-area:2/3}.pc-pips--9 span:nth-child(5){grid-area:3/2}.pc-pips--9 span:nth-child(6){grid-area:4/1;transform:rotate(180deg)}.pc-pips--9 span:nth-child(7){grid-area:4/3;transform:rotate(180deg)}.pc-pips--9 span:nth-child(8){grid-area:5/1;transform:rotate(180deg)}.pc-pips--9 span:nth-child(9){grid-area:5/3;transform:rotate(180deg)}.pc-pips--10 span:first-child{grid-area:1/1}.pc-pips--10 span:nth-child(2){grid-area:1/3}.pc-pips--10 span:nth-child(3){grid-area:2/2}.pc-pips--10 span:nth-child(4){grid-area:2/1}.pc-pips--10 span:nth-child(5){grid-area:2/3}.pc-pips--10 span:nth-child(6){grid-area:4/1;transform:rotate(180deg)}.pc-pips--10 span:nth-child(7){grid-area:4/3;transform:rotate(180deg)}.pc-pips--10 span:nth-child(8){grid-area:4/2;transform:rotate(180deg)}.pc-pips--10 span:nth-child(9){grid-area:5/1;transform:rotate(180deg)}.pc-pips--10 span:nth-child(10){grid-area:5/3;transform:rotate(180deg)}[data-card-theme=midnight]{--playing-card-face:#1c1c2e;--playing-card-face-border:#2e2e4a;--playing-card-back:#5c0a1f;--playing-card-back-pattern:#ffffff0d;--playing-card-back-border:#c0a07833;--playing-card-red:#e05070;--playing-card-black:#c8d0e8;--playing-card-gold:#c8a860;--playing-card-shadow:0 2px 12px #00000080, 0 1px 3px #0000004d}[data-card-theme=neon]{--playing-card-face:#0d1117;--playing-card-face-border:#1a2233;--playing-card-back:#0a0a1a;--playing-card-back-pattern:#00ffc80f;--playing-card-back-border:#00ffc82e;--playing-card-red:#ff2d78;--playing-card-black:#00e8c8;--playing-card-gold:#ffe040;--playing-card-shadow:0 0 12px #00e8c826, 0 2px 8px #0009}[data-card-theme=royal]{--playing-card-face:#faf6ec;--playing-card-face-border:#d6c9a8;--playing-card-back:#3d0c1e;--playing-card-back-pattern:#d4af3714;--playing-card-back-border:#d4af3759;--playing-card-red:#a80c22;--playing-card-black:#0a0a12;--playing-card-gold:#d4aa20;--playing-card-shadow:0 3px 10px #0000002e, 0 1px 3px #0000001a}.logic-grid{--logic-grid-frame-bg:#f4ecd8;--logic-grid-frame-border:#d8c9a3;--logic-grid-cell-bg:#fdfbf3;--logic-grid-cell-border:#c9bb98;--logic-grid-cell-bg-fixed:#ece0c2;--logic-grid-cell-border-fixed:#b9a877;--logic-grid-ink:#33291c;--logic-grid-ink-fixed:#6b4a26;--logic-grid-accent:#2f6fa5;--logic-grid-accent-2:#b5541f;--logic-grid-error-bg:#f6d9d3;--logic-grid-error-border:#c0392b;--logic-grid-error-ink:#9a2a1d;--logic-grid-clue-bg:#3a3226;--logic-grid-clue-border:#241d14;--logic-grid-clue-ink:#f4ecd8;--logic-grid-clue-diagonal:#f4ecd866}.logic-grid[data-material=arcade]{--logic-grid-frame-bg:#1c1033;--logic-grid-frame-border:#3b1f5c;--logic-grid-cell-bg:#241539;--logic-grid-cell-border:#4a2a6b;--logic-grid-cell-bg-fixed:#2f1a4a;--logic-grid-cell-border-fixed:#ff4fd8;--logic-grid-ink:#fdf4ff;--logic-grid-ink-fixed:#ff9de9;--logic-grid-accent:#ff4fd8;--logic-grid-accent-2:#22d3ee;--logic-grid-error-bg:#ef444438;--logic-grid-error-border:#ef4444;--logic-grid-error-ink:#ffd6d6;--logic-grid-clue-bg:#130a2a;--logic-grid-clue-border:#070516;--logic-grid-clue-ink:#fdf4ff;--logic-grid-clue-diagonal:#fdf4ff47}.logic-grid[data-material=midnight]{--logic-grid-frame-bg:#101827;--logic-grid-frame-border:#1e293b;--logic-grid-cell-bg:#17203a;--logic-grid-cell-border:#2c3b57;--logic-grid-cell-bg-fixed:#1c2740;--logic-grid-cell-border-fixed:#38bdf8;--logic-grid-ink:#eaf2ff;--logic-grid-ink-fixed:#a78bfa;--logic-grid-accent:#38bdf8;--logic-grid-accent-2:#a78bfa;--logic-grid-error-bg:#ef444438;--logic-grid-error-border:#ef4444;--logic-grid-error-ink:#ffd6d6;--logic-grid-clue-bg:#090d1a;--logic-grid-clue-border:#05070f;--logic-grid-clue-ink:#eaf2ff;--logic-grid-clue-diagonal:#eaf2ff47}.logic-grid[data-material=daylight]{--logic-grid-frame-bg:#f4f0ff;--logic-grid-frame-border:#d8c9f5;--logic-grid-cell-bg:#fff;--logic-grid-cell-border:#cbb8ec;--logic-grid-cell-bg-fixed:#ede4fc;--logic-grid-cell-border-fixed:#7c3aed;--logic-grid-ink:#1c1338;--logic-grid-ink-fixed:#6d28d9;--logic-grid-accent:#7c3aed;--logic-grid-accent-2:#db2777;--logic-grid-error-bg:#fde0e0;--logic-grid-error-border:#dc2626;--logic-grid-error-ink:#7f1d1d;--logic-grid-clue-bg:#1c1338;--logic-grid-clue-border:#120b28;--logic-grid-clue-ink:#f4f0ff;--logic-grid-clue-diagonal:#f4f0ff66}.logic-grid[data-material=amber]{--logic-grid-frame-bg:#241809;--logic-grid-frame-border:#3a2410;--logic-grid-cell-bg:#2a1c0c;--logic-grid-cell-border:#4a3416;--logic-grid-cell-bg-fixed:#331f0a;--logic-grid-cell-border-fixed:#fbbf24;--logic-grid-ink:#fde7cf;--logic-grid-ink-fixed:#fbbf24;--logic-grid-accent:#fbbf24;--logic-grid-accent-2:#f97316;--logic-grid-error-bg:#ef444438;--logic-grid-error-border:#ef4444;--logic-grid-error-ink:#ffd6d6;--logic-grid-clue-bg:#1b1206;--logic-grid-clue-border:#120b04;--logic-grid-clue-ink:#fde7cf;--logic-grid-clue-diagonal:#fde7cf47}.logic-grid[data-material=slate]{--logic-grid-frame-bg:#182620;--logic-grid-frame-border:#0c1512;--logic-grid-cell-bg:#223731;--logic-grid-cell-border:#3a534c;--logic-grid-cell-bg-fixed:#2c433c;--logic-grid-cell-border-fixed:#4a6a61;--logic-grid-ink:#eef1ea;--logic-grid-ink-fixed:#e8d97a;--logic-grid-accent:#74d6c9;--logic-grid-accent-2:#ef9d6b;--logic-grid-error-bg:#ef7e8838;--logic-grid-error-border:#ef7e88;--logic-grid-error-ink:#ffd9dc;--logic-grid-clue-bg:#0e1815;--logic-grid-clue-border:#050a08;--logic-grid-clue-ink:#eef1ea;--logic-grid-clue-diagonal:#eef1ea47}.logic-grid[data-material=blueprint]{--logic-grid-frame-bg:#0b3a63;--logic-grid-frame-border:#082a49;--logic-grid-cell-bg:#124a7a;--logic-grid-cell-border:#2f78b8;--logic-grid-cell-bg-fixed:#0f4270;--logic-grid-cell-border-fixed:#4fd8ff;--logic-grid-ink:#f4f8fb;--logic-grid-ink-fixed:#f2b134;--logic-grid-accent:#4fd8ff;--logic-grid-accent-2:#f2b134;--logic-grid-error-bg:#ff5f5f3d;--logic-grid-error-border:#ff5f5f;--logic-grid-error-ink:#ffd6d6;--logic-grid-clue-bg:#082a49;--logic-grid-clue-border:#051c31;--logic-grid-clue-ink:#cfeeff;--logic-grid-clue-diagonal:#cfeeff4d}.quiz-material{--quiz-material-bg:#faf3e3;--quiz-material-surface:#fffdf5;--quiz-material-border:#d8c9a3;--quiz-material-rule:#2f6fa559;--quiz-material-margin:#c0392b;--quiz-material-ink:#2d2416;--quiz-material-ink-muted:#7a6b4f;--quiz-material-accent:#2f6fa5;--quiz-material-accent-2:#b5541f;--quiz-material-correct:#16a34a;--quiz-material-wrong:#c0392b}.quiz-material[data-material=arcade]{--quiz-material-bg:#1c1033;--quiz-material-surface:#241539;--quiz-material-border:#3b1f5c;--quiz-material-rule:#ff4fd840;--quiz-material-margin:#ff4fd8;--quiz-material-ink:#fdf4ff;--quiz-material-ink-muted:#c8b8ff;--quiz-material-accent:#ff4fd8;--quiz-material-accent-2:#22d3ee;--quiz-material-correct:#4ade80;--quiz-material-wrong:#ff6b6b}.quiz-material[data-material=midnight]{--quiz-material-bg:#101827;--quiz-material-surface:#17203a;--quiz-material-border:#1e293b;--quiz-material-rule:#38bdf838;--quiz-material-margin:#38bdf8;--quiz-material-ink:#eaf2ff;--quiz-material-ink-muted:#93a2c7;--quiz-material-accent:#38bdf8;--quiz-material-accent-2:#a78bfa;--quiz-material-correct:#4ade80;--quiz-material-wrong:#ff6b6b}.quiz-material[data-material=daylight]{--quiz-material-bg:#f4f0ff;--quiz-material-surface:#fff;--quiz-material-border:#d8c9f5;--quiz-material-rule:#7c3aed33;--quiz-material-margin:#db2777;--quiz-material-ink:#1c1338;--quiz-material-ink-muted:#6b5f8c;--quiz-material-accent:#7c3aed;--quiz-material-accent-2:#db2777;--quiz-material-correct:#16a34a;--quiz-material-wrong:#dc2626}.quiz-material[data-material=amber]{--quiz-material-bg:#241809;--quiz-material-surface:#2a1c0c;--quiz-material-border:#3a2410;--quiz-material-rule:#fb923c40;--quiz-material-margin:#f97316;--quiz-material-ink:#fde7cf;--quiz-material-ink-muted:#cda878;--quiz-material-accent:#fbbf24;--quiz-material-accent-2:#f97316;--quiz-material-correct:#4ade80;--quiz-material-wrong:#ff8b6b}.quiz-material[data-material=chalkboard]{--quiz-material-bg:#16231d;--quiz-material-surface:#1e332a;--quiz-material-border:#0c1712;--quiz-material-rule:#ffffff14;--quiz-material-margin:#d94f4f;--quiz-material-ink:#f4f1e8;--quiz-material-ink-muted:#b9c9bd;--quiz-material-accent:#f4e04d;--quiz-material-accent-2:#74d6c9;--quiz-material-correct:#7ee787;--quiz-material-wrong:#ff8080}.quiz-material[data-material=card]{--quiz-material-bg:#f2ede1;--quiz-material-surface:#fffef9;--quiz-material-border:#cbb98f;--quiz-material-rule:#3a322626;--quiz-material-margin:#1c4f8c;--quiz-material-ink:#1c1a14;--quiz-material-ink-muted:#6b6250;--quiz-material-accent:#1c4f8c;--quiz-material-accent-2:#a3742a;--quiz-material-correct:#1f7a3d;--quiz-material-wrong:#a3271f}.quiz-area{justify-content:center;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-md);background:var(--background-color-light);text-align:center;flex-direction:column;display:flex}.quiz-prompt{font-size:clamp(1.6rem,6vw,2.8rem);font-weight:var(--font-weight-bold);color:var(--text-color);min-height:1.2em;line-height:1.2}.quiz-prompt strong{color:var(--title-color,var(--primary-color))}.quiz-answer{width:min(100%,26rem)}.quiz-choices{gap:var(--spacing-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.quiz-choice{overflow-wrap:break-word;hyphens:auto;align-items:center;gap:var(--spacing-sm);min-width:0;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border-color-light);border-radius:var(--border-radius-md);background:var(--white-color);min-height:3rem;color:var(--onscreen-key-ink);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;transition:background .12s,border-color .12s,transform .1s;display:flex}.quiz-choice:not(:disabled):hover{border-color:var(--title-color,var(--primary-color));transform:translateY(-2px)}.quiz-choice:focus-visible{outline:3px solid var(--title-color,var(--primary-color));outline-offset:2px}.quiz-choice-key{border-radius:var(--border-radius-sm);background:var(--background-color-light);width:1.4rem;height:1.4rem;color:var(--text-color-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);flex:none;place-items:center;display:grid}.quiz-choice.is-correct{border-color:var(--success);background:color-mix(in srgb, #22c55e 16%, var(--white-color))}.quiz-choice.is-correct .quiz-choice-key{color:var(--white-color);background:#22c55e}.quiz-choice.is-wrong{border-color:var(--error-color);background:color-mix(in srgb, var(--error-color) 14%, var(--white-color))}.quiz-form{gap:var(--spacing-sm);justify-content:center;display:flex}.quiz-input{text-align:center;min-width:0;max-width:12rem;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);flex:auto}.quiz-submit{flex:none}.quiz-answer.is-correct .quiz-input{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e99}.quiz-answer.is-wrong .quiz-input{border-color:var(--error-color);box-shadow:0 0 0 2px color-mix(in srgb, var(--error-color) 55%, transparent)}.quiz-feedback{min-height:1.4em;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-color-muted)}.quiz-feedback.is-correct{color:#16a34a}.quiz-feedback.is-wrong{color:var(--error-color)}@media (width<=480px){.quiz-choices{grid-template-columns:1fr}}@media (height<=520px) and (orientation:landscape){.game-board.quiz-area{justify-content:safe center;gap:.3rem;padding:.4rem .5rem;overflow-y:auto}.game-board.quiz-area>*{flex-shrink:0}.game-board.quiz-area .quiz-prompt{font-size:clamp(1rem,6.5vh,1.7rem);line-height:1.1}.game-board.quiz-area .quiz-input,.game-board.quiz-area .quiz-submit{min-height:2.75rem;font-size:var(--font-size-md);padding-block:0}.game-board.quiz-area .quiz-choices{gap:.3rem}.game-board.quiz-area .quiz-choice{gap:.3rem;min-height:2.75rem;padding:.2rem .4rem;font-size:.8rem;line-height:1.15}.game-board.quiz-area .quiz-choice-key{width:1.1rem;height:1.1rem}.game-board.quiz-area .quiz-feedback{min-height:1em;font-size:var(--font-size-xs)}}.quiz-material{background:var(--quiz-material-bg);border:1px solid var(--quiz-material-border);border-radius:var(--border-radius-md);transition:background .2s,border-color .2s;position:relative;box-shadow:0 2px 10px #0000001f}.quiz-material .quiz-prompt{color:var(--quiz-material-ink);text-shadow:none}.quiz-material .quiz-prompt strong{color:var(--quiz-material-accent)}.quiz-material .quiz-choice{background:var(--quiz-material-surface);border-color:var(--quiz-material-border);color:var(--quiz-material-ink);box-shadow:inset 0 0 0 1px var(--quiz-material-rule)}.quiz-material .quiz-choice:not(:disabled):hover{border-color:var(--quiz-material-accent)}.quiz-material .quiz-choice:focus-visible{outline-color:var(--quiz-material-accent)}.quiz-material .quiz-choice-key{background:var(--quiz-material-margin);color:var(--quiz-material-surface)}.quiz-material .quiz-choice.is-correct{border-color:var(--quiz-material-correct);background:color-mix(in srgb, var(--quiz-material-correct) 16%, var(--quiz-material-surface))}.quiz-material .quiz-choice.is-correct .quiz-choice-key{background:var(--quiz-material-correct)}.quiz-material .quiz-choice.is-wrong{border-color:var(--quiz-material-wrong);background:color-mix(in srgb, var(--quiz-material-wrong) 14%, var(--quiz-material-surface))}.quiz-material .quiz-input{background:var(--quiz-material-surface);border-color:var(--quiz-material-border);color:var(--quiz-material-ink)}.quiz-material .quiz-answer.is-correct .quiz-input{border-color:var(--quiz-material-correct);box-shadow:0 0 0 2px color-mix(in srgb, var(--quiz-material-correct) 60%, transparent)}.quiz-material .quiz-answer.is-wrong .quiz-input{border-color:var(--quiz-material-wrong);box-shadow:0 0 0 2px color-mix(in srgb, var(--quiz-material-wrong) 55%, transparent)}.quiz-material .quiz-feedback{color:var(--quiz-material-ink-muted)}.quiz-material .quiz-feedback.is-correct{color:var(--quiz-material-correct)}.quiz-material .quiz-feedback.is-wrong{color:var(--quiz-material-wrong)}.input-field{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md);background:var(--white-color);border:2px solid var(--border-color-light);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);transition:border-color var(--transition-speed) ease, box-shadow var(--transition-speed) ease, transform var(--transition-speed) ease}.input-field:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-color-light);outline:none;transform:translateY(-1px)}.input-field:disabled{background-color:var(--background-color-disabled);border-color:var(--border-color-disabled);color:var(--text-color-disabled);box-shadow:none;cursor:not-allowed;transform:none}.input-field--game{width:min(100%,320px);font-size:var(--font-size-lg);text-align:center;box-shadow:var(--shadow)}.score-table{width:min(95%,600px);margin-top:var(--spacing-lg);background:var(--card);color:var(--card-ink);border:2px solid var(--line);border-radius:var(--border-radius-md);box-shadow:var(--shadow);border-collapse:collapse;font-size:var(--font-size-sm);overflow:hidden}.score-table th{z-index:1;padding:var(--spacing-sm);background:color-mix(in srgb, var(--title-color,var(--primary-color)) 16%, var(--card-muted));color:var(--card-ink);border-bottom:1px solid var(--line);text-align:left;font-weight:var(--font-weight-bold);position:sticky;top:0}.score-table td{padding:var(--spacing-sm);color:var(--card-ink);border-bottom:1px solid var(--line)}.score-table tr:last-child td{border-bottom:none}.score-table tbody tr{transition:background-color var(--transition-speed) ease, transform var(--transition-speed) ease}.score-table tbody tr:hover{background-color:color-mix(in srgb, var(--title-color,var(--primary-color)) 14%, var(--card));transform:translate(4px)}@media (width>=768px){.score-table{font-size:var(--font-size-md)}.score-table th,.score-table td{padding:var(--spacing-md) var(--spacing-lg)}}.sidebar-link{--nav-accent:var(--primary-color);--nav-accent-render:color-mix(in srgb, var(--nav-accent) var(--accent-keep,100%), var(--accent-into,transparent))}.sidebar{--sidebar-surface:var(--surface-base);--sidebar-surface-raised:var(--surface-1);--sidebar-surface-soft:var(--surface-2);--sidebar-line:var(--line);--sidebar-line-strong:var(--line-strong);--sidebar-hover-line:color-mix(in srgb, var(--sidebar-text) 22%, transparent);--sidebar-text:var(--ink);--sidebar-muted:var(--ink-muted);--sidebar-accent:var(--accent);--sidebar-accent-strong:var(--accent-strong);--sidebar-ease:var(--ease-ui);z-index:1100;gap:var(--spacing-xs);width:min(86vw,20rem);padding:var(--spacing-sm) 0 var(--spacing-md);background:linear-gradient(180deg, #ffffff06, transparent 28%), linear-gradient(180deg, var(--sidebar-surface-soft), var(--sidebar-surface));border-right:1px solid var(--sidebar-line);transition:transform var(--transition-speed) ease;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden;transform:translate(-100%);box-shadow:16px 0 34px #00000047}body.sidebar-open .sidebar{transform:translate(0)}.sidebar:after{content:"";background:linear-gradient(180deg, transparent, var(--sidebar-accent), transparent);opacity:.72;width:1px;position:absolute;inset:0 0 0 auto}.sidebar-brand,.sidebar-auth-item,.sidebar-link,.sidebar-utility-btn{border-radius:var(--border-radius-md);position:relative}.sidebar-brand{margin-inline:var(--spacing-sm);margin-bottom:var(--spacing-sm);color:var(--sidebar-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-bolder);align-items:center;display:flex}.sidebar-brand .sidebar-icon{color:var(--sidebar-accent);filter:drop-shadow(0 0 10px #7dd3fc47);font-size:var(--font-size-xl)}.sidebar-nav{scrollbar-width:thin;overscroll-behavior:contain;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);flex-direction:column;flex:1;gap:2px;min-height:0;list-style:none;display:flex;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.sidebar-link,.sidebar-auth-item,.sidebar-utility-btn{margin-inline:var(--spacing-sm);color:color-mix(in srgb, var(--sidebar-text) 80%, transparent);font:inherit;font-weight:var(--font-weight-bold);white-space:nowrap;min-height:var(--sidebar-control-size);text-align:left;transition:background var(--sidebar-ease), color var(--sidebar-ease), border-color var(--sidebar-ease), box-shadow var(--sidebar-ease);border:1px solid #0000;align-items:center;padding:0;text-decoration:none;display:flex}.sidebar-link:hover,.sidebar-auth-item:hover,.sidebar-utility-btn:hover{border-color:var(--sidebar-hover-line);color:var(--sidebar-text);background:#f8fafc12}.sidebar-icon{flex:0 0 calc(var(--sidebar-width) - 2 * var(--spacing-sm));height:var(--sidebar-control-size);font-size:var(--font-size-lg);place-items:center;display:grid}.sidebar-label{white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;min-width:0;overflow:hidden}.sidebar-link .sidebar-icon{flex-basis:calc(var(--sidebar-width) - 2 * var(--spacing-sm));font-size:var(--font-size-md)}.sidebar-shortcut .sidebar-icon{color:var(--sidebar-accent)}.sidebar-shortcut--last{margin-bottom:var(--spacing-xs)}.sidebar-shortcut--last:after{content:"";height:1px;margin:var(--spacing-xs) var(--spacing-sm) 0;background:var(--sidebar-line);display:block}.sidebar-link.is-active{border-color:color-mix(in srgb, var(--nav-accent-render) 52%, var(--sidebar-line));background:linear-gradient(90deg, color-mix(in srgb, var(--nav-accent-render) 28%, transparent), transparent), #f8fafc1a;color:var(--sidebar-text);box-shadow:inset 3px 0 0 var(--nav-accent-render)}.sidebar-link.is-active .sidebar-icon{color:var(--nav-accent-render);filter:drop-shadow(0 0 8px color-mix(in srgb, var(--nav-accent-render) 46%, transparent))}.sidebar-link.is-active .sidebar-mode{background:var(--sidebar-text);color:var(--sidebar-surface-raised)}.sidebar-bottom{flex-direction:column;flex:none;display:flex}.sidebar-utility{padding-top:var(--spacing-sm);flex-direction:column;gap:2px;display:flex}.sidebar-utility:before{content:"";height:1px;margin:0 var(--spacing-sm) var(--spacing-xs);background:var(--sidebar-line);display:block}.sidebar-utility-btn{width:calc(100% - 2 * var(--spacing-sm));cursor:pointer;background:0 0}.sidebar-utility-btn .sidebar-icon{color:var(--sidebar-accent);font-size:var(--font-size-md)}.sidebar .sidebar-theme-menu{bottom:calc(100% + var(--spacing-xs));top:auto;left:var(--spacing-sm);right:var(--spacing-sm);scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);width:auto;max-height:min(24rem,60dvh);overflow-y:auto}@media (width>=768px){.sidebar-utility-btn{margin-inline:var(--spacing-xs);width:calc(100% - 2 * var(--spacing-xs));justify-content:center}.sidebar-utility-btn .sidebar-label,.lang-current{display:none}.sidebar .sidebar-theme-menu{width:13rem;margin-left:var(--spacing-xs);inset:auto auto 0 100%}}.sidebar-auth{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-sm);flex-direction:column;display:flex}:root[data-auth-hint] #authArea:empty{min-height:calc(var(--sidebar-control-size) + var(--spacing-xs) * 2)}:root[data-auth-hint] #authArea:empty:after{content:"";margin:var(--spacing-xs) var(--spacing-sm);height:var(--sidebar-control-size);border-radius:var(--border-radius-md);background:linear-gradient(90deg, var(--surface-1) 25%, var(--surface-2) 50%, var(--surface-1) 75%);background-size:200% 100%;animation:1.4s infinite authSkeleton;display:block}@keyframes authSkeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){:root[data-auth-hint] #authArea:empty:after{background:var(--surface-1);animation:none}}.sidebar-auth-item{text-align:left;cursor:pointer;background:0 0;width:auto;padding:0}.sidebar-auth-item .sidebar-icon{overflow:hidden}.sidebar-auth-item .sidebar-icon i{font-size:1.1em}#loginItem{min-height:var(--sidebar-control-size)}#loginItem:focus-visible{border-color:var(--sidebar-hover-line);color:var(--sidebar-text);outline:2px solid var(--sidebar-accent);outline-offset:2px;background:#f8fafc1a}.google-login-button{gap:var(--spacing-xs)}.google-login-mark{flex:0 0 var(--sidebar-control-size);width:var(--sidebar-control-size);height:var(--sidebar-control-size);align-content:center;place-items:center;padding:0;line-height:0;display:grid}.google-login-mark svg{width:1.375rem;height:1.375rem;display:block}.sidebar-account{position:relative}@media (width>=768px){#loginItem{margin-inline:var(--spacing-xs);justify-content:center}#loginItem .sidebar-label{display:none}}.sidebar-account-menu{left:var(--spacing-sm);right:var(--spacing-sm);bottom:calc(100% + var(--spacing-xs));z-index:30;padding:var(--spacing-xs);border:1px solid var(--sidebar-line);border-radius:var(--border-radius-md);background:var(--sidebar-surface-raised);opacity:0;visibility:hidden;flex-direction:column;gap:2px;transition:opacity .14s,transform .14s,visibility .14s;display:flex;position:absolute;transform:translateY(6px);box-shadow:0 16px 34px #0000004d}.sidebar-account.is-open .sidebar-account-menu{opacity:1;visibility:visible;transform:translateY(0)}.sidebar-account-link{min-height:var(--tap-target-size);align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);color:color-mix(in srgb, var(--sidebar-text) 82%, transparent);font:inherit;font-weight:var(--font-weight-bold);text-align:left;white-space:nowrap;cursor:pointer;transition:background var(--sidebar-ease), border-color var(--sidebar-ease), color var(--sidebar-ease);background:0 0;border:1px solid #0000;text-decoration:none;display:flex}.sidebar-account-link:hover{border-color:var(--sidebar-hover-line);color:var(--sidebar-text);background:#f8fafc14}.sidebar-account-link i{width:1.2rem;color:var(--sidebar-accent);text-align:center}.sidebar-toggle{z-index:1200;width:var(--sidebar-control-size);height:var(--sidebar-control-size);border:1px solid var(--line);border-radius:var(--border-radius-md);background:linear-gradient(180deg, #ffffff14, transparent), var(--surface-1);color:var(--ink);font-size:var(--font-size-lg);cursor:pointer;flex:none;place-items:center;transition:transform .15s,border-color .15s,background .15s;display:none;box-shadow:0 8px 20px #0000003d}.sidebar-toggle:hover{border-color:var(--line-strong);transform:translateY(-1px)}.sidebar-scrim{z-index:1050;backdrop-filter:blur(2px);background:#080d1ab8;position:fixed;inset:0}.sidebar-scrim[hidden]{display:none}@media (width<=767px){body.sidebar-open{overflow:hidden}.sidebar .sidebar-theme-menu,.sidebar .sidebar-account-menu{overscroll-behavior:contain;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);overflow-y:auto}.sidebar-toggle{top:var(--spacing-sm);left:var(--spacing-sm);z-index:1200;width:var(--sidebar-control-size);height:var(--sidebar-control-size);opacity:1;pointer-events:auto;clip-path:none;box-shadow:0 0 0 5px var(--surface-base), 0 10px 24px color-mix(in srgb, var(--black-color) 42%, transparent);display:grid;position:fixed}.sidebar{touch-action:pan-y;border-right:1px solid var(--sidebar-line);border-left:0;height:100dvh;top:0;left:0;right:auto;transform:translate(-100%);box-shadow:16px 0 34px #00000047}body.sidebar-open .sidebar{transform:translate(0)}.sidebar:after{left:auto;right:0}.sidebar-brand{margin-bottom:var(--spacing-sm);padding-right:calc(var(--sidebar-control-size) + var(--spacing-sm));display:flex}.sidebar-nav>li{flex:none;min-height:auto;display:block}.sidebar-nav>.sidebar-cat.is-open{flex:none}.sidebar-cat-head,.sidebar-auth-item,.sidebar-account,.sidebar-account-toggle{min-height:var(--sidebar-control-size);flex:none}.sidebar-account{flex-direction:column;display:flex}}.theme-control,.lang-control{position:relative}@media (width<=767px) and (height<=520px){.sidebar{overscroll-behavior:contain;overflow-y:auto}.sidebar-brand{flex-shrink:0}.sidebar-nav{flex:none;overflow:visible}.sidebar .sidebar-theme-menu,.sidebar .sidebar-account-menu{left:calc(var(--sidebar-control-size) + 2 * var(--spacing-sm))}}.theme-toggle:active,.sound-toggle:active,.lang-toggle:active{transform:scale(.94)}.lang-current{padding-right:var(--spacing-sm);color:var(--sidebar-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bolder);letter-spacing:.06em;margin-left:auto}.lang-menu .lang-option{gap:var(--spacing-sm)}.lang-option-code{color:var(--ink-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bolder);letter-spacing:.06em}.theme-toggle:focus-visible,.lang-toggle:focus-visible,.sound-toggle:focus-visible,.sidebar-toggle:focus-visible{outline:3px solid var(--line-strong);outline-offset:2px}.sidebar :is(a,button):focus-visible{outline:3px solid var(--line-strong);outline-offset:-3px}.sound-toggle i{pointer-events:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.sound-toggle.is-muted{color:var(--ink-muted)}.sound-toggle.is-muted i{transform:scale(.85)}@media (width>=768px){.sidebar{width:var(--sidebar-width);overflow:visible;transform:none}.sidebar-nav{overflow:visible}.sidebar-shortcut--mobile{display:none}.sidebar-shortcut .sidebar-link{margin-inline:var(--spacing-xs);justify-content:center}.sidebar-shortcut .sidebar-label{display:none}.sidebar-account-toggle{justify-content:center}.sidebar-account-toggle .sidebar-label{display:none}.sidebar-account-menu{width:13rem;bottom:0;left:100%;right:auto;transform:translate(-6px)}.sidebar-account.is-open .sidebar-account-menu{transform:translate(0)}.sidebar-scrim{display:none}.sidebar-nav>li{flex:none;display:block}}@media (prefers-reduced-motion:reduce){.sidebar,.sidebar-account-menu,.theme-toggle,.sound-toggle{transition-duration:.01ms;animation:none}}.login-dialog{max-width:calc(100vw - 2 * var(--spacing-md));padding:var(--spacing-lg);border:1px solid var(--line);border-radius:var(--border-radius-lg);background:var(--surface-1);color:var(--ink);margin:auto}.login-dialog::backdrop{background:color-mix(in srgb, var(--surface-deep) 80%, transparent)}.login-dialog h2{margin:0 0 var(--spacing-md)}.login-dialog-google{min-height:var(--tap-target-size)}.login-dialog>button{min-height:var(--tap-target-size);margin:var(--spacing-md) auto 0;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--line);border-radius:var(--border-radius-md);background:var(--surface-2);color:inherit;cursor:pointer;display:block}.toast-container{z-index:9500;pointer-events:none;flex-direction:column;align-items:center;gap:.4rem;display:flex;position:fixed;top:40%;left:50%;translate:-50% -50%}.toast{border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);white-space:nowrap;letter-spacing:.01em;box-shadow:var(--shadow-lg);opacity:0;padding:.45rem 1.1rem;transition:opacity .18s,transform .18s;transform:translateY(6px)scale(.92)}.toast.is-visible{opacity:1;transform:translateY(0)scale(1)}.toast--info{background:var(--background-color-light);color:var(--text-color);border:1px solid var(--border-color-light)}.toast--success{background:var(--success);color:#fff}.toast--combo{background:linear-gradient(120deg, #f97316 0%, var(--danger) 100%);color:#fff;font-size:calc(var(--font-size-sm) * 1.1)}.toast--warning{background:var(--warning);color:#fff}.toast:has(.toast-action){align-items:center;gap:var(--spacing-sm);display:inline-flex}.toast-action{color:inherit;font:inherit;font-weight:var(--font-weight-bold);cursor:pointer;background:#ffffff29;border:1px solid #ffffff8c;border-radius:999px;flex:none;padding:.25em .7em;transition:background .15s,transform .15s}.toast-action:hover{background:#ffffff47}.toast-action:active{transform:scale(.96)}.rank-badge{--rank-color:var(--ink-muted);align-items:center;gap:var(--spacing-xxs);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.02em;white-space:nowrap;color:var(--rank-color);background:color-mix(in srgb, var(--rank-color) 16%, transparent);border:1px solid color-mix(in srgb, var(--rank-color) 45%, transparent);border-radius:999px;padding:.12rem .5rem;display:inline-flex}.rank-badge--bronze{--rank-color:var(--medal-bronze)}.rank-badge--silver{--rank-color:var(--medal-silver)}.rank-badge--gold{--rank-color:var(--medal-gold)}.rank-badge--platinum{--rank-color:color-mix(in srgb, var(--accent) 70%, var(--medal-silver))}.rank-badge--master{--rank-color:var(--accent-strong);box-shadow:0 0 12px color-mix(in srgb, var(--accent-strong) 35%, transparent)}.progress-meter{background:color-mix(in srgb, var(--card-ink,var(--ink)) 12%, transparent);border-radius:999px;width:100%;height:.5rem;position:relative;overflow:hidden}.progress-meter-fill{height:100%;width:calc(var(--meter-to,0) * 100%);border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--title-color,var(--accent)) 70%, var(--card-ink,var(--ink))), var(--title-color,var(--accent)));animation:progressFill .9s var(--ease-ui,ease-out) .15s both;display:block}.run-report{gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--border-radius-md);background:var(--card-muted);border:1px solid var(--line);text-align:left;animation:slideUp .3s var(--ease-ui,ease) both;flex-direction:column;display:flex}.run-report-lp{gap:var(--spacing-xxs);flex-direction:column;display:flex}.run-report-lp-total{font-size:var(--font-size-lg);font-weight:var(--font-weight-bolder);color:var(--title-color,var(--accent))}.run-report-lp-parts,.run-report-level-value,.run-report-mastery-next,.run-report-mastery-value{font-size:var(--font-size-xs);color:var(--card-ink-muted,var(--ink-muted))}.run-report-level{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);grid-template-columns:auto 1fr auto;display:grid}.run-report-level-label{font-weight:var(--font-weight-bold)}.run-report-mastery{gap:var(--spacing-xxs);flex-direction:column;display:flex}.run-report-mastery-head{justify-content:space-between;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.run-report-note{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0}.run-report-note--record{color:var(--medal-gold);font-weight:var(--font-weight-bold)}.run-report-note--muted{color:var(--card-ink-muted,var(--ink-muted));font-size:var(--font-size-xs)}.run-report-unlocks{gap:var(--spacing-xxs);font-size:var(--font-size-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.run-report-unlocks li{align-items:center;gap:var(--spacing-xs);display:flex}.run-report-unlocks i{color:var(--success)}.run-report-unlocks .is-highlight{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--title-color,var(--accent))}.run-report-unlocks .is-highlight i{color:var(--medal-gold)}.run-report-friends{font-size:var(--font-size-xs);color:var(--card-ink-muted,var(--ink-muted));margin:0}.prep-progress{gap:var(--spacing-xs);width:100%;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);background:color-mix(in srgb, var(--title-color,var(--accent)) 8%, transparent);border:1px solid color-mix(in srgb, var(--title-color,var(--accent)) 22%, var(--line));flex-direction:column;display:flex}.prep-progress-head{align-items:center;gap:var(--spacing-xs);min-width:0;font-size:var(--font-size-xs);flex-wrap:nowrap;display:flex}.prep-progress-head>.rank-badge{flex:none}.prep-progress-value{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--card-ink-muted,var(--ink-muted));flex:auto;overflow:hidden}.prep-progress-chips{gap:var(--spacing-xxs);flex-wrap:nowrap;min-width:0;display:flex;overflow:hidden}.prep-progress-chip{flex:none}.prep-progress--pending>*{visibility:hidden}.prep-progress-chip{align-items:center;gap:var(--spacing-xxs);font-size:var(--font-size-xs);background:color-mix(in srgb, var(--card-ink,var(--ink)) 8%, transparent);border-radius:999px;padding:.1rem .45rem;display:inline-flex}.prep-progress-chip--warning i{color:var(--warning)}.prep-progress-chip--accent{color:var(--title-color,var(--accent));font-weight:var(--font-weight-bold)}.progress-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}html[data-home-progress=new] .home-header{order:-2}html[data-home-progress=new] .home-feature{order:-1}html[data-home-progress=new] .home-progress .home-section-heading,html[data-home-progress=new] .home-progress .progress-grid,html:not([data-home-progress=new]) .progress-welcome{display:none}html[data-home-progress=returning] .progress-card:empty{display:flex}html[data-home-progress=returning] #homeLevelCard:empty{min-height:9rem}html[data-home-progress=returning] #homeMissionsCard:empty{min-height:20.5rem}html[data-home-progress=returning] #homeDailyCard:empty{min-height:16rem}html[data-home-progress=returning] #homeRanksCard:empty{min-height:5rem}.progress-welcome{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-lg);background:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 60%), var(--card);color:var(--card-ink);border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line));box-shadow:var(--shadow-sm);flex-wrap:wrap;display:flex}.progress-welcome-text{gap:var(--spacing-xs);flex-direction:column;flex:22rem;min-width:0;display:flex}.progress-welcome-text h3{font-size:var(--font-size-lg);margin:0}.progress-welcome-text p{color:var(--card-ink-muted);font-size:var(--font-size-sm);margin:0}.progress-welcome-perks{gap:var(--spacing-xs) var(--spacing-md);margin:var(--spacing-xs) 0 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);flex-wrap:wrap;padding:0;list-style:none;display:flex}.progress-welcome-perks li{align-items:center;gap:var(--spacing-xs);display:inline-flex}.progress-welcome-perks i{color:var(--accent)}.progress-welcome-cta{justify-content:center;align-items:center;gap:var(--spacing-sm);min-height:2.75rem;padding:0 var(--spacing-lg);background:var(--accent);color:var(--surface-base);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-sm);transition:transform var(--ease-ui);border-radius:999px;flex:none;text-decoration:none;display:inline-flex}.progress-welcome-cta:hover{transform:translateY(-1px)}.progress-welcome-cta:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media (width<=480px){.progress-welcome-cta{width:100%}}.progress-card{gap:var(--spacing-xs);min-width:0;padding:var(--spacing-md);border-radius:var(--border-radius-lg);background:var(--card);color:var(--card-ink);border:1px solid var(--line);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.progress-card:empty{display:none}.progress-card-title{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);margin:0;display:flex}.progress-card-title i{color:var(--accent)}.progress-card-meta{font-size:var(--font-size-xs);color:var(--card-ink-muted,var(--ink-muted));margin:0}.progress-streak{align-items:center;gap:var(--spacing-xs);margin:var(--spacing-xs) 0 0;font-weight:var(--font-weight-bold);display:flex}.progress-streak i{color:var(--ink-muted)}.progress-streak.is-done i,.progress-streak.is-at-risk i{color:var(--warning)}.progress-freezes i{color:var(--accent)}.progress-mission-list,.progress-rank-list{gap:var(--spacing-sm);margin:0 0 var(--spacing-xs);flex-direction:column;padding:0;list-style:none;display:flex}.progress-mission{align-items:center;gap:var(--spacing-xxs) var(--spacing-xs);font-size:var(--font-size-sm);grid-template-columns:1fr auto;display:grid}.progress-mission .progress-meter{grid-column:1/-1;height:.35rem}.progress-mission-label{align-items:center;gap:var(--spacing-xs);min-width:0;display:flex}.progress-mission-label i{color:var(--ink-muted)}.progress-mission.is-complete .progress-mission-label i{color:var(--success)}.progress-mission.is-complete .progress-mission-label{opacity:.75}.progress-mission-link{color:var(--accent);font-weight:var(--font-weight-bold);text-decoration:none}.progress-mission-link:hover,.progress-mission-link:focus-visible{text-decoration:underline}.progress-mission-count{font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;color:var(--card-ink-muted,var(--ink-muted))}.progress-game-icon{object-fit:contain;border-radius:var(--border-radius-sm);background:color-mix(in srgb, var(--white-color) 90%, transparent);flex:none;width:1.6rem;height:1.6rem;padding:2px}.progress-rank{gap:var(--spacing-xxs);flex-direction:column;display:flex}.progress-rank-link,.progress-mastery-row{align-items:center;gap:var(--spacing-xs);min-height:var(--tap-target-size);color:inherit;text-decoration:none;display:flex}.progress-rank-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:var(--font-weight-medium);flex:auto;overflow:hidden}.progress-mastery-list{gap:var(--spacing-xs) var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));display:grid}.progress-mastery-row{padding:var(--spacing-xs);border-radius:var(--border-radius-md);background:var(--card-muted);grid-template-columns:auto 1fr auto;display:grid}.progress-mastery-row .progress-meter{grid-column:1/3}.progress-mastery-row:hover,.progress-mastery-row:focus-visible{outline:1px solid var(--accent)}.game-card .game-rank-chip{left:var(--spacing-xs);top:var(--spacing-xs);z-index:2;pointer-events:none;background:color-mix(in srgb, var(--card) 85%, transparent);position:absolute}.game-seg-swatch.is-locked{cursor:not-allowed;filter:grayscale(.7)brightness(.8);opacity:.55}.game-seg-swatch.is-locked:after{content:"";background:var(--card-ink,var(--ink));mask:linear-gradient(var(--black-color), var(--black-color));opacity:.85;clip-path:polygon(15% 45%,85% 45%,85% 100%,15% 100%,15% 45%,30% 45%,30% 20%,50% 0%,70% 20%,70% 45%,58% 45%,58% 24%,50% 14%,42% 24%,42% 45%);border-radius:2px;position:absolute;inset:28%}.app-body{--rail-clearance:0px;width:100%;max-width:var(--content-width-max);align-items:center;gap:var(--spacing-lg);flex-direction:column;min-height:100dvh;margin:0 auto;padding:0 clamp(1rem,2vw,2rem);display:flex;position:relative;overflow-x:hidden}@media (width>=768px){.app-body{--rail-clearance:var(--sidebar-width);max-width:calc(var(--content-width-max) + var(--rail-clearance));padding-left:calc(var(--rail-clearance) + clamp(1rem, 2vw, 2rem))}}@media (width<=767px){.app-body:not(:has(.game-container)){padding-top:var(--mobile-chrome-clearance)}}.app-title{justify-content:center;align-items:center;gap:var(--spacing-sm);font-size:clamp(1.5rem, 4vw, var(--font-size-xxl));font-weight:var(--font-weight-bold);text-align:center;margin-bottom:clamp(1rem, 3vw, var(--spacing-lg));color:var(--title-color,var(--primary-color));display:flex}.app-body:has(.game-container){max-width:none;padding-inline:var(--game-page-padding-inline);padding-left:calc(var(--rail-clearance) + var(--game-page-padding-inline));gap:0}.game-container{--game-ad-block-reserve:0px;--game-avail-height:calc(100dvh - var(--game-page-padding-block) - var(--game-page-padding-block) - var(--game-ad-block-reserve));--game-frame-width:calc((var(--game-avail-height) - var(--game-frame-height-reserve)) * var(--game-board-fit-ratio));--game-accent:var(--title-color,var(--primary-color));--game-title-ink:color-mix(in srgb, var(--game-accent) 40%, var(--card-ink));--game-accent-light:color-mix(in srgb, var(--game-accent) 76%, var(--white-color));--game-accent-dark:color-mix(in srgb, var(--game-accent) 76%, var(--black-color));--game-accent-page-bg:linear-gradient(180deg, color-mix(in srgb, var(--game-accent) 16%, var(--surface-1)) 0%, color-mix(in srgb, var(--game-accent) 12%, var(--surface-base)) 42%, color-mix(in srgb, var(--game-accent) 9%, var(--surface-deep)) 100%);width:100%;max-width:none;padding-block:var(--game-page-padding-block) var(--game-page-padding-block);justify-content:center;align-items:center;gap:var(--spacing-sm);flex-direction:column;min-height:100dvh;margin:0;display:flex}@media (width>=768px){.app-body:has(.game-container){--game-avail-height:calc(100dvh - var(--game-page-padding-block) - var(--game-page-padding-block));--game-frame-width:calc((var(--game-avail-height) - var(--game-frame-height-reserve)) * var(--game-board-fit-ratio))}}.game-frame{grid-template-columns:minmax(0,1fr);place-items:center;width:100%;min-width:0;display:grid}.game-ad-slot,.game-ad-slot[hidden]{display:none}.game-container[data-ad-layout=bottom]{--game-ad-block-reserve:calc(var(--game-ad-block-size) + var(--game-ad-gap))}.game-container[data-ad-layout=bottom] .game-frame{grid-template-rows:minmax(0, 1fr) var(--game-ad-block-size);gap:var(--game-ad-gap)}.game-container[data-ad-layout=bottom] .game-ad-slot--bottom:not([hidden]){width:100%;height:var(--game-ad-block-size);display:block;overflow:hidden}@media (width>=1200px){.game-container[data-ad-layout=side] .game-frame{grid-template-columns:minmax(0, 1fr) var(--game-ad-inline-size);gap:var(--game-ad-gap)}.game-container[data-ad-layout=side] .game-ad-slot--side:not([hidden]){width:var(--game-ad-inline-size);max-height:var(--game-avail-height);display:block;overflow:hidden}}.zen-mode .game-container,.game-container:fullscreen{--game-ad-block-reserve:0px}.zen-mode .game-container .game-frame,.game-container:fullscreen .game-frame{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:0}.zen-mode .game-frame,.zen-mode .game-shell:has(.shot-board){height:100%}.zen-mode .game-container[data-ad-layout] .game-ad-slot,.game-container[data-ad-layout]:fullscreen .game-ad-slot{display:none}@media (width>=768px) and (height<=520px){.app-body:has(.game-container){--game-frame-height-reserve:calc(5rem + var(--shell-action-size));--game-frame-width:calc((var(--game-avail-height) - var(--game-frame-height-reserve)) * var(--game-board-fit-ratio))}}.game-container:fullscreen{max-width:none;padding:var(--spacing-md);background:var(--game-accent-page-bg);overflow-y:auto}.game-layout-square,.game-layout-stack,.game-layout-wide,.game-layout-dual,.game-layout-fullscreen{width:100%}@media (width<=767px){.game-layout-square,.game-layout-stack{overflow-x:hidden}}.game-shell{width:min(100%, var(--game-frame-width));max-height:var(--game-avail-height);min-height:var(--game-avail-height);align-items:stretch;gap:var(--spacing-xs);padding:var(--game-shell-padding-block) var(--game-shell-padding-inline);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-2) 92%, transparent), transparent 46%), var(--card);color:var(--card-ink);border-radius:var(--border-radius-lg);box-shadow:var(--game-shell-shadow);border:0;flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.game-shell .app-title{text-shadow:none;overflow-wrap:anywhere;min-width:0;color:var(--game-title-ink);margin-bottom:0;margin-top:calc(var(--shell-action-size) + var(--spacing-sm));padding-inline:clamp(3rem,18vw,8rem);font-size:clamp(1.25rem,3vw,1.6rem);line-height:1.15}@media (width>=768px){.game-shell .app-title{margin-top:0}}@media (width>=768px) and (height<=520px){.game-shell .app-title{margin-top:calc(var(--shell-action-size) + var(--spacing-sm));padding-inline:var(--spacing-sm);font-size:1.1rem}.game-layout-wide:not([data-game-orientation=responsive]) .game-shell,.game-layout-dual:not([data-game-orientation=responsive]) .game-shell{width:min(100%, calc(100vw - var(--rail-clearance) - (2 * var(--game-page-padding-inline))));max-width:none}}.game-board{width:100%;aspect-ratio:var(--game-board-aspect);border-radius:var(--border-radius-md);min-height:0;box-shadow:var(--game-board-shadow);flex:0 auto;margin:auto;position:relative;overflow:hidden}.game-stack{justify-content:center;align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.game-stack-main{flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.game-square{aspect-ratio:1;max-width:100%;height:100%;max-height:100%}.game-board--fill{aspect-ratio:auto;width:100%;min-height:0;max-height:100%}@media (width>=768px){.game-board--fill{aspect-ratio:var(--game-board-fit-ratio)}}.board-table{flex-direction:column;min-height:0;display:flex}.board-table__felt{flex:auto;min-height:0}.board-table__row{flex:none}.game-details{width:100%;padding:var(--spacing-xs) var(--spacing-sm);background:linear-gradient(180deg, color-mix(in srgb, var(--game-accent-light) 86%, var(--white-color)) 0%, var(--game-accent) 48%, var(--game-accent-dark) 100%);color:var(--white-color);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);border:1px solid color-mix(in srgb, var(--game-accent-light) 55%, var(--white-color));border-radius:var(--border-radius-md);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--white-color) 45%, transparent), inset 0 -2px 0 color-mix(in srgb, var(--black-color) 18%, transparent), var(--shadow-xs);font-variant-numeric:tabular-nums;text-shadow:0 1px 1px color-mix(in srgb, var(--black-color) 28%, transparent);grid-template-columns:1fr auto 1fr;align-items:center;gap:0;display:grid}.hud-left{grid-column:1;justify-content:flex-start;align-items:center;min-width:0;display:flex}.hud-right{grid-column:3;justify-content:flex-end;align-items:center;min-width:0;display:flex}.game-stat{align-items:center;gap:var(--spacing-xs);min-height:1.75rem;padding:0 var(--spacing-sm);white-space:nowrap;display:inline-flex}.game-stat:not([hidden])+.game-stat:not([hidden]){border-left:1px solid color-mix(in srgb, var(--white-color) 38%, transparent)}.game-stat[hidden]{display:none}.game-stat-value{font-variant-numeric:tabular-nums}.game-stat.is-active{border-radius:var(--border-radius-xl);background:color-mix(in srgb, var(--white-color) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--white-color) 18%, transparent)}.game-stat.is-low{color:var(--error-color)}@media (width>=768px){.game-details{font-size:var(--font-size-sm);padding-block:.15rem}.game-stat{min-height:1.5rem;padding-inline:var(--spacing-xs)}}@media (width>=768px) and (height<=520px){.game-details{padding-block:.1rem}.game-stat{min-height:1.25rem}}.game-orientation-guard{display:none}@media (width<=767px) and (orientation:portrait){.game-layout-wide:not([data-game-orientation=responsive]) .game-shell,.game-layout-dual:not([data-game-orientation=responsive]) .game-shell{visibility:hidden;pointer-events:none}.game-layout-wide:not([data-game-orientation=responsive]) .game-orientation-guard,.game-layout-dual:not([data-game-orientation=responsive]) .game-orientation-guard{z-index:10000;justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);background:var(--game-accent-page-bg);color:var(--ink);text-align:center;flex-direction:column;display:flex;position:fixed;inset:0}.game-orientation-guard-icon{font-size:3.5rem;animation:1.6s ease-in-out infinite alternate rotate-hint}.game-orientation-guard-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--ink);margin:0}.game-orientation-guard-btn{margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--game-accent,var(--primary-color));color:var(--white-color);border-radius:var(--border-radius-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);cursor:pointer;border:none}}@keyframes rotate-hint{0%{transform:rotate(0)}to{transform:rotate(90deg)}}.game-layout-fullscreen .game-shell{width:min(100%, calc(100vw - var(--rail-clearance) - (2 * var(--game-page-padding-inline))));height:var(--game-avail-height)}.game-layout-fullscreen .game-board{aspect-ratio:auto;flex:auto}.game-board--fullscreen{min-height:0;display:flex}.game-fullscreen-stage{flex:auto;min-width:0;min-height:0;position:relative;overflow:hidden}.turn-players{justify-content:center;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;grid-column:2;min-width:0;max-width:100%;display:flex}.turn-player{border-radius:var(--border-radius-lg);background:color-mix(in srgb, var(--seat-color) 14%, var(--card));min-width:0;min-height:2.25rem;color:var(--card-ink);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);opacity:.58;white-space:nowrap;transition:opacity var(--ease-ui), border-color var(--ease-ui), box-shadow var(--ease-ui), transform var(--ease-ui);border:2px solid #0000;align-items:center;gap:.4rem;padding:.25rem .7rem;display:inline-flex}.turn-player-dot{background:var(--seat-color);border-radius:50%;flex:0 0 .7rem;width:.7rem;height:.7rem}.turn-player.is-active{opacity:1;border-color:var(--seat-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--seat-color) 30%, transparent);transform:translateY(-1px)}@media (width<=480px){.turn-players{gap:2px}.turn-player{font-size:var(--font-size-xs);padding-inline:.45rem}.turn-player-dot{flex-basis:.55rem;width:.55rem;height:.55rem}}.dual-board{box-sizing:border-box;flex-direction:row;align-items:flex-start;width:100%;display:flex}.dual-board__side{box-sizing:border-box;flex-direction:column;flex:1;align-items:center;gap:4%;min-width:0;padding:3%;display:flex;position:relative}.dual-board__side+.dual-board__side{border-left:2px solid var(--border-color-light)}@media (width<=480px){.dual-board{flex-direction:column}.dual-board__side{width:100%}.dual-board__side+.dual-board__side{border-left:none;border-top:2px solid var(--border-color-light)}}:root{--title-color:var(--color-breakout)}.breakout-serve-status{width:max-content;max-width:calc(100% - var(--spacing-md) * 2);padding:var(--spacing-sm);border:1px solid var(--line);border-radius:var(--border-radius-sm);background:var(--background-color);color:var(--text-color);font-size:var(--font-size-sm);text-align:center;pointer-events:none;z-index:1;margin:0;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}.breakout-serve-status[hidden]{display:none}.breakout-board{--breakout-well:#090806;--breakout-well-deep:#020201;--breakout-rail:#b66a2c;--breakout-rail-light:#f2b25c;--breakout-rail-dark:#4b2512;--breakout-line:#f2d19b;contain:strict;isolation:isolate;border:clamp(.3rem, 1.15cqw, .68rem) solid var(--breakout-rail);outline:1px solid color-mix(in srgb, var(--breakout-rail-light) 60%, transparent);background:linear-gradient(90deg, transparent 0 49.8%, #ffffff06 50%, transparent 50.2%), radial-gradient(ellipse at 50% 98%, color-mix(in srgb, var(--breakout-line) 7%, transparent), transparent 44%), linear-gradient(180deg, var(--breakout-well), var(--breakout-well-deep));box-shadow:inset 0 0 0 clamp(.18rem, .55cqw, .34rem) var(--breakout-rail-dark), inset 0 0 2.2rem #000000e0, 0 .8rem 1.8rem #0000004d;touch-action:none;position:relative;overflow:hidden;container-type:size}.breakout-board[data-visual-theme=arcade]{--breakout-well:#06090f;--breakout-well-deep:#010205;--breakout-rail:#9b2d73;--breakout-rail-light:#f263b7;--breakout-rail-dark:#35102c;--breakout-line:#67e8f9}.breakout-board[data-visual-theme=midnight]{--breakout-well:#070b18;--breakout-well-deep:#02040b;--breakout-rail:#334a73;--breakout-rail-light:#82a8df;--breakout-rail-dark:#111b30;--breakout-line:#b9d6ff}.breakout-board[data-visual-theme=daylight]{--breakout-well:#26231e;--breakout-well-deep:#0e0d0b;--breakout-rail:#b36b32;--breakout-rail-light:#f0bd76;--breakout-rail-dark:#583019;--breakout-line:#fff0cd}.breakout-board[data-visual-theme=amber]{--breakout-well:#120c03;--breakout-well-deep:#030200;--breakout-rail:#9a581d;--breakout-rail-light:#ffbd55;--breakout-rail-dark:#422107;--breakout-line:#ffd785}.breakout-cabinet{z-index:0;pointer-events:none;background:linear-gradient(90deg, var(--breakout-line), var(--breakout-line)) center 97% / 97% max(1px, .22cqh) no-repeat, radial-gradient(ellipse at 50% 94%, color-mix(in srgb, var(--breakout-line) 12%, transparent), transparent 48%);opacity:.58;position:absolute;inset:0}.brick-layer{z-index:2;position:absolute;inset:0}.brick{border:max(1px, .16cqw) solid color-mix(in srgb, currentColor 38%, #211208);border-radius:clamp(1px,.28cqw,.18rem);transition:opacity 80ms linear,filter 80ms linear;position:absolute;overflow:hidden;box-shadow:0 .24cqh .22rem #00000085,inset 0 .28cqh #ffffff52,inset 0 -.35cqh #3816043d}.brick:after{content:"";opacity:.8;border-top:max(1px,.12cqh) solid #ffffff47;position:absolute;inset:18% 7%}.brick.is-broken{visibility:hidden}.brick[data-hp="2"]{filter:saturate(.85)brightness(.9);box-shadow:inset 0 0 0 max(2px,.34cqw) #1f120a80,0 .2rem .3rem #0000007a}.brick[data-hp="3"]{filter:saturate(.65)brightness(.72);box-shadow:inset 0 0 0 max(3px,.52cqw) #160d08a3,0 .2rem .3rem #00000080}.brick--1{color:#8d2630;background:linear-gradient(180deg, #ff6b66, var(--breakout-brick-1))}.brick--2{color:#a44822;background:linear-gradient(180deg, #ffad70, var(--breakout-brick-2))}.brick--3{color:#9c761a;background:linear-gradient(180deg, #ffe68b, var(--breakout-brick-3))}.brick--4{color:#087653;background:linear-gradient(180deg, #52e7b8, var(--breakout-brick-4))}.brick--5{color:#075f7e;background:linear-gradient(180deg, #5fc1df, var(--breakout-brick-5))}.paddle{z-index:3;will-change:transform;border:max(1px, .18cqw) solid color-mix(in srgb, var(--breakout-line) 76%, white);background:linear-gradient(90deg, var(--breakout-rail) 0 12%, transparent 12% 88%, var(--breakout-rail) 88%), linear-gradient(180deg, white, var(--breakout-line) 48%, #9aa0a0);box-shadow:0 0 .75rem color-mix(in srgb, var(--breakout-line) 54%, transparent), 0 .28cqh .24rem #0000009e;border-radius:999px;position:absolute;top:0;left:0}.ball{z-index:4;will-change:transform;background:radial-gradient(circle at 32% 26%, white 0 14%, var(--breakout-line) 42%, #8c8f8c 100%);box-shadow:0 0 .62rem color-mix(in srgb, var(--breakout-line) 70%, transparent), 0 .22cqh .28rem #000000b8;border:max(1px,.12cqw) solid #ffffffd1;border-radius:50%;position:absolute;top:0;left:0}@media (prefers-reduced-motion:reduce){.brick{transition:none}}