:root{--bg:#0b2236;--card:#16395a;--ink:#eaf4ff;--ink-soft:#eaf4ff9e;--thin:#eaf4ff29;--shadow:#0006;--frame:#06182a;--go:#1fc0b4;--go-dark:#12857d;--sun:#ffc83a;--sun-dark:#c9901a;color-scheme:dark}@media (prefers-color-scheme:dark){:root{--bg:#0b2236;--card:#16395a;--ink:#eaf4ff;--ink-soft:#eaf4ff9e;--thin:#eaf4ff29;--shadow:#0006;--frame:#06182a}}html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}body,.screen{background:radial-gradient(120% 80% at 50% 0,#17466b,#0b2236 60%,#071827)}.home-card{gap:12px;padding-bottom:20px}.logo-tiles{background:#0e2a40;border-radius:16px;grid-template-columns:repeat(3,46px);gap:5px;padding:7px;display:grid;box-shadow:0 8px 20px #00000059,inset 0 0 0 2px #ffffff0f}.logo-tiles i,.logo-tiles b{color:#fff;text-shadow:0 2px #00000040;background:linear-gradient(color-mix(in srgb, var(--c), #fff 35%), var(--c) 55%, color-mix(in srgb, var(--c), #000 15%));width:46px;height:46px;box-shadow:0 4px 0 color-mix(in srgb, var(--c), #000 35%), inset 0 2px 0 #ffffff73;border-radius:10px;place-items:center;font:700 1.5rem Fredoka Variable,system-ui,sans-serif;display:grid}.logo-tiles b{box-shadow:none;background:#00000040}.logo-tiles i:nth-child(5){animation:2.6s ease-in-out infinite nudge}@keyframes nudge{40%,70%{transform:translate(51px)}}.wordmark{color:#fff;margin:4px 0 0;font-size:clamp(2.6rem,12vw,3.3rem);font-weight:700;line-height:1}.wordmark span{color:var(--sun)}.btn-play{background:linear-gradient(#45dccf, var(--go));color:#fff;width:100%;box-shadow:0 6px 0 var(--go-dark), inset 0 2px 0 #ffffff59;text-shadow:0 2px #0003;flex-direction:column;align-items:center;padding:14px;font-size:1.45rem;line-height:1.1;display:flex}.btn-play small{opacity:.92;font-size:.85rem;font-weight:500}.btn-play:active{box-shadow:0 2px 0 var(--go-dark)}.btn-ghost{box-shadow:0 0 0 2px var(--thin) inset;color:var(--ink)}.btn-alt{background:var(--sun);color:#3b2a00;box-shadow:0 5px 0 var(--sun-dark)}.section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:6px 0 -4px;font-size:.8rem;font-weight:600}.sizes{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.size-chip{color:var(--ink);background:linear-gradient(#1d4a72,#16395a);border:0;border-radius:14px;flex-direction:column;align-items:center;padding:8px 4px 6px;line-height:1.15;display:flex;box-shadow:0 4px #0a1e30,inset 0 1px #ffffff1f}.size-chip b{font-size:1.15rem}.size-chip small{color:var(--ink-soft);font-size:.72rem}.size-chip:active{transform:translateY(3px);box-shadow:0 1px #0a1e30}.hub{color:var(--ink-soft);letter-spacing:.06em;font-size:.85rem;text-decoration:none}#app{padding:calc(6px + env(safe-area-inset-top)) 12px calc(14px + env(safe-area-inset-bottom));--board:min(calc(100vw - 24px), 520px);gap:10px;min-height:100dvh}.hudbar{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.hudbar .icon-btn{background:var(--card);color:var(--ink);box-shadow:0 4px 0 var(--shadow)}.lvl{color:#fff;background:#0000004d;border-radius:999px;padding:6px 18px;font-size:1.1rem}.lvl #label{font-size:1.1rem;font-weight:600;display:inline}.size-pill{background:var(--card);box-shadow:0 3px 0 var(--shadow);border-radius:999px;justify-self:end;padding:5px 12px;font-weight:700}.stats{width:var(--board);grid-template-columns:repeat(3,1fr);gap:8px;margin:0 auto;display:grid}.stat{background:#ffffff12;border-radius:14px;flex-direction:column;align-items:center;padding:5px 0 6px;display:flex;box-shadow:inset 0 0 0 1px #ffffff14}.stat small{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-size:.7rem}.stat b{font-variant-numeric:tabular-nums;font-size:1.35rem}.board-wrap{border-radius:18px;width:fit-content;margin:4px auto 0;position:relative;box-shadow:0 14px 30px #00000073}#board{touch-action:none;-webkit-tap-highlight-color:transparent;border-radius:18px;display:block}#board.loading{opacity:.4}.toast{-webkit-text-stroke:6px var(--frame)}.tools{grid-template-columns:repeat(3,78px);justify-content:center;gap:22px;margin-top:8px}.tool{width:78px;height:74px;color:var(--ink);background:linear-gradient(#22547f,#173e61);border-radius:20px;justify-content:center;padding:8px 0 6px;font-size:.72rem;box-shadow:0 5px #0a1e30,inset 0 1px #ffffff24}.tool svg{width:30px;height:30px}.tool:active{box-shadow:0 1px #0a1e30}#hint{background:linear-gradient(#ffd866, var(--sun));color:#3b2a00;box-shadow:0 5px 0 var(--sun-dark), inset 0 1px 0 #ffffff80}#hint:active{box-shadow:0 1px 0 var(--sun-dark)}.badge{background:#ff5d5d;box-shadow:0 2px #b83434}dialog{background:var(--card);color:var(--ink);box-shadow:0 10px 0 var(--shadow), inset 0 0 0 2px #ffffff14}.rule-list li{background:#0003}.rule-list li>b:first-child{background:var(--go)}.stars svg{color:#fff}