:root{--bg: #121630;--panel: #1d2448;--panel-2: #283160;--line: #3a4580;--text: #eef1ff;--muted: #a6b0dc;--accent: #ffcf4a;--accent-ink: #2b2100;--danger: #ff5d6c;--ok: #57d98a}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:15px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}#app{height:100dvh;display:flex}.screen{flex:1;min-width:0;display:flex;flex-direction:column}.ic{width:20px;height:20px;flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);color:var(--text);font:inherit;font-weight:600;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}.btn:hover:not(:disabled){background:#33407a}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.38;cursor:default}.btn:focus-visible,.cell:focus-visible,.tray-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.sq{width:40px;padding:0}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover:not(:disabled){background:#ffdb73}.btn.primary.stopping{background:var(--danger);border-color:var(--danger);color:#fff}.btn.danger{border-color:var(--danger);color:#ffd3d8}.btn.big{min-height:52px;font-size:17px;width:100%}.bar{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--panel);border-bottom:1px solid var(--line)}.goal{flex:1;min-width:0;display:flex;flex-direction:column}.goal b{font-size:13px;color:var(--muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.goal>span{font-weight:600}.stats{display:flex;flex-direction:column;align-items:flex-end;font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px;white-space:nowrap}.dots{display:inline-flex;gap:4px;margin-right:8px;vertical-align:middle}.dots i{width:10px;height:10px;border-radius:50%;border:2px solid var(--muted)}.dots i.on{background:var(--ok);border-color:var(--ok)}.stage-wrap{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;background:#0d1024;overflow:hidden}.stage{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;touch-action:none;cursor:grab}.toast{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:min(92%,640px);padding:9px 14px;border-radius:10px;background:#28141ef0;border:1px solid var(--danger);font-size:14px;font-weight:600;pointer-events:none;text-align:center}.strip{min-height:36px;padding:7px 12px;background:var(--panel);border-top:1px solid var(--line);color:var(--muted);font-size:13.5px;text-align:center}.strip b{color:var(--text)}.strip.coach{background:#3a3414;color:#ffeeb8;border-top-color:var(--accent)}.strip.coach b{color:var(--accent)}.tools{display:flex;justify-content:space-between;gap:8px;padding:4px 12px 8px;background:var(--panel);flex-wrap:wrap}.group{display:flex;align-items:center;gap:6px}.sep{width:1px;height:24px;background:var(--line);margin:0 2px}.tray{display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px 12px;background:var(--panel);min-height:86px;align-content:flex-start}.tray.locked{opacity:.5}.tray-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;width:92px;padding:6px 4px 4px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2);color:var(--text);font:inherit;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.tray-item canvas{pointer-events:none}.tray-item .name{font-size:11px;line-height:1.15;text-align:center;color:var(--muted);min-height:26px;display:flex;align-items:center}.tray-item .count{position:absolute;top:4px;right:6px;font-size:12px;font-weight:700;color:var(--accent)}.tray-item.empty{opacity:.35;cursor:default}.home{align-items:center;justify-content:center;gap:28px;padding:24px 16px;text-align:center;overflow:auto;background:radial-gradient(circle at 50% 20%,#2a3470 0%,var(--bg) 62%)}.logo h1{margin:0;font-size:clamp(44px,11vw,84px);letter-spacing:-.03em;line-height:1;color:var(--accent)}.logo p{margin:10px auto 0;max-width:30ch;color:var(--muted);font-size:17px}.cogs{display:flex;justify-content:center;color:var(--line)}.cogs .ic{width:54px;height:54px;animation:spin 14s linear infinite}.cogs .ic:last-child{width:36px;height:36px;margin:20px 0 0 -6px;animation-direction:reverse;animation-duration:9s}@keyframes spin{to{transform:rotate(360deg)}}.menu{display:flex;flex-direction:column;gap:10px;width:min(100%,300px)}.total{margin:0;color:var(--muted);font-size:13px}.grid{flex:1;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;padding:12px;align-content:start}.cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:84px;padding:6px 4px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit}.cell b{font-size:20px;line-height:1}.cell small{font-size:10.5px;color:var(--muted);text-align:center;line-height:1.15}.cell.open{cursor:pointer;background:var(--panel-2);border-color:var(--accent)}.cell.open:hover{background:#33407a}.cell.done{border-color:var(--ok)}.cell.soon{opacity:.4;border-style:dashed}.cell.locked{opacity:.75;color:var(--muted)}.stars{display:inline-flex;gap:1px;font-size:14px}.stars i{font-style:normal;color:#4a5488}.stars i.on{color:var(--accent)}dialog{width:min(92vw,420px);padding:20px;border-radius:16px;border:1px solid var(--line);background:var(--panel);color:var(--text)}dialog::backdrop{background:#080a18b3}dialog h2{margin:0 0 10px;font-size:22px;text-align:center}.big-stars{text-align:center}.big-stars .stars{font-size:46px;gap:6px}.big-stars .stars i.on{animation:pop .45s backwards}.big-stars .stars i.on:nth-child(2){animation-delay:.26s}.big-stars .stars i.on:nth-child(3){animation-delay:.52s}@keyframes pop{0%{transform:scale(0) rotate(-40deg);opacity:0}70%{transform:scale(1.25)}}.score{width:100%;border-collapse:collapse;margin:8px 0;font-variant-numeric:tabular-nums}.score td{padding:4px 0;color:var(--muted)}.score td:last-child{text-align:right;color:var(--text);font-weight:600}.score .sum td{border-top:1px solid var(--line);padding-top:8px;font-size:18px;color:var(--accent);font-weight:700}.record{text-align:center;color:var(--ok);font-weight:700;margin:4px 0}.note{color:var(--muted);font-size:13.5px;margin:8px 0}.help{margin:0;padding-left:20px;display:grid;gap:6px}.row{display:flex;gap:8px;justify-content:center;margin-top:14px;flex-wrap:wrap}.row.left{justify-content:stretch;margin-top:8px}.row.left .btn{flex:1}@media(max-width:640px){.lbl{display:none}.bar{padding:6px 8px;gap:8px}.goal>span{font-size:13.5px}.tools{padding:6px 8px;gap:6px}.group{gap:4px}.btn{padding:0 10px}.tray{padding:6px 8px 10px;gap:6px}.tray-item{width:78px}}@media(orientation:landscape)and (max-height:520px){.game{display:grid;grid-template-columns:1fr 236px;grid-template-rows:auto auto 1fr auto}.game .bar{grid-column:1 / -1;padding:4px 8px}.game .stage-wrap{grid-column:1;grid-row:2 / 4}.game .strip{grid-column:1;grid-row:4;min-height:0;padding:3px 8px;font-size:12px}.game .tools{grid-column:2;grid-row:2;border-left:1px solid var(--line);padding:6px;gap:4px}.game .btn{min-height:34px;padding:0 8px}.game .btn.sq{width:32px}.game .tray{grid-column:2;grid-row:3 / 5;border-left:1px solid var(--line);overflow:auto;padding:6px;gap:6px}.game .tray-item{width:64px;padding:4px 2px;touch-action:pan-y}.game .tray-item .name,.lbl,.sep{display:none}.group{flex-wrap:wrap}.stats{flex-direction:row;gap:10px}}@media(prefers-reduced-motion:reduce){.cogs .ic,.big-stars .stars i.on{animation:none}}