:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--bg-soft:#f7f7f9;--card:#fff;--text:#1a1a1a;--muted:#6b6b76;--accent:#5b5fc7;--accent-soft:#e8e9f7;--danger:#e53935;--border:#e6e6ec;--btn-circle:#ece8f5;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:var(--bg);min-height:100dvh;color:var(--text)}.app-shell{background:var(--bg);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;color:var(--text);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:var(--card);border:1px solid var(--border);border-radius:1rem;padding:1rem;box-shadow:0 4px 18px #1a1a1a0d}.form{flex-direction:column;gap:.85rem;display:flex}label{color:var(--text);flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}input{appearance:none;border:1px solid var(--border);background:var(--bg-soft);color:var(--text);border-radius:.75rem;padding:.85rem .95rem;font-size:1rem}input:focus{outline:2px solid color-mix(in srgb, var(--accent) 45%, 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{background:var(--accent);color:#fff}.btn.ghost{background:var(--bg-soft);color:var(--text);border:1px solid var(--border);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{border-bottom:1px solid var(--border);grid-template-columns:auto 1fr auto auto;align-items:center;gap:.55rem;padding-bottom:.65rem;display:grid}.play-meta{flex-direction:column;min-width:0;display:flex}.play-meta strong{white-space:nowrap;text-overflow:ellipsis;color:var(--text);overflow:hidden}.back{background:var(--btn-circle);width:2.5rem;height:2.5rem;color:var(--text);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;line-height:1;text-decoration:none;display:inline-flex}.back:hover,.back:focus-visible{background:color-mix(in srgb, var(--btn-circle) 70%, var(--accent-soft));outline:none}.hearts{gap:.15rem;font-size:1.15rem;display:flex}.heart.on{color:var(--danger)}.heart.off{color:#d0d0d8}.timer{font-variant-numeric:tabular-nums;text-align:right;min-width:3.2rem;color:var(--text);font-weight:700}.board-wrap{justify-content:center;width:100%;padding:.75rem 0 .25rem;display:flex}.board{touch-action:manipulation;background:0 0;border:none;border-radius:0;max-width:100%;height:auto}.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;color:var(--text);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{color:var(--text);margin:0;font-size:1.1rem}.leaderboard-list{flex-direction:column;gap:.35rem;margin:.65rem 0 0;padding:0;list-style:none;display:flex}.leaderboard-list li{border-bottom:1px solid var(--border);border-radius:.65rem;grid-template-columns:2rem 1fr auto;align-items:center;gap:.5rem;padding:.55rem .4rem;display:grid}.leaderboard-list li:last-child{border-bottom:none}.leaderboard-list li.you{background:var(--accent-soft)}.leaderboard-list .rank{font-variant-numeric:tabular-nums;color:var(--muted);text-align:center;font-weight:700}.leaderboard-list .player{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);align-items:center;gap:.4rem;display:flex;overflow:hidden}.leaderboard-list .you-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-size:.68rem;font-weight:700}.leaderboard-list .score-cell{font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;gap:.1rem;display:flex}.leaderboard-list .score-cell .meta{font-size:.75rem}.puzzle-group{margin-top:.85rem}.puzzle-group h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 .4rem;font-size:.75rem}.puzzle-group .puzzle-list{margin-top:.35rem}