:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1020;--card:#151b2f;--text:#f4f7ff;--muted:#9aa3c0;--accent:#4cc9f0;--danger:#ff4d6d;--border:#2a3355;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.4}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(1200px 600px at 10% -10%, #1b2a55 0%, transparent 55%), radial-gradient(900px 500px at 100% 0%, #3a0ca3 0%, transparent 45%), var(--bg);min-height:100dvh}.app-shell{max-width:480px;min-height:100dvh;margin:0 auto;padding:1rem 1rem 2.5rem}.page{flex-direction:column;gap:1rem;display:flex}.hero h1{letter-spacing:-.03em;margin:.15rem 0;font-size:2.4rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:0;font-size:.72rem}.tagline,.hint,.muted,.storage-hint{color:var(--muted)}.card{background:color-mix(in srgb, var(--card) 92%, black);border:1px solid var(--border);border-radius:1rem;padding:1rem;box-shadow:0 10px 30px #00000040}.form{flex-direction:column;gap:.85rem;display:flex}label{flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}input{appearance:none;border:1px solid var(--border);color:var(--text);background:#0d1324;border-radius:.75rem;padding:.85rem .95rem;font-size:1rem}input:focus{outline:2px solid color-mix(in srgb, var(--accent) 60%, white);border-color:#0000}.btn{cursor:pointer;border:none;border-radius:.85rem;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn.primary{color:#06101f;background:linear-gradient(135deg,#4cc9f0,#4361ee)}.btn.ghost{color:var(--text);border:1px solid var(--border);background:0 0;justify-content:space-between;width:100%}.puzzle-list{flex-direction:column;gap:.5rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.puzzle-list .code{color:var(--accent);text-align:left;min-width:4.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.play-bar{grid-template-columns:auto 1fr auto auto;align-items:center;gap:.5rem;display:grid}.play-meta{flex-direction:column;min-width:0;display:flex}.play-meta strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.back{color:var(--text);padding:.25rem .4rem;font-size:1.4rem;text-decoration:none}.hearts{gap:.15rem;font-size:1.1rem;display:flex}.heart.on{color:var(--danger)}.heart.off{color:#3a415c}.timer{font-variant-numeric:tabular-nums;text-align:right;min-width:3.2rem;font-weight:700}.board-wrap{justify-content:center;width:100%;padding:.5rem 0;display:flex}.board{touch-action:manipulation;border:1px solid var(--border);background:#0a0f1d;border-radius:1rem;max-width:100%;height:auto}.grid-cell{fill:#121833;stroke:#1e2748;stroke-width:1px}.arrow-group.fail{animation:.45s shake}.arrow-group.clearing{transition:opacity .25s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.center{text-align:center}.overlay{flex-direction:column;gap:.75rem;display:flex;position:sticky;bottom:1rem}.score-big{letter-spacing:-.04em;font-size:3rem;font-weight:800}.breakdown{margin:1rem 0;padding:0;list-style:none}.breakdown li{border-bottom:1px solid var(--border);justify-content:space-between;gap:1rem;padding:.45rem 0;display:flex}.best-note{color:var(--accent);font-weight:600}.row{flex-direction:column;gap:.6rem;display:flex}.error{color:var(--danger)}h2{margin:0;font-size:1.1rem}