:root{--font-display:"League Gothic","Oswald","Arial Narrow","Impact",sans-serif;--font-ui:"Inter","Roboto",system-ui,-apple-system,sans-serif;--transition-fast:0.15s ease-out;--radius-tile:16px;--radius-button:8px;--radius-card:14px}:root[data-theme=default][data-mode=light]{--color-bg:#f4f6f9;--color-bg-elev:#eef1f6;--color-surface:#ffffff;--color-surface-2:#f7f9fc;--color-surface-border:#d1d5db;--color-text-main:#1a202c;--color-text-muted:#6b7280;--color-text-faint:#9ca3af;--color-accent:#0066cc;--color-accent-hover:#0052a3;--color-accent-ink:#ffffff;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--tile-face-top:#ffffff;--tile-face-bottom:#f4f6f9;--tile-ink:#1a202c;--tile-stroke:#d1d5db;--timer-ring:#0066cc;--tile-shadow:0 4px 6px -1px rgba(0,0,0,0.06),0 2px 4px -1px rgba(0,0,0,0.04);--card-shadow:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04)}:root[data-theme=default][data-mode=dark]{--color-bg:#12161a;--color-bg-elev:#171c22;--color-surface:#1e252b;--color-surface-2:#232b32;--color-surface-border:#374151;--color-text-main:#e2e8f0;--color-text-muted:#94a3b8;--color-text-faint:#64748b;--color-accent:#3b82f6;--color-accent-hover:#60a5fa;--color-accent-ink:#0b1220;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--tile-face-top:#1e252b;--tile-face-bottom:#12161a;--tile-ink:#e2e8f0;--tile-stroke:#374151;--timer-ring:#3b82f6;--tile-shadow:0 10px 15px -3px rgba(0,0,0,0.3),0 4px 6px -2px rgba(0,0,0,0.2);--card-shadow:0 1px 3px rgba(0,0,0,0.35)}:root[data-theme=roadtrip][data-mode=light]{--font-display:"League Gothic","Oswald","Arial Narrow",sans-serif;--color-bg:#f5ebe6;--color-bg-elev:#efe2da;--color-surface:#fffaf5;--color-surface-2:#f7ece3;--color-surface-border:#c9a98f;--color-text-main:#1b4332;--color-text-muted:#6f5a4a;--color-text-faint:#a08a78;--color-accent:#bc6c25;--color-accent-hover:#a25c1c;--color-accent-ink:#fffaf5;--color-success:#2d6a4f;--color-warning:#f4a261;--color-error:#bc4749;--tile-face-top:#fffaf5;--tile-face-bottom:#f0e2d6;--tile-ink:#1b4332;--tile-stroke:#1b4332;--timer-ring:#f4a261;--tile-shadow:0 6px 10px -2px rgba(60,40,20,0.18);--card-shadow:0 1px 3px rgba(60,40,20,0.12)}:root[data-theme=roadtrip][data-mode=dark]{--font-display:"League Gothic","Oswald","Arial Narrow",sans-serif;--color-bg:#201613;--color-bg-elev:#2a1d18;--color-surface:#33241d;--color-surface-2:#3c2b22;--color-surface-border:#6b4b38;--color-text-main:#f3e6d6;--color-text-muted:#c2a488;--color-text-faint:#8a6a52;--color-accent:#e8934a;--color-accent-hover:#f2a862;--color-accent-ink:#201613;--color-success:#74c69d;--color-warning:#f4a261;--color-error:#e5989b;--tile-face-top:#33241d;--tile-face-bottom:#201613;--tile-ink:#f3e6d6;--tile-stroke:#e8934a;--timer-ring:#e8934a;--tile-shadow:0 10px 16px -4px rgba(0,0,0,0.4);--card-shadow:0 1px 3px rgba(0,0,0,0.3)}:root[data-theme=neon][data-mode=light]{--font-display:"League Gothic","Oswald","Arial Narrow",sans-serif;--color-bg:#eef7f8;--color-bg-elev:#e2f1f3;--color-surface:#ffffff;--color-surface-2:#eaf6f7;--color-surface-border:#9fd6da;--color-text-main:#0b2a2e;--color-text-muted:#3d7a80;--color-text-faint:#7fb3b8;--color-accent:#0891a5;--color-accent-hover:#067585;--color-accent-ink:#ffffff;--color-success:#0aa578;--color-warning:#e08c00;--color-error:#e5397a;--tile-face-top:#ffffff;--tile-face-bottom:#e8f6f7;--tile-ink:#0b2a2e;--tile-stroke:#22b8cf;--timer-ring:#e5397a;--tile-shadow:0 4px 10px rgba(34,184,207,0.18);--card-shadow:0 1px 3px rgba(34,184,207,0.12)}:root[data-theme=neon][data-mode=dark]{--font-display:"League Gothic","Oswald","Arial Narrow",sans-serif;--color-bg:#0b0c10;--color-bg-elev:#101319;--color-surface:#12161f;--color-surface-2:#161b26;--color-surface-border:#1f6f7a;--color-text-main:#eafffb;--color-text-muted:#7fd6d0;--color-text-faint:#3f7a75;--color-accent:#00ffff;--color-accent-hover:#5cffff;--color-accent-ink:#041418;--color-success:#39ffb0;--color-warning:#ffd166;--color-error:#ff4d7d;--tile-face-top:rgba(0,255,255,0.06);--tile-face-bottom:rgba(0,255,255,0.02);--tile-ink:#eafffb;--tile-stroke:#00ffff;--timer-ring:#ff007f;--tile-shadow:0 0 18px rgba(0,255,255,0.25);--card-shadow:0 0 12px rgba(0,255,255,0.12)}:root[data-theme=chalkboard][data-mode=light]{--font-display:"League Gothic","Oswald","Arial Narrow",sans-serif;--color-bg:#e7ded0;--color-bg-elev:#ded3c2;--color-surface:#3a4a42;--color-surface-2:#415249;--color-surface-border:#63756b;--color-text-main:#f4f7f2;--color-text-muted:#b9c7bd;--color-text-faint:#8a9d91;--color-accent:#d9a441;--color-accent-hover:#e8b658;--color-accent-ink:#26332c;--color-success:#8fd98a;--color-warning:#f0d484;--color-error:#e88b8b;--tile-face-top:#3f5049;--tile-face-bottom:#33423b;--tile-ink:#f4f7f2;--tile-stroke:#cddbd0;--timer-ring:#f3e99f;--tile-shadow:0 5px 10px rgba(0,0,0,0.22);--card-shadow:0 1px 3px rgba(0,0,0,0.18)}:root[data-theme=chalkboard][data-mode=dark]{--font-display:"League Gothic","Oswald","Arial Narrow",sans-serif;--color-bg:#14201c;--color-bg-elev:#182521;--color-surface:#26362f;--color-surface-2:#2b3d35;--color-surface-border:#56685f;--color-text-main:#f4f7f2;--color-text-muted:#a8bcae;--color-text-faint:#6f857a;--color-accent:#f3e99f;--color-accent-hover:#fff4b0;--color-accent-ink:#14201c;--color-success:#a8e6a1;--color-warning:#f3e99f;--color-error:#e88b8b;--tile-face-top:#26362f;--tile-face-bottom:#14201c;--tile-ink:#f4f7f2;--tile-stroke:#cddbd0;--timer-ring:#f3e99f;--tile-shadow:0 4px 8px rgba(0,0,0,0.3);--card-shadow:0 1px 3px rgba(0,0,0,0.3)}:root[data-theme=retro][data-mode=light]{--font-display:"Courier New","Consolas",monospace;--color-bg:#e4e2d4;--color-bg-elev:#dcdac9;--color-surface:#f2f0e3;--color-surface-2:#e9e7d7;--color-surface-border:#b3b199;--color-text-main:#2b2f1f;--color-text-muted:#6a6b52;--color-text-faint:#97977c;--color-accent:#2e7d32;--color-accent-hover:#256428;--color-accent-ink:#f2f0e3;--color-success:#2e7d32;--color-warning:#b8860b;--color-error:#b23c3c;--tile-face-top:#f2f0e3;--tile-face-bottom:#e4e2d4;--tile-ink:#2b2f1f;--tile-stroke:#2e7d32;--timer-ring:#2e7d32;--tile-shadow:0 2px 0 #b3b199;--card-shadow:0 2px 0 rgba(0,0,0,0.1)}:root[data-theme=retro][data-mode=dark]{--font-display:"Courier New","Consolas",monospace;--color-bg:#282c34;--color-bg-elev:#2d323b;--color-surface:#21252b;--color-surface-2:#262b32;--color-surface-border:#3a3f4b;--color-text-main:#d7dbe0;--color-text-muted:#8b93a1;--color-text-faint:#5a6270;--color-accent:#39ff14;--color-accent-hover:#6bff55;--color-accent-ink:#0a1408;--color-success:#39ff14;--color-warning:#ffd166;--color-error:#ff5c5c;--tile-face-top:#21252b;--tile-face-bottom:#1a1d22;--tile-ink:#39ff14;--tile-stroke:#39ff14;--timer-ring:#39ff14;--tile-shadow:0 2px 0 #14320a;--card-shadow:0 2px 0 rgba(0,0,0,0.4)}:root[data-theme=retro]{--radius-tile:2px;--radius-button:2px;--radius-card:2px}:root[data-theme=default]:not([data-mode]){--color-bg:#f4f6f9;--color-surface:#ffffff;--color-text-main:#1a202c;--color-accent:#0066cc;--color-accent-ink:#fff;--color-surface-border:#d1d5db;--tile-face-top:#fff;--tile-face-bottom:#f4f6f9;--tile-ink:#1a202c;--tile-stroke:#d1d5db;--timer-ring:#0066cc}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--color-bg);color:var(--color-text-main);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;min-height:100%;transition:background var(--transition-fast),color var(--transition-fast)}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}button{font:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;padding:14px 24px;gap:16px;background:var(--color-surface);border-bottom:1px solid var(--color-surface-border)}.brand,.topbar{align-items:center}.brand{gap:10px;font-family:var(--font-display);font-size:30px;line-height:1;letter-spacing:1px;color:var(--color-text-main);text-transform:uppercase}.brand,.brand .mark{display:inline-flex}.brand:hover{color:var(--color-text-main)}.brand em{color:var(--color-accent);font-style:normal}.topbar-stats{display:flex;gap:28px;align-items:baseline}.stat{display:flex;flex-direction:column;align-items:center}.stat .label{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--color-text-muted);font-weight:500}.stat .value{font-size:22px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--color-text-main)}.topbar-actions{display:flex;gap:12px;align-items:center}.icon-btn{display:inline-flex;align-items:center;gap:6px;color:var(--color-text-muted);font-weight:500;font-size:14px}.icon-btn:hover{color:var(--color-text-main)}.icon-btn svg{width:20px;height:20px}.play-grid{flex:1 1;display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,640px) minmax(150px,1fr);grid-gap:24px;gap:24px;padding:24px;align-items:start}.play-grid[data-active=true] .side-panel{opacity:.4;filter:saturate(.75);transition:opacity var(--transition-fast);pointer-events:none}.center-col{display:flex;flex-direction:column;align-items:center;gap:28px;padding:16px 8px 48px;min-height:55vh}.tiles{display:flex;gap:16px;margin-top:8px}.tile{position:relative;width:128px;height:160px;border-radius:var(--radius-tile);background:linear-gradient(to bottom,var(--tile-face-top),var(--tile-face-bottom));border:3px solid var(--tile-stroke);box-shadow:var(--tile-shadow);display:flex;align-items:center;justify-content:center;color:var(--tile-ink);font-family:var(--font-display);font-weight:700;font-size:92px;line-height:1;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tile:before{content:"";position:absolute;inset:14px 12px 12px;border:2px dashed var(--tile-stroke);border-radius:8px;opacity:.55;pointer-events:none}.tile .bolt{position:absolute;top:12px;width:10px;height:10px;border-radius:50%;background:var(--tile-stroke);box-shadow:inset 0 0 0 2px var(--tile-face-bottom)}.tile .bolt.left{left:14px}.tile .bolt.right{right:14px}.tile span.glyph{position:relative;z-index:1}.tile.small{width:58px;height:72px;font-size:44px;border-width:2px}.tile.small:before{inset:7px 6px 6px;border-width:1px}.tile.small .bolt{width:5px;height:5px;top:6px}.tile.small .bolt.left{left:7px}.tile.small .bolt.right{right:7px}@media (max-width:720px){.tiles{gap:12px}.tile{width:96px;height:120px;font-size:68px}}.timer-ring{position:relative;width:132px;height:132px}.timer-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-ring .track{fill:none;stroke:var(--color-surface-border);stroke-width:6}.timer-ring .progress{fill:none;stroke:var(--timer-ring);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .2s linear,stroke .2s ease}.timer-ring .progress.warn{stroke:var(--color-warning)}.timer-ring .progress.crit{stroke:var(--color-error)}.timer-ring .readout{position:absolute;inset:0;justify-content:center;font-family:var(--font-display);font-size:46px;color:var(--color-text-main);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.answer,.timer-ring .readout{display:flex;align-items:center}.answer{width:100%;max-width:440px;flex-direction:column;gap:16px}.word-input{width:100%;background:var(--color-surface);border:2px solid var(--color-surface-border);border-radius:var(--radius-button);color:var(--color-text-main);font-size:28px;font-weight:700;letter-spacing:4px;text-align:center;padding:18px 16px;text-transform:lowercase;transition:border-color var(--transition-fast)}.word-input::placeholder{color:var(--color-text-faint);font-weight:400;letter-spacing:2px}.word-input:focus{border-color:var(--color-accent);outline:none}.controls{display:flex;gap:12px;width:100%}.btn{flex:1 1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 20px;border-radius:var(--radius-button);border:none;font-size:16px;font-weight:700;letter-spacing:.3px;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.btn svg{width:20px;height:20px}.btn-primary{background:var(--color-accent);color:var(--color-accent-ink)}.btn-primary:hover{background:var(--color-accent-hover)}.btn-ghost{background:transparent;color:var(--color-text-muted);border:2px solid var(--color-surface-border)}.btn-ghost:hover{color:var(--color-text-main);border-color:var(--color-text-muted)}.btn:disabled{opacity:.5;cursor:not-allowed}.feedback{min-height:24px;font-size:15px;font-weight:500;text-align:center;display:inline-flex;align-items:center;gap:6px}.feedback.bad{color:var(--color-error)}.feedback.good{color:var(--color-success)}.feedback svg{width:18px;height:18px}.reveal{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;min-height:220px;justify-content:center}.reveal .badge{display:inline-flex;align-items:center;gap:8px;font-size:20px;font-weight:700}.reveal .badge svg{width:26px;height:26px}.reveal .badge.good{color:var(--color-success)}.reveal .badge.bad{color:var(--color-error)}.reveal .badge.warn{color:var(--color-warning)}.reveal .source-word{color:var(--color-accent);letter-spacing:1px;text-transform:uppercase}.reveal .gain,.reveal .source-word{font-family:var(--font-display);font-size:52px}.reveal .gain{color:var(--color-success)}.side-panel{display:flex;flex-direction:column;gap:16px}.card{background:var(--color-surface);border-radius:var(--radius-card);padding:18px 20px;border:1px solid var(--color-surface-border);box-shadow:var(--card-shadow)}.card h3{margin:0 0 10px;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--color-text-muted);font-weight:600}.card .big{font-size:30px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ad-slot{background:var(--color-surface-2);border:1px dashed var(--color-surface-border);border-radius:var(--radius-button);color:var(--color-text-faint);font-size:11px;letter-spacing:1.5px;text-transform:uppercase}.ad-slot,.home{display:flex;align-items:center;justify-content:center}.home{flex:1 1;flex-direction:column;gap:36px;padding:48px 24px;text-align:center}.home .hero-mark{margin-bottom:4px}.home .tagline{max-width:600px;font-size:22px;line-height:1.5;color:var(--color-text-muted)}.home .tagline strong{color:var(--color-text-main)}.diff-grid{display:grid;grid-template-columns:repeat(2,minmax(160px,230px));grid-gap:16px;gap:16px}.diff-card{background:var(--color-surface);border:2px solid var(--color-surface-border);border-radius:var(--radius-card);padding:20px 22px;text-align:left;color:var(--color-text-main);box-shadow:var(--card-shadow);transition:border-color var(--transition-fast),transform var(--transition-fast)}.diff-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.diff-card .name{font-family:var(--font-display);font-size:28px;text-transform:uppercase;letter-spacing:.5px}.diff-card .meta{color:var(--color-text-muted);font-size:14px;margin-top:4px}.results{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:22px;padding:40px 24px}.results .final{font-family:var(--font-display);font-size:88px;line-height:1;color:var(--color-accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.results .outcome-win{color:var(--color-success)}.results .outcome-loss{color:var(--color-error)}.round-list{width:100%;max-width:560px;display:flex;flex-direction:column;gap:8px}.round-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:10px;padding:10px 14px;font-size:15px}.round-row .rletters{font-family:var(--font-display);font-size:20px;letter-spacing:3px;text-transform:uppercase;color:var(--color-text-muted);min-width:64px}.round-row .rword{flex:1 1;color:var(--color-text-main);font-weight:500}.round-row .rscore{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--color-accent);font-weight:700}.round-row.miss .rword{color:var(--color-error)}.form{width:100%;max-width:360px;display:flex;flex-direction:column;gap:12px}.form input{background:var(--color-surface);border:2px solid var(--color-surface-border);border-radius:var(--radius-button);color:var(--color-text-main);padding:14px;font-size:16px}.form input:focus{border-color:var(--color-accent);outline:none}.muted{color:var(--color-text-muted);font-size:13px}.center-narrow{flex:1 1;flex-direction:column;align-items:center;gap:20px;padding:40px 24px;text-align:center}.center-narrow,.footer-ad{display:flex;justify-content:center}.footer-ad{padding:12px 24px 24px}@media (max-width:900px){.play-grid{grid-template-columns:1fr}.side-panel{flex-direction:row;flex-wrap:wrap}.side-panel .ad-slot,.side-panel .card{flex:1 1;min-width:140px}.play-grid[data-active=true] .side-panel{display:none}.topbar-stats{gap:16px}.diff-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}}.mode-toggle{display:inline-flex;gap:4px;padding:4px;background:var(--color-surface-2);border:1px solid var(--color-surface-border);border-radius:999px}.mode-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:none;background:transparent;color:var(--color-text-muted);border-radius:999px;font-size:14px;font-weight:600;transition:background var(--transition-fast),color var(--transition-fast)}.mode-btn svg{width:16px;height:16px}.mode-btn:hover{color:var(--color-text-main)}.mode-btn.active{background:var(--color-surface);color:var(--color-accent);box-shadow:var(--card-shadow)}.mode-toggle.compact{padding:3px;gap:2px}.mode-toggle.compact .mode-btn{padding:7px}@media (max-width:560px){.topbar-actions .mode-toggle.compact{display:none}}.theme-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:10px;gap:10px}.theme-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:12px;background:var(--color-surface-2);border:2px solid var(--color-surface-border);border-radius:var(--radius-card);color:var(--color-text-main);text-align:left;transition:border-color var(--transition-fast),transform var(--transition-fast)}.theme-card:hover:not(:disabled){border-color:var(--color-accent);transform:translateY(-1px)}.theme-card.active{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent) inset}.theme-card.locked{opacity:.6;cursor:not-allowed}.theme-swatches{display:flex;width:100%;height:34px;border-radius:8px;overflow:hidden;border:1px solid var(--color-surface-border)}.theme-swatches .sw{flex:1 1;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.9)}.theme-swatches .sw.night{color:rgba(0,0,0,.55)}.theme-swatches .sw svg{width:12px;height:12px}.theme-name{display:inline-flex;align-items:center;gap:5px;font-weight:700;font-size:14px}.theme-name .lock{color:var(--color-accent)}.theme-sub{font-size:11px;letter-spacing:.2px}.beta-pill,.theme-sub{color:var(--color-text-muted)}.beta-pill{display:inline-flex;align-items:center;gap:8px;margin:0 auto 8px;padding:7px 12px;border:1px solid var(--color-surface-border);border-radius:999px;background:var(--color-surface);font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.beta-note{max-width:560px;margin-inline:auto}.site-footer{margin-top:auto;padding:18px 24px;border-top:1px solid var(--color-surface-border);background:var(--color-surface);color:var(--color-text-muted);display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;font-size:13px}.site-footer div{display:flex;gap:10px;flex-wrap:wrap;align-items:baseline}.site-footer strong{color:var(--color-text-main)}.site-footer nav{display:flex;gap:14px;flex-wrap:wrap}.policy-page{width:min(760px,calc(100% - 32px));margin:48px auto 72px;padding:28px;background:var(--color-surface);border:1px solid var(--color-surface-border);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);line-height:1.6}.policy-page h1{margin:0 0 16px;font-size:clamp(34px,6vw,56px);line-height:.95;font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase}.policy-page h2{margin:28px 0 8px;font-size:18px}.policy-page ul{padding-left:22px}.eyebrow{margin:0 0 10px;color:var(--color-accent);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.brand .mark img{display:block;width:30px;height:30px;object-fit:contain}.premium-card{display:grid;grid-gap:16px;gap:16px;align-items:center}.premium-card.active{border-color:var(--color-accent)}.premium-card h3{margin-top:0}.premium-badge{justify-self:start;display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:var(--color-accent);color:var(--color-on-accent,#fff);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.house-ad{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px;text-align:center;color:var(--color-text-muted)}.house-ad strong{color:var(--color-text-main)}@media (min-width:640px){.premium-card{grid-template-columns:1fr auto}}