:root{color-scheme:dark;--bg:#0b1512;--panel:#13231e;--panel2:#172b24;--line:#29483d;--cream:#f4ead5;--muted:#9eb3aa;--gold:#e7b85c;--green:#59d69b;--danger:#ff8e82;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 15%,#18382c 0,transparent 35%),radial-gradient(circle at 90% 80%,#26361e 0,transparent 30%),var(--bg);color:var(--cream)}button,input{font:inherit}.hidden{display:none!important}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6vw,88px);border-bottom:1px solid rgba(255,255,255,.08);background:rgba(7,18,14,.72);backdrop-filter:blur(16px)}.brand{color:var(--cream);text-decoration:none;font-family:Georgia,serif;font-size:1.25rem;font-weight:700;letter-spacing:.02em}.brand-mark{color:var(--gold);margin-right:8px}.auth-shell{min-height:calc(100vh - 72px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,480px);align-items:center;gap:clamp(48px,9vw,140px);padding:64px clamp(24px,8vw,120px)}.hero{max-width:680px}.eyebrow{margin:0 0 12px;color:var(--gold);font-size:.75rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.hero h1,.welcome-row h1{font-family:Georgia,serif;font-weight:500;line-height:.96;margin:0}.hero h1{font-size:clamp(3.4rem,7vw,7rem)}.hero h1 span{color:var(--gold)}.hero-copy{color:var(--muted);font-size:1.08rem;line-height:1.7;max-width:560px;margin:30px 0}.game-pills{display:flex;flex-wrap:wrap;gap:10px}.game-pills span,.score-badge,.status-dot{border:1px solid var(--line);border-radius:999px;padding:8px 13px;color:#c7d7d0;font-size:.78rem}.auth-card,.panel{background:linear-gradient(145deg,rgba(28,53,44,.95),rgba(15,31,26,.98));border:1px solid var(--line);border-radius:24px;box-shadow:0 28px 80px rgba(0,0,0,.28)}.auth-card{padding:28px}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#0c1b16;border-radius:12px;padding:4px;margin-bottom:26px}.tab{border:0;background:transparent;color:var(--muted);padding:11px;border-radius:9px;cursor:pointer}.tab.active{background:var(--panel2);color:var(--cream)}.form-stack{display:grid;gap:17px}.form-stack label{display:grid;gap:8px;color:#c8d7d1;font-size:.85rem}.form-stack input,.inline-form input{width:100%;border:1px solid var(--line);border-radius:11px;background:#0b1915;color:var(--cream);padding:13px 14px;outline:none}.form-stack input:focus,.inline-form input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(231,184,92,.12)}button{cursor:pointer}.primary,.secondary,.ghost{border-radius:11px;font-weight:750}.primary{border:0;background:var(--gold);color:#182017;padding:14px;margin-top:3px}.secondary{border:1px solid #4f9476;background:#245a45;color:#eafff6;padding:11px 16px}.ghost{border:1px solid var(--line);background:transparent;color:var(--cream);padding:9px 14px}.hint,.muted{color:var(--muted);font-size:.78rem;margin:0}.message{min-height:20px;margin:15px 0 0;color:var(--danger);font-size:.85rem}.message.success{color:var(--green)}.dashboard{max-width:1180px;margin:0 auto;padding:70px 24px}.welcome-row{display:flex;align-items:end;justify-content:space-between;margin-bottom:34px}.welcome-row h1{font-size:clamp(2.5rem,5vw,4.5rem)}.welcome-row h1 span{color:var(--gold)}.status-dot{color:var(--green)}.status-dot:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:7px}.dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}.panel{padding:27px}.panel-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:24px}.panel h2{font-family:Georgia,serif;font-size:1.8rem;margin:0}.scores-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.score-card{background:rgba(7,20,15,.52);border:1px solid var(--line);border-radius:16px;padding:19px}.score-card span{display:block;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.score-card strong{display:block;font-family:Georgia,serif;color:var(--gold);font-size:2.1rem;margin-top:7px}.nickname-list{display:grid;gap:9px;margin-bottom:18px}.nickname-item{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:12px;padding:11px 12px;color:#d5e2dc}.nickname-item.active{border-color:#3d8d69;background:rgba(49,117,86,.15)}.nickname-item button{border:0;background:transparent;color:var(--green);font-size:.78rem}.active-label{color:var(--green);font-size:.75rem}.inline-form{display:grid;grid-template-columns:1fr auto;gap:9px}@media(max-width:850px){.auth-shell{grid-template-columns:1fr;padding-top:48px}.hero h1{font-size:3.8rem}.dashboard-grid{grid-template-columns:1fr}.welcome-row{align-items:start}.status-dot{margin-top:8px}}@media(max-width:520px){.topbar{padding:0 18px}.auth-shell{padding:36px 18px}.hero h1{font-size:3rem}.auth-card,.panel{border-radius:18px;padding:20px}.scores-grid{grid-template-columns:1fr}.welcome-row{display:block}.status-dot{display:inline-block;margin-top:16px}}
.password-field{position:relative;display:block;width:100%}.form-stack .password-field input{padding-right:52px}.password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:1.25rem}.password-toggle:hover,.password-toggle[aria-pressed="true"]{color:var(--gold);background:rgba(231,184,92,.08)}.password-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.password-toggle[aria-pressed="true"]::after{content:"";position:absolute;width:24px;height:2px;background:currentColor;transform:rotate(-45deg);pointer-events:none}
.speech-to-text-button{display:inline-grid;place-items:center;width:40px;min-width:40px;height:40px;margin:0;padding:0;border:1px solid var(--line);border-radius:50%;color:var(--cream);background:rgba(20,55,43,.9);line-height:1}.speech-to-text-button:hover:not(:disabled),.speech-to-text-button:focus-visible{border-color:var(--gold);color:var(--gold)}.speech-to-text-button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.speech-to-text-button:disabled{cursor:not-allowed;opacity:.5}.speech-to-text-icon{width:19px;height:19px;fill:currentColor}.speech-to-text-button.is-listening{border-color:var(--gold);color:var(--gold);box-shadow:0 0 0 3px rgba(231,184,92,.18);animation:speech-to-text-pulse 1.2s ease-in-out infinite}.speech-to-text-button.is-processing{border-color:#8ed8bb;color:#8ed8bb}.speech-to-text-status{grid-column:1 / -1;min-height:1.2em;margin:0;color:var(--muted);font-size:.78rem}@keyframes speech-to-text-pulse{0%,100%{box-shadow:0 0 0 2px rgba(231,184,92,.12)}50%{box-shadow:0 0 0 6px rgba(231,184,92,.04)}}@media(prefers-reduced-motion:reduce){.speech-to-text-button.is-listening{animation:none}}
.remember-me{display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px;cursor:pointer}.form-stack .remember-me input{width:16px;margin:0;padding:0;accent-color:var(--gold)}
.account-actions{display:flex;align-items:center;gap:8px}.remember-message{margin-top:8px}
.google-login-button{width:100%}.google-onboarding-shell{grid-template-columns:minmax(340px,560px);justify-content:center}.google-onboarding-card h1{font-family:Georgia,serif;font-weight:500;margin:0 0 12px}
.auth-bootstrap{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:24px;color:var(--muted);letter-spacing:.04em}.auth-bootstrap span{border:1px solid var(--line);border-radius:999px;padding:10px 16px;background:rgba(19,35,30,.72);box-shadow:0 12px 36px rgba(0,0,0,.18)}