: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:grid;grid-template-columns:auto auto 1fr;align-items:center;column-gap:1rem;row-gap:.6rem}.topbar h1{grid-row:1;grid-column:1;font-size:1.3rem;margin:0;letter-spacing:.02em}.topbar .modes{grid-row:1;grid-column:2}.topbar-account{grid-row:1;grid-column:3;justify-self:end;border-color:transparent;background:transparent;color:var(--muted);font-size:.85rem;padding:.3rem .6rem;max-width:9rem}.topbar-account:hover{border-color:var(--card-border);color:var(--fg)}.topbar-account-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-account-name:before{content:"● ";color:var(--good);font-size:.7em;vertical-align:middle}.topbar-meta{grid-row:2;grid-column:1 / -1;display:flex;align-items:center;gap:.7rem;color:var(--muted);font-size:.9rem}.controls{grid-row:2;grid-column:1 / -1;display:flex;gap:.5rem}@media(max-width:32rem){.topbar{grid-template-columns:auto 1fr}.topbar-account{grid-column:2}.topbar .modes{grid-row:2;grid-column:1 / -1;justify-content:center}.topbar-meta,.controls{grid-row:3}}.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-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.9rem;line-height:1.1;font-weight:600;padding:.4rem 0;color:color-mix(in srgb,var(--accent) 45%,var(--fg))}.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-nudge{margin:0;color:var(--muted);font-size:.85rem;text-align:center}.linklike{border:none;background:none;padding:0;color:var(--accent);font-size:inherit}.linklike:hover{text-decoration:underline}.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}.ranks-panel{display:flex;flex-direction:column;align-items:stretch;gap:.8rem;padding:.9rem;border-radius:.6rem;border:1px solid var(--card-border);background:var(--card)}.account{width:min(26rem,100%)}.account-row{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.account-row label{color:var(--muted);font-size:.85rem}.account-row input{font:inherit;color:var(--fg);background:var(--card);border:1px solid var(--card-border);border-radius:.4rem;padding:.25rem .5rem;width:10rem}.account-hint{flex:1;min-width:12rem;margin:0;color:var(--muted);font-size:.85rem;line-height:1.45}.account-status{flex:1;color:var(--good);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-signin{border:1px solid var(--card-border);border-radius:.5rem;padding:.4rem .8rem;background:var(--card);color:var(--fg);text-decoration:none;white-space:nowrap}.account-signin:hover{border-color:var(--accent)}.ranks-header{display:flex;align-items:center;justify-content:center;gap:.8rem}.ranks-date{min-width:11rem;text-align:center;font-weight:600;font-variant-numeric:tabular-nums}.ranks-you{display:flex;flex-wrap:wrap;justify-content:center;gap:1.1rem;color:var(--muted);font-size:.9rem}.ranks-you strong{color:var(--fg);font-variant-numeric:tabular-nums}.ranks-groups{display:flex;flex-direction:column;gap:.4rem;border-top:1px solid var(--card-border);padding-top:.7rem}.ranks-groups-label{color:var(--muted);font-size:.8rem}.help{color:var(--muted);font-size:.85rem;line-height:1.5;text-align:center}.tut-link{display:block;margin:.7rem auto 0;border:none;background:none;padding:.2rem .4rem;color:var(--accent);font-size:.9rem}.tut-link:hover{text-decoration:underline}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:flex-start;justify-content:center;padding:1.5rem 1rem;overflow-y:auto;background:color-mix(in srgb,#000 55%,transparent)}.modal{display:flex;flex-direction:column;gap:1rem;width:min(34rem,100%);padding:1.2rem;border-radius:.7rem;border:1px solid var(--card-border);background:var(--card)}.tut-head{display:flex;align-items:center;justify-content:space-between}.tut-head h2{margin:0;font-size:1.15rem}.tut-close{border:none;background:none;color:var(--muted);padding:.2rem .4rem}.tut-rule,.tut-lesson p{margin:0;line-height:1.55}.tut-lesson{display:flex;flex-direction:column;gap:.7rem;border-top:1px solid var(--card-border);padding-top:1rem}.tut-lesson h3{display:flex;align-items:baseline;gap:.6rem;margin:0;font-size:1rem}.tut-target{color:var(--muted);font-size:.8rem;font-weight:400;text-transform:uppercase;letter-spacing:.08em}.tut-table{display:grid;grid-template-columns:max-content 1fr;align-items:center;border:1px solid var(--card-border);border-radius:.5rem;overflow:hidden}.tut-table>*{padding:.5rem .7rem;border-top:1px solid var(--card-border)}.tut-table>*:nth-child(2n){border-left:1px solid var(--card-border)}.tut-col-head{border-top:none;background:color-mix(in srgb,var(--fg) 6%,var(--card));color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.09em}.tut-board{display:flex;gap:.4rem}.tut-tile{display:flex;align-items:center;justify-content:center;min-width:2.4rem;height:2.4rem;padding:0 .3rem;border-radius:.5rem;border:2px solid var(--card-border);font-weight:600;font-variant-numeric:tabular-nums}.tut-tile.first,.tut-tile.second{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--card))}.tut-tile.solved{border-color:var(--good);color:var(--good)}.tut-move code{font-size:1rem}.tut-solved{color:var(--good);font-weight:600}.tut-tips{display:flex;flex-direction:column;gap:.5rem;margin:0;padding-left:1.1rem;line-height:1.5}.tut-actions{display:flex;justify-content:flex-end}.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}