:root{--color-ink:#131620;--color-paper:#f7f3e8;--color-positive:#38d996;--color-negative:#ff6b5f;--color-accent:#f3c344;--color-night:#0b1020;--color-bg:var(--color-paper);--color-bg-secondary:#ede8da;--color-text:var(--color-ink);--color-text-muted:#5a5a6e;--color-border:#d4cfc2;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px #1316200d;--shadow-md:0 4px 6px #13162012, 0 2px 4px #1316200f;--shadow-lg:0 10px 15px #1316201a, 0 4px 6px #1316200d;--shadow-xl:0 20px 25px #13162026, 0 10px 10px #1316200a;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--z-base:0;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--header-height:64px;--content-max-width:600px;--button-height:52px;--button-height-sm:44px}[data-theme=dark]{--color-bg:var(--color-night);--color-bg-secondary:#151b2e;--color-text:#e8e6e0;--color-text-muted:#9a9aae;--color-border:#2a3148;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006, 0 2px 4px #0000004d;--shadow-lg:0 10px 15px #00000080, 0 4px 6px #0000004d;--shadow-xl:0 20px 25px #0009, 0 10px 10px #0003}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0s;--transition-normal:0s;--transition-slow:0s}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.5}.sr-only,.live-region{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:-100%;left:var(--space-4);z-index:var(--z-toast);padding:var(--space-3) var(--space-4);background:var(--color-accent);color:var(--color-ink);border-radius:var(--radius-md);transition:top var(--transition-fast);font-weight:600;text-decoration:none;position:absolute}.skip-link:focus{top:var(--space-4)}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:var(--button-height);padding:0 var(--space-6);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;border:none;font-family:inherit;font-size:1rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-ink);color:var(--color-paper)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-text)}.btn-accent{background:var(--color-accent);color:var(--color-ink)}.btn-ghost{color:var(--color-text);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-bg-secondary)}.btn-positive{background:var(--color-positive);color:var(--color-ink)}.btn-negative{background:var(--color-negative);color:var(--color-paper)}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.card-interactive{cursor:pointer;transition:all var(--transition-fast)}.card-interactive:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.input{width:100%;height:var(--button-height-sm);padding:0 var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);font-family:inherit;font-size:1rem}.input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #f3c34433}.input::placeholder{color:var(--color-text-muted)}.container{width:100%;max-width:var(--content-max-width);padding:0 var(--space-4);margin:0 auto}.header{z-index:var(--z-sticky);height:var(--header-height);padding:0 var(--space-4);background:var(--color-bg);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-title{align-items:center;gap:var(--space-2);color:var(--color-text);font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.header-logo{letter-spacing:-.02em;font-weight:900}.logo-mark{background:var(--color-ink);width:36px;height:36px;color:var(--color-paper);border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:.875rem;font-weight:900;display:inline-flex}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.keyboard-hint{min-width:24px;height:24px;padding:0 var(--space-2);font-family:var(--font-mono);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:inline-flex}.answer-buttons{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.answer-btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:120px;padding:var(--space-4);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);border:2px solid #0000;flex-direction:column;font-size:1.125rem;font-weight:700;display:flex}.answer-btn-positive{color:var(--color-positive);border-color:var(--color-positive);background:#38d99626}.answer-btn-positive:hover,.answer-btn-positive.selected{background:var(--color-positive);color:var(--color-ink);transform:scale(1.02)}.answer-btn-negative{color:var(--color-negative);border-color:var(--color-negative);background:#ff6b5f26}.answer-btn-negative:hover,.answer-btn-negative.selected{background:var(--color-negative);color:var(--color-paper);transform:scale(1.02)}.timer{width:64px;height:64px;font-family:var(--font-mono);background:var(--color-bg-secondary);border-radius:var(--radius-full);color:var(--color-text);justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.timer-urgent{background:var(--color-negative);color:var(--color-paper);animation:.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.result-symbol{border-radius:var(--radius-full);justify-content:center;align-items:center;width:32px;height:32px;font-size:1.25rem;display:inline-flex}.result-symbol-correct{background:var(--color-positive);color:var(--color-ink)}.result-symbol-wrong{background:var(--color-negative);color:var(--color-paper)}.score-display{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.score-value{font-family:var(--font-mono);font-size:3rem;font-weight:900;line-height:1}.score-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}.progress-bar{background:var(--color-bg-secondary);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.progress-fill{background:var(--color-accent);border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal)}@media (max-width:480px){:root{--header-height:56px;--button-height:48px}.container{padding:0 var(--space-3)}.btn{padding:0 var(--space-4)}.card{padding:var(--space-4)}.answer-btn{min-height:100px;font-size:1rem}}.game-center{justify-content:center;align-items:center;gap:var(--space-4);text-align:center;min-height:100dvh;padding-block:var(--space-8);flex-direction:column;display:flex}.game-shell{align-content:center;gap:var(--space-5);min-height:100dvh;padding-block:var(--space-5);display:grid}.game-meta{justify-content:space-between;gap:var(--space-3);color:var(--color-text-muted);font-weight:700;display:flex}.comparison-card{gap:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:linear-gradient(145deg, var(--color-bg), var(--color-bg-secondary));box-shadow:var(--shadow-lg);text-align:center;padding:clamp(1.25rem,6vw,3rem);display:grid}.comparison-card h1{font-size:clamp(1.35rem,6vw,2.3rem);line-height:1.15}.reference-fact{font-size:clamp(1rem,4vw,1.25rem);font-weight:650}.balance-mark{color:var(--color-accent);font-size:2rem;font-weight:900}.eyebrow{color:var(--color-text-muted);letter-spacing:.09em;text-transform:uppercase;font-size:.8rem;font-weight:800}.reveal-card{border-width:2px;width:min(100%,36rem)}.reveal-card.is-correct{border-color:var(--color-positive)}.reveal-card.is-wrong{border-color:var(--color-negative)}.result-card{gap:var(--space-3);font-size:1.1rem;display:grid}.daily-symbols{letter-spacing:.05em;font-size:clamp(1.15rem,5vw,2rem)}.source{color:var(--color-text-muted);overflow-wrap:anywhere;font-size:.8rem}kbd{font:inherit;border:1px solid;border-radius:.35rem;padding:.15em .4em;font-size:.75em}.admin-shell{padding-block:var(--space-5)}.admin-header{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.admin-nav{gap:var(--space-2);margin-block:var(--space-5);display:flex;overflow-x:auto}.admin-nav button{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);cursor:pointer;padding:.65rem 1rem}.admin-login{gap:var(--space-4);text-align:left;width:min(100%,28rem);display:grid}.admin-login label{gap:var(--space-2);font-weight:700;display:grid}.stats-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));display:grid}.stats-grid article{gap:.25rem;display:grid}.stats-grid strong{font-size:1.8rem}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--color-border);text-align:left;padding:.75rem}select{min-height:2.75rem;padding-inline:.5rem}.import-area{width:100%;min-height:20rem;margin-block:var(--space-4);font-family:var(--font-mono)}.error-text{color:var(--color-negative)}.score-strip{justify-content:space-between;gap:var(--space-3);font-weight:800;display:flex}.answer-btn small{opacity:.7;margin-top:.35rem;display:block}.room-menu,.lobby-card{gap:var(--space-4);width:min(100%,34rem);display:grid}.room-menu label,.room-settings label{gap:var(--space-2);text-align:left;font-weight:750;display:grid}.menu-actions,.room-settings{gap:var(--space-3);display:grid}.connection-state{color:var(--color-text-muted);font-size:.8rem}.room-code{font:900 clamp(2.5rem, 14vw, 5rem)/1 var(--font-mono);letter-spacing:.12em}.code-input{text-transform:uppercase;font:900 1.7rem/1 var(--font-mono);letter-spacing:.15em;text-align:center}.player-list{gap:var(--space-2);display:grid}.player-list p{justify-content:space-between;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-md);display:flex}