@font-face{font-family:Archivo;src:url(/fonts/archivo.woff2)format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/geist.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/geist-mono.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--bg:#000;--surface:#0a0a0a;--surface-2:#0f0f0f;--hairline:#1f1f1f;--border:#2a2a2a;--border-strong:#333;--text:#fff;--text-2:#b3b3b3;--muted:#9a9a9a;--faint:#5c5c5c;--accent:#c8ff2e;--on-accent:#000;--wrong:#ff6a3d;--ink:#000;--grass:#0c0f0e;--grass-stripe:#101413;--lines:#3a423f;--team:#f4f4f2;--opp:#ff6a3d;--arrow-option:#fff;--arrow-answer:#c8ff2e;--arrow-wrong:#ff6a3d;--display:"Archivo", "Arial Narrow", sans-serif;--body:"Geist", system-ui, -apple-system, sans-serif;--mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--body);line-height:1.5}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0}button,select,input{font:inherit;color:inherit}a{color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,p{margin:0}.display{font-family:var(--display);text-transform:uppercase;text-wrap:balance;font-size:clamp(52px,9vw,96px);font-weight:900;font-stretch:68%;line-height:.92}.section-title{font-family:var(--display);text-transform:uppercase;font-size:30px;font-weight:800;font-stretch:70%;line-height:1.05}.eyebrow{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.lede{color:var(--text-2);max-width:36ch;font-size:17px}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:13px}.accent{color:var(--accent)}.wrong-text{color:var(--wrong)}.grow{flex:1;min-width:0}.label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#8a8a8a;font-size:11px}.lower{text-transform:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.button{border:1px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:12px;min-height:52px;padding:0 20px;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{border-color:var(--muted)}.button.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.button.primary:hover{filter:brightness(1.08)}.button.outline{border-color:var(--text)}.button.wide{justify-content:space-between;width:100%;max-width:420px;min-height:56px;font-size:17px;display:flex}.button.wide-center{width:100%;max-width:420px;display:flex}.button .mono{font-size:14px;font-weight:500}.button-row{flex-wrap:wrap;gap:10px;display:flex}.pill{border:1px solid var(--border-strong);border-radius:999px;align-items:center;min-height:44px;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.chip{border:1px solid var(--border);min-height:32px;font-family:var(--mono);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-size:12px}.chip[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.icon-button{width:44px;height:44px;color:var(--text);place-items:center;display:inline-grid}.site-header{padding:10px max(16px, env(safe-area-inset-right)) 10px max(16px, env(safe-area-inset-left));border-bottom:1px solid var(--hairline);align-items:center;gap:28px;display:flex}.brand{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:10px;font-size:20px;font-weight:800;font-stretch:70%;text-decoration:none;display:flex}.site-nav{gap:24px;font-size:15px;display:flex}.site-nav a{color:var(--muted);text-decoration:none}.site-nav a:hover{color:var(--text)}.header-end{align-items:center;gap:16px;margin-left:auto;display:flex}.speed-slider{font-family:var(--mono);color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.speed-slider input{width:110px;accent-color:var(--accent)}.speed-slider output{min-width:3em;color:var(--text)}.site-footer{border-top:1px solid var(--hairline);flex-wrap:wrap;gap:8px 20px;margin-top:24px;padding:24px 16px 32px;font-size:14px;display:flex}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{color:var(--text)}.page{max-width:1120px;margin:0 auto;padding:0 16px}@media (width<=859px){.site-nav,.speed-slider{display:none}.header-end{gap:8px}.shell.focus .site-header,.shell.focus .site-footer{display:none}}@media (width>=860px){.speed-chip{display:none}}.hero{justify-items:start;gap:16px;padding:40px 0 28px;display:grid}.hero .button{margin-top:10px}.section{border-top:1px solid var(--hairline);gap:16px;padding:28px 0;display:grid}.section.tight{border-top:0;padding-top:0}.section-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.featured{gap:12px;padding-bottom:36px;display:grid}.steps{background:var(--hairline);border:1px solid var(--hairline);border-radius:14px;gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.steps li{background:var(--bg);gap:16px;padding:18px 16px;display:flex}.steps strong{font-weight:600;display:block}.steps .mono{padding-top:2px;font-size:14px}@media (width>=860px){.steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.cards{gap:10px;display:grid}@media (width>=700px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.card{border:1px solid var(--hairline);border-radius:14px;align-content:start;gap:6px;padding:18px 16px;display:grid}.card-text{font-size:18px;font-weight:500}.locked-tiles{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.locked-tiles a{border:1px solid var(--hairline);background:var(--surface);height:100%;min-height:112px;color:var(--muted);border-radius:14px;flex-direction:column;justify-content:space-between;gap:18px;padding:14px;text-decoration:none;display:flex}.locked-tiles a:hover{border-color:var(--border-strong)}.tile-title{color:var(--text);font-size:15px;font-weight:600;line-height:1.25;display:block}.tile-count{font-family:var(--mono);margin-top:4px;font-size:12px;display:block}.locked-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;align-items:center;gap:14px;padding:16px;text-decoration:none;display:flex}.locked-card strong{font-weight:600;display:block}.locked-card .muted{display:block}.join-card{background:var(--surface-2);border:1px solid var(--border);border-radius:16px;justify-items:start;gap:10px;margin:12px 0 8px;padding:24px 18px;display:grid}.join-card h2{font-family:var(--display);text-transform:uppercase;font-size:28px;font-weight:800;font-stretch:70%;line-height:1}.join-card p{color:var(--text-2)}.join-card .button{width:100%;max-width:420px;margin-top:8px}.progress-head{justify-content:space-between;align-items:flex-end;width:100%;max-width:420px;margin-top:8px;display:flex}.big-num{font-family:var(--mono);letter-spacing:-.02em;font-size:40px;line-height:1}.progress-bars{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:3px;width:100%;max-width:420px;display:grid}.progress-bars span{background:var(--border);border-radius:2px;height:6px}.progress-bars .right{background:var(--accent)}.progress-bars .wrong{background:var(--wrong)}.puzzle-list{border-top:1px solid var(--hairline);margin:0;padding:0;list-style:none}.puzzle-list li{border-bottom:1px solid var(--hairline)}.puzzle-list a{align-items:center;gap:14px;min-height:56px;padding:6px 0;text-decoration:none;display:flex}.puzzle-list .mono.faint{width:26px;font-size:13px}.row-title{font-weight:500;display:block}.puzzle-list .muted{display:block}.score{font-family:var(--mono);letter-spacing:-.04em;font-size:96px;line-height:.9}.stat-grid{background:var(--hairline);border:1px solid var(--hairline);border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;width:100%;max-width:420px;margin-top:8px;display:grid;overflow:hidden}.stat-grid>div{background:var(--bg);padding:14px 16px}.stat{font-family:var(--mono);margin-top:4px;font-size:28px;line-height:1.1}.stat span{color:var(--muted);font-size:16px}.principles{gap:14px;max-width:560px;margin:0;padding:0;list-style:none;display:grid}.principle-row{justify-content:space-between;font-size:15px;display:flex}.meter{background:var(--hairline);border-radius:2px;height:4px;margin-top:6px;overflow:hidden}.meter>div{background:var(--text);height:100%}.meter>.right{background:var(--accent)}.meter>.wrong{background:var(--wrong)}.prose{max-width:68ch;color:var(--text-2)}.prose ul{gap:10px;margin:0;padding-left:1.2em;display:grid}.signup{border:1px solid var(--border);background:var(--surface);border-radius:16px;gap:20px;max-width:560px;padding:20px 16px;display:grid}.signup fieldset{border:0;gap:8px;margin:0;padding:0;display:grid}.signup legend,.field-label{margin-bottom:8px;padding:0;font-size:14px;font-weight:500}.field-label{gap:6px;margin:0;display:grid}.field-label input,.field-label select{background:var(--bg);border:1px solid var(--border-strong);border-radius:10px;min-height:48px;padding:0 14px;font-size:16px}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.choice-list{gap:8px;display:grid}.choice{border:1px solid var(--border-strong);cursor:pointer;border-radius:10px;align-items:center;gap:10px;min-height:48px;padding:8px 12px;font-size:14px;display:flex}.choice:has(input:checked){border-color:var(--accent)}.choice input{accent-color:var(--accent);flex:none;margin:0}.signup .button{width:100%}.signup .button:disabled{opacity:.6;cursor:wait}.honeypot{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.signup-done{max-width:560px}.dev-pickers{flex-wrap:wrap;gap:8px;padding:16px 0;display:flex}.dev-pickers select{background:var(--surface);border:1px solid var(--border);border-radius:8px;max-width:100%;padding:8px}.subbar{border-bottom:1px solid var(--hairline);align-items:center;gap:12px;margin:0 -8px 0 -12px;padding:6px 0;display:flex}.subbar>.grow:first-child{padding-left:12px}.subbar-title{font-size:14px;font-weight:600}.puzzle-page .puzzle{padding-top:10px}@media (width>=860px){.subbar{margin:0;padding:14px 0}.subbar .icon-button{margin-left:-12px}}.puzzle{gap:14px;display:grid}@media (width>=860px){.puzzle{grid-template-columns:minmax(0,1fr) 420px;align-items:start;gap:48px;padding-bottom:32px}}.puzzle-stage{gap:10px;min-width:0;display:grid}.puzzle-meta{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.puzzle-meta-end{align-items:center;gap:10px;display:flex}.you{color:var(--text);border:1.5px solid var(--accent);border-radius:999px;padding:1px 7px}.field-wrap{justify-content:center;display:flex;position:relative}.field{border-radius:12px;width:100%;max-height:46svh;display:block}@media (width>=860px){.field{width:auto;max-width:100%;max-height:calc(100svh - 240px)}}.play-overlay{background:var(--text);min-height:52px;color:var(--ink);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:10px;padding:0 26px;font-size:16px;font-weight:600;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #0009}.dot{stroke:var(--ink)}.dot.team{fill:var(--team)}.dot.opp{fill:var(--opp)}.focal-ring{fill:none;stroke:var(--accent)}.role,.arrow-letter{text-anchor:middle;dominant-baseline:central;fill:var(--ink);pointer-events:none;font-weight:700}.ball{fill:#fff;stroke:var(--ink)}.puzzle-panel{align-content:start;gap:12px;display:grid}.puzzle-title{font-size:18px;font-weight:600;line-height:1.3}.timer{align-items:center;gap:12px;display:flex}.timer-bar{background:var(--hairline);border-radius:2px;flex:1;height:4px;overflow:hidden}.timer-bar>div{background:var(--accent);height:100%}.timer-num{font-family:var(--mono);letter-spacing:-.02em;text-align:right;font-variant-numeric:tabular-nums;min-width:3.4em;font-size:22px;font-weight:500}.prompt{font-family:var(--display);text-transform:uppercase;font-size:34px;font-weight:900;font-stretch:68%;line-height:1}.options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.options button{text-align:left;background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:10px;min-height:64px;padding:10px 12px;font-size:14px;line-height:1.25;display:flex}.options button:hover{border-color:var(--muted)}.letter{background:var(--text);width:28px;height:28px;color:var(--ink);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:700;display:inline-grid}.letter.answer{background:var(--accent)}@media (width>=860px){.prompt{font-size:56px}.timer-num{font-size:32px}.options{grid-template-columns:1fr;gap:10px}.options button{padding:12px 16px;font-size:16px}}.verdict-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.verdict{font-family:var(--display);text-transform:uppercase;font-size:40px;font-weight:900;font-stretch:68%;line-height:1}.verdict.right{color:var(--accent)}.verdict.wrong{color:var(--wrong)}.decided{font-family:var(--mono);color:var(--muted);font-size:14px}.decided span{color:var(--text);font-size:20px}.best{align-items:center;gap:10px;font-weight:500;display:flex}.reason{color:var(--text-2);font-size:15px}.actions{flex-wrap:wrap;gap:8px;padding:6px 0 20px;display:flex}.actions .button{flex:auto}.actions .grow-2{background:var(--text);color:var(--ink);border-color:var(--text);flex:2 auto;justify-content:space-between}
