:root{--bg:#f3f6fa;--surface:#fff;--ink:#101828;--muted:#526176;--line:#d7e0e9;--accent:#006d77;--amber:#8a5a00;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit}header{display:flex;min-height:4rem;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:.75rem clamp(1rem,4vw,3rem);background:rgba(255,255,255,.9)}header a{display:flex;align-items:center;gap:.55rem;color:inherit;text-decoration:none}header a span{display:grid;width:1.8rem;height:1.8rem;place-items:center;border-radius:.5rem;background:var(--accent);color:#fff;font-weight:900}header strong{font-size:.78rem}header small{color:var(--muted);font-size:.68rem}main{display:grid;width:min(100% - 2rem,46rem);min-height:calc(100svh - 7rem);margin:0 auto;padding:1.25rem 0}.intro{display:grid;align-content:center;justify-items:center;gap:1rem;text-align:center}.badge{border:1px solid var(--line);border-radius:999px;padding:.4rem .7rem;background:#fff;color:var(--accent);font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.startup-mark{display:grid;width:5rem;height:5rem;place-items:center;border:1px solid rgba(0,109,119,.3);border-radius:1.2rem;background:#e8f3f3;color:var(--accent);font-size:2rem;font-weight:900}.eyebrow{margin:0;color:var(--accent);font-size:.68rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.intro h1{margin:0;font-size:clamp(3rem,15vw,5.5rem);letter-spacing:-.075em;line-height:.9}.subtitle{margin:-.65rem 0 0;color:var(--accent);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.lead{max-width:36rem;margin:0;color:var(--muted);line-height:1.6}.safe-note{max-width:32rem;border:1px solid var(--line);border-radius:.8rem;padding:.8rem;background:#fff;color:var(--muted);font-size:.74rem}.primary,.secondary{display:flex;min-height:3rem;align-items:center;justify-content:center;border-radius:.75rem;padding:.75rem 1rem;font-weight:800;cursor:pointer}.primary{width:100%;border:0;background:var(--accent);color:#fff}.primary:disabled{opacity:.45;cursor:not-allowed}.secondary{border:1px solid var(--line);background:#fff;color:var(--ink)}.game{display:grid;align-content:start;gap:1rem}.game-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.72rem}.game-top strong{color:var(--accent)}.progress{height:.35rem;overflow:hidden;border-radius:999px;background:#dfe6ed}.progress span{display:block;height:100%;border-radius:inherit;background:var(--accent)}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem;width:100%}.stats div{display:grid;gap:.18rem;border:1px solid var(--line);border-radius:.75rem;padding:.7rem;background:#fff}.stats span{color:var(--muted);font-size:.62rem}.stats strong{font-size:.86rem}.card{display:grid;gap:1rem;border:1px solid var(--line);border-radius:1rem;padding:1rem;background:#fff;box-shadow:0 1rem 3rem rgba(16,24,40,.07)}.card h1{margin:0;font-size:clamp(1.7rem,7vw,2.4rem);letter-spacing:-.05em;line-height:1.05}.code{overflow:auto;margin:0;border-radius:.75rem;padding:1rem;background:#172033;color:#fff;font:700 .82rem/1.6 ui-monospace,monospace}.options{display:grid;gap:.6rem}.options button{display:grid;gap:.2rem;border:1px solid var(--line);border-radius:.75rem;padding:.85rem;background:#fff;color:var(--ink);text-align:left;cursor:pointer}.options button:hover,.options button.selected{border-color:var(--accent);background:#eef7f7}.options strong{font-size:.84rem}.options span{color:var(--muted);font-size:.72rem}.feedback{display:grid;gap:.25rem;border-left:3px solid var(--accent);border-radius:.5rem;padding:.8rem;background:#eef7f7}.feedback.wrong{border-left-color:var(--amber);background:#fff7e6}.feedback strong{font-size:.82rem}.feedback span{color:var(--muted);font-size:.75rem;line-height:1.45}.summary h1{font-size:clamp(2rem,9vw,3.7rem)}footer{padding:1rem;color:var(--muted);font-size:.65rem;text-align:center}@media(min-width:40rem){main{padding-top:2rem}.stats{grid-template-columns:repeat(4,1fr)}.card{padding:1.5rem}.options{grid-template-columns:repeat(3,1fr)}.options:has(>button:nth-child(2):last-child){grid-template-columns:repeat(2,1fr)}}