:root{--app-background:#eef5f4;--app-panel-rgb:255,255,255;--app-strong-rgb:248,253,252;--app-control-rgb:255,255,255;--glass:rgba(var(--app-panel-rgb),var(--glass-alpha,.35));--glass-strong:rgba(var(--app-strong-rgb),var(--glass-strong-alpha,.455));--glass-control:rgba(var(--app-control-rgb),var(--glass-control-alpha,.4025))}:root[data-native=true]:before,:root[data-native=true]:after{content:"";position:fixed;left:0;right:0;z-index:2147483000;pointer-events:none;background:var(--app-background,#eef5f4)}:root[data-native=true]:before{top:0;height:env(safe-area-inset-top,0px)}:root[data-native=true]:after{bottom:0;height:env(safe-area-inset-bottom,0px)}:root[data-theme=dark]{color-scheme:dark;color:#edf5f4;background:#111b24;--app-background:#111b24;--app-panel-rgb:17,27,37;--app-strong-rgb:17,27,37;--app-control-rgb:30,45,57;--glass:rgba(var(--app-panel-rgb),var(--glass-alpha,.35));--glass-strong:rgba(var(--app-strong-rgb),var(--glass-strong-alpha,.455));--glass-control:rgba(var(--app-control-rgb),var(--glass-control-alpha,.4025));--ink:#edf5f4;--muted:#b6c9c7;--tint:#72e2c5;--tint-soft:#214d46;--line:rgba(196,221,220,.18);--glass-edge:rgba(202,224,233,var(--glass-edge-alpha,.315));--shadow:0 16px 46px -24px rgba(0,0,0,var(--glass-shadow-alpha,.105)),inset 0 1px 0 rgba(202,224,233,var(--glass-highlight-alpha,.35));--stage-day-background:radial-gradient(ellipse at 40% 10%,#344353,#111b24);--stage-evening-background:radial-gradient(ellipse at 40% 10%,#443c3c,#1b1c26);--stage-dusk-background:radial-gradient(ellipse at 40% 10%,#303e59,#0d1421)}.theme-choice{padding:0;border:0;margin:0 0 18px;min-width:0}.theme-choice legend{font-size:12px;font-weight:600;margin-bottom:10px;color:var(--ink)}.theme-options{display:flex;gap:5px;padding:5px;border:1px solid var(--glass-edge);border-radius:17px;background:var(--glass-control)}:root[data-native=true] :is(input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea){font-size:max(16px,1em)}.theme-options button{flex:1;min-width:0;min-height:44px;padding:9px 10px;border:0;border-radius:12px;font:inherit;font-size:12px;font-weight:600;color:var(--muted);background:transparent;cursor:pointer}.theme-options button[aria-pressed=true]{background:var(--tint,#087f6b);color:#fff;box-shadow:0 3px 12px #123c331a}.theme-choice p{font-size:11px;color:var(--muted);margin:9px 2px 0;line-height:1.6}.theme-options button:focus-visible{outline:3px solid #168fd1;outline-offset:2px}.backdrop-choice{border:0;padding:0;margin:0 0 24px;min-width:0}.backdrop-choice legend{font-size:12px;font-weight:600;color:var(--ink)}.backdrop-intro,.backdrop-help{font-size:11px;line-height:1.6;color:var(--muted);margin:7px 0 12px}.backdrop-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.backdrop-options button{min-width:0;min-height:66px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid var(--glass-edge);border-radius:12px;padding:10px 5px;background:var(--glass-control);color:var(--ink);font:inherit;font-size:10px;cursor:pointer}.backdrop-options button[aria-pressed=true]{border-color:var(--tint);box-shadow:inset 0 0 0 1px var(--tint);background:color-mix(in srgb,var(--tint) 10%,var(--glass-control))}.backdrop-swatch{display:block;width:24px;height:24px;background:var(--swatch);border-radius:50%;border:1px solid #7c959766;box-shadow:inset 0 0 0 2px #ffffff15}.backdrop-swatch.backdrop-auto{background:conic-gradient(#344353,#dce8e6,#d9cebd,#302b46,#344353)}.backdrop-custom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px;padding:11px 12px;border:1px solid var(--glass-edge);border-radius:12px;background:var(--glass-control);color:var(--ink);font-size:12px;cursor:pointer}.backdrop-custom small{display:block;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.5}.backdrop-custom input[type=color]{flex-shrink:0;width:60px;height:44px;padding:4px;border:1px solid var(--glass-edge);border-radius:9px;background:transparent;cursor:pointer}.backdrop-options button:focus-visible,.backdrop-custom input:focus-visible{outline:3px solid #168fd1;outline-offset:3px}.backdrop-help{margin:8px 2px 0}.board-stage{background:var(--board-backdrop,#b7caba)}:root[data-board-backdrop=custom] #app .topbar .brand,:root[data-board-backdrop=custom] #app .topbar .brand .brand-mark,:root[data-board-backdrop=custom] #app .topbar :is(.wardrobe-shortcut,.device-shortcut,.app-menu>summary),:root[data-board-backdrop=custom] #app :is(.turn-pill,.view-controls button,.result-reopen),:root[data-board-backdrop=custom] #app :is(.table-dock,.controls-dock):not([open])>.dock-toggle{color:var(--board-backdrop-ink)}:root[data-board-backdrop=custom] #app :is(.header-controls,.view-controls,.result-reopen){background:rgba(var(--board-backdrop-panel-rgb),var(--glass-alpha,.35))}:root[data-board-backdrop=custom] #app .view-controls :is(button[aria-pressed=true],.replay-toggle[aria-expanded=true]){color:var(--ui-primary-ink)}:root[data-board-backdrop=custom] #app :is(.table-dock,.controls-dock):not([open])>.dock-toggle .dock-icon{color:inherit}:root[data-board-backdrop=custom] #app .view-controls>span{background:color-mix(in srgb,var(--board-backdrop-ink) 20%,transparent)}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){:root[data-board-backdrop=custom] #app :is(.header-controls,.view-controls,.result-reopen){background:rgb(var(--board-backdrop-panel-rgb))}}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:root[data-board-backdrop=custom] #app :is(.header-controls,.view-controls,.result-reopen){background:rgb(var(--board-backdrop-panel-rgb))}}:root[data-theme=dark] body{color:var(--ink);background:var(--app-background);background-image:none}:root[data-theme=dark] :is(.outline,.text-button,.field-label,.collection-grid label,.view-controls button,.board-announcement h2){color:var(--ink)}:root[data-theme=dark] :is(.muted,.eyebrow,.game-card p,.player-strip small,.help-card p,.replay-controls p,.replay-heading output,.board-announcement p,.collection-banner small,.captured,.player-state,.sidebar-footer,.preview-label,.local-badge,.move-row span:first-child){color:var(--muted)}:root[data-theme=dark] :is(.glass-setting output,.board-announcement-heading .eyebrow,.move-row:last-child,.player-strip.active .player-state){color:var(--tint)}:root[data-theme=dark] :is(.outline:hover:not(:disabled),select:hover,.view-controls button:hover:not(:disabled),.view-controls button[aria-pressed=true],.move-row:nth-child(odd),.move-link:hover,.player-strip.active .player-state,.preview-label,.local-badge,.collection-banner){background:rgba(var(--app-control-rgb),var(--glass-control-alpha,.4));border-color:var(--glass-edge)}:root[data-theme=dark] :is(.theme-options button[aria-pressed=true],.settings-tabs [aria-selected=true]){background:#72e2c5;color:#102f29}:root[data-theme=dark] .brand-mark{background:linear-gradient(145deg,#315d59,#1d393e);color:#a0f2d7;border-color:#8ebfbb55;box-shadow:inset 0 1px #c0e7e329}:root[data-theme=dark] .avatar{background:#2f464b;color:#e6f1ec;border-color:#97b9b455;box-shadow:inset 0 1px #fff2}:root[data-theme=dark] .avatar.black{background:#1b2932}:root[data-theme=dark] .board-instruction{color:var(--muted);text-shadow:0 1px 3px #000}:root[data-theme=dark] dialog::backdrop{background:rgba(0,7,14,var(--glass-shadow-alpha,.105))}:root[data-theme=dark] :is(.platform-notice,.hint-box){color:#a8ebd2}:root[data-theme=dark] :is(.platform-notice[data-error=true],.danger-zone){color:#ffb6b6}:root[data-theme=dark] .collection-preview>div{background:#20333bef;color:var(--ink)}:root[data-theme=dark] .collection-preview small{color:var(--muted)}:root[data-theme=dark] .promotion-options button{background:#293f49;color:#f2faf5;border-color:#8ebfbb55}:root[data-theme=dark] .promotion-options button:hover{background:#355c5a}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){:root[data-theme=dark] :is(.topbar,.hud-panel,.game-card,.help-card,.history-card,.navigation-card,.replay-controls,dialog,.view-controls,.board-announcement-card,.result-reopen,.outline,select,.preview-label,.local-badge,.player-strip.active .player-state,.collection-banner){background:rgb(var(--app-panel-rgb));border-color:#6c9398}}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:root[data-theme=dark] :is(.topbar,.hud-panel,.game-card,.help-card,.history-card,.navigation-card,.replay-controls,dialog,.view-controls,.board-announcement-card,.result-reopen){background:rgb(var(--app-panel-rgb))}}