:root{color-scheme:dark;--bg: #141826;--panel: #1e2436;--text: #f6f3ee;--muted: #b7b3c7;--accent: #ffb020;--ink: #2a1d05;--line: rgba(255, 255, 255, .1);font-family:PingFang SC,Noto Sans SC,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:radial-gradient(900px 420px at 8% -10%,rgba(176,107,255,.28),transparent 55%),radial-gradient(700px 380px at 100% 0%,rgba(61,155,255,.2),transparent 50%),var(--bg);color:var(--text)}body{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button,p,h1,h2{-webkit-user-select:text;user-select:text}#app{width:min(1120px,100%);height:100dvh;margin:0 auto;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.topbar{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px 18px 6px}.topbar h1{margin:0;font-size:1.45rem;letter-spacing:.04em}.tag{margin:0;color:var(--muted);font-size:.92rem}.stage{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;padding:8px 12px 12px}#hud{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-content:start}.stat,.goal{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:8px 10px}.stat span,.goal span{display:block;color:var(--muted);font-size:12px}.stat strong,.goal strong{display:block;margin-top:2px;font-size:1.25rem}.stat small,.goal em{display:block;margin-top:2px;color:var(--muted);font-style:normal;font-size:12px}.stat.danger strong{color:#ff5d73}.wide{grid-column:1 / -1}.hint{margin:0;color:var(--muted);font-size:.85rem}.board-wrap{flex:1;min-height:0;min-width:0;display:grid;place-items:center}canvas{touch-action:none;border-radius:20px;background:#080a128c;box-shadow:0 18px 50px #00000059}button{font:inherit;border:0;border-radius:999px;padding:.72rem 1.1rem;cursor:pointer}button.primary{background:var(--accent);color:var(--ink);font-weight:700}button.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}button:disabled{opacity:.38;cursor:not-allowed}button:focus-visible{outline:2px solid #fff;outline-offset:2px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;padding:20px;background:#080a129e}.modal.hidden{display:none}.dialog{width:min(440px,100%);max-height:min(680px,100%);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 24px 70px #0006}.dialog h2{margin:0 0 8px}.dialog p{margin:0 0 16px;color:var(--muted);line-height:1.5}.levels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:16px}button.level{border-radius:12px;background:#2a3148;color:var(--text);padding:.7rem 0;font-weight:700}button.level.active{background:var(--accent);color:var(--ink)}.actions{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:700px){.tag{display:none}.topbar{padding-bottom:0}.hint{display:none}}@media(min-width:960px){.stage{display:grid;grid-template-columns:280px minmax(0,1fr);align-items:stretch;gap:18px;padding:12px 20px 20px}#hud{grid-template-columns:1fr}.hint{display:block}}