:root{--bg: #f7f6f3;--fg: #1a1a1e;--muted: #6b6b74;--card: #ffffff;--card-border: #d9d7d0;--accent: #2f6fed;--accent-fg: #ffffff;--good: #1a7f4b;--bad: #b23a3a;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #17171b;--fg: #ececf0;--muted: #9a9aa4;--card: #222228;--card-border: #3a3a42;--accent: #5b8def;--accent-fg: #101018;--good: #43b97f;--bad: #e07070}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,sans-serif}.app{max-width:34rem;margin:0 auto;padding:1rem 1rem 3rem;display:flex;flex-direction:column;gap:1.25rem}.topbar{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap}.topbar h1{font-size:1.3rem;margin:0;letter-spacing:.02em}.controls{display:flex;gap:.5rem}.modes{display:flex;gap:.25rem;background:var(--card);border:1px solid var(--card-border);border-radius:.6rem;padding:.2rem}.modes button{border:none;background:transparent;padding:.3rem .9rem}.modes button.active{background:var(--accent);color:var(--accent-fg);border-radius:.45rem}.daily-info{display:flex;align-items:center;gap:.7rem;color:var(--muted);font-size:.9rem}.daily-done{color:var(--good);font-weight:600}button,select{font:inherit;color:var(--fg);background:var(--card);border:1px solid var(--card-border);border-radius:.5rem;padding:.4rem .8rem;cursor:pointer}button:disabled{opacity:.45;cursor:default}.game{display:flex;flex-direction:column;gap:1.25rem}.target{display:flex;align-items:baseline;gap:.6rem;justify-content:center}.target-label{color:var(--muted);text-transform:uppercase;font-size:.75rem;letter-spacing:.1em}.target-value{font-size:2.4rem;font-weight:700;font-variant-numeric:tabular-nums}.board{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.tile{width:calc((100% - (var(--n) - 1) * .75rem) / var(--n));aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;font-size:calc((6.4rem / var(--n) + .3rem * var(--growth)) * var(--shrink, 1));font-weight:600;font-variant-numeric:tabular-nums;border-width:2px;transition:transform 80ms ease,border-color 80ms ease;animation:tile-in .16s ease-out}.tile.long{--shrink: .6}@keyframes tile-in{0%{transform:scale(.7);opacity:.3}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.tile{animation:none;transition:none}}.tile:hover{transform:translateY(-2px)}.tile.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--card))}.tile.merged .tile-value:after{content:"•";color:var(--accent);font-size:.7rem;vertical-align:super;margin-left:.15rem}.tile-preview{font-size:.8rem;font-weight:400;color:var(--muted)}.ops{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.op{font-size:1.4rem;padding:.5rem 0}.op.pending{border-color:var(--accent);background:var(--accent);color:var(--accent-fg)}.actions{display:flex;gap:.75rem;justify-content:center}.workings{display:flex;flex-direction:column;align-items:center;gap:.25rem;color:var(--muted);font-size:.9rem}.banner{display:flex;align-items:center;justify-content:center;gap:.8rem;flex-wrap:wrap;padding:.9rem;border-radius:.6rem;border:1px solid var(--card-border);background:var(--card)}.banner.solved strong{color:var(--good)}.banner.stuck strong{color:var(--bad)}.banner code{font-size:1rem}.daily-panel{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:.9rem;border-radius:.6rem;border:1px solid var(--card-border);background:var(--card)}.daily-stats{display:flex;gap:1.4rem;color:var(--muted)}.daily-stats strong{color:var(--fg);font-variant-numeric:tabular-nums}.daily-next{display:flex;align-items:center;gap:.9rem;color:var(--muted);font-size:.9rem}.daily-next strong{color:var(--fg);font-variant-numeric:tabular-nums}.daily-name{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.85rem}.daily-name input{font:inherit;color:var(--fg);background:var(--card);border:1px solid var(--card-border);border-radius:.4rem;padding:.2rem .5rem;width:8rem}.daily-leaderboard{display:flex;flex-direction:column;gap:.2rem;width:100%;margin:0;padding:0;list-style:none;font-size:.85rem}.daily-leaderboard li{display:flex;gap:.6rem;padding:.15rem .3rem}.daily-leaderboard .rank{color:var(--muted);width:2.2rem;font-variant-numeric:tabular-nums}.daily-leaderboard .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daily-leaderboard .time{font-variant-numeric:tabular-nums}.daily-leaderboard-you{border-top:1px solid var(--card-border);margin-top:.2rem;padding-top:.35rem;font-weight:600}.help{color:var(--muted);font-size:.85rem;line-height:1.5;text-align:center}.groups-panel{display:flex;flex-direction:column;gap:.9rem;padding:.9rem;border-radius:.6rem;border:1px solid var(--card-border);background:var(--card)}.groups-empty{color:var(--muted);margin:0}.groups-error{color:var(--bad);margin:0}.groups-actions{display:flex;gap:.75rem;justify-content:center}.groups-field{display:flex;flex-direction:column;gap:.3rem}.groups-field label{color:var(--muted);font-size:.8rem}.groups-field input,.groups-field select{font:inherit;color:var(--fg);background:var(--card);border:1px solid var(--card-border);border-radius:.4rem;padding:.35rem .6rem}.join-code-input{text-transform:uppercase;letter-spacing:.15em;font-variant-numeric:tabular-nums}.groups-list{display:flex;flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none}.group-row{display:flex;align-items:center;gap:.7rem;width:100%;text-align:left}.group-row-code{font-variant-numeric:tabular-nums;letter-spacing:.08em;font-weight:600}.group-row-name{flex:1;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-row-progress{color:var(--muted);font-variant-numeric:tabular-nums}.groups-back{align-self:flex-start}.group-header{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.group-header-name{flex:1;font-weight:600}.group-code{color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.1em}.group-series{display:flex;flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none}.series-row{display:flex;align-items:center;gap:.7rem;width:100%;text-align:left}.series-index{color:var(--muted);width:2.2rem;font-variant-numeric:tabular-nums}.series-tier{flex:1}.series-done{color:var(--good);font-weight:600;font-variant-numeric:tabular-nums}.series-unavailable{color:var(--muted);font-style:italic}.series-play{color:var(--accent)}.group-leaderboard{display:flex;flex-direction:column;gap:.2rem;margin:0;padding:0;list-style:none;font-size:.85rem;border-top:1px solid var(--card-border);padding-top:.5rem}.group-leaderboard li{display:flex;gap:.6rem;padding:.15rem .3rem}.group-leaderboard .rank{color:var(--muted);width:2.2rem;font-variant-numeric:tabular-nums}.group-leaderboard .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-leaderboard .solved{color:var(--muted);font-variant-numeric:tabular-nums}.group-leaderboard .time{font-variant-numeric:tabular-nums}