:root[data-theme="dark"] { color-scheme: dark; color: #dbe7e2; background: #0c1618; --xk-surface: #13242a; --xk-surface-2: #182d33; --xk-line: #284449; --xk-muted: #8fa9a0; --teal: #2fb3a6; }
:root[data-theme="dark"] body { background: radial-gradient(ellipse at 5% 25%, #10302d, transparent 50%), radial-gradient(ellipse at 95% 75%, #2a2116, transparent 50%), #0c1618; color: #dbe7e2; }
:root[data-theme="dark"] .arcade button:not(.primary):not(.danger-button):not(.arcade-touch-controls button) { border-color: var(--xk-line); background: var(--xk-surface); color: #dbe7e2; }
:root[data-theme="dark"] .arcade button:not(.primary):not(.danger-button):hover { background: var(--xk-surface-2); }
:root[data-theme="dark"] :is(.eyebrow, .tagline, .practice-speed, .panel-title > span, .quick-guide > div span, .versus-player > div > span, .duel-preview span, .opponent-note, .home-link span) { color: var(--xk-muted); }
:root[data-theme="dark"] .edition { border-left-color: var(--xk-line); }
:root[data-theme="dark"] .arcade-badge { border-color: var(--xk-line); color: var(--xk-muted); }
:root[data-theme="dark"] :is(select, .practice-speed select, .room-actions input) { border-color: var(--xk-line); background: var(--xk-surface); color: #dbe7e2; }
:root[data-theme="dark"] .notice { border-color: #6b5530; background: #2a2214; color: #f3dcb0; }
:root[data-theme="dark"] .tabs { background: var(--xk-surface) !important; }
:root[data-theme="dark"] .tabs button { color: var(--xk-muted) !important; }
:root[data-theme="dark"] .tabs button:hover { background: var(--xk-surface-2) !important; }
:root[data-theme="dark"] .tabs .selected { background: #087c77 !important; color: #fff !important; }
:root[data-theme="dark"] .cabinet { border-color: var(--xk-line); background: linear-gradient(135deg, #142429, #0f1d21); box-shadow: 0 15px 45px #0006, inset 0 1px #ffffff0d; }
:root[data-theme="dark"] .hud-panel { box-shadow: inset 0 1px #ffffff15, 0 4px 0 #070f11; }
:root[data-theme="dark"] .board-frame { border-color: #33504f; background: linear-gradient(135deg, #2b3f3e, #1a2a2c 35%, #24383a 60%, #162426); box-shadow: 0 6px 0 #0a1416, 0 12px 30px #0007; }
:root[data-theme="dark"] kbd { border-color: var(--xk-line); background: var(--xk-surface-2); color: #dbe7e2; }
:root[data-theme="dark"] .cabinet-footer { border-top-color: var(--xk-line); background: #0f1d21aa; color: var(--xk-muted); }
:root[data-theme="dark"] .opponent-note { border-top-color: var(--xk-line); }
:root[data-theme="dark"] .room-panel { border-color: var(--xk-line); background: var(--xk-surface); }
:root[data-theme="dark"] .touch-controls button { border-color: var(--xk-line); background: var(--xk-surface-2); box-shadow: 0 2px #070f11; color: #dbe7e2; }
:root[data-theme="dark"] .own-rank { border-color: #2d5a48; background: #13302a; color: #9fd8bd; }
:root[data-theme="dark"] .ranking-row { border-color: var(--xk-line); background: var(--xk-surface); }
:root[data-theme="dark"] .ranking-row.own { border-color: #3d8a6c; background: #143027; }
:root[data-theme="dark"] .ranking-avatar { background: var(--xk-surface-2); color: #a8c9b5; }
:root[data-theme="dark"] .ranking-score { color: #4fd1bd; }
:root[data-theme="dark"] summary, :root[data-theme="dark"] details { color: #dbe7e2; }