*{box-sizing:border-box}:root{color-scheme:dark;--panel:rgba(23,36,72,.88);--panel2:rgba(23,47,86,.94);--line:rgba(226,232,240,.2);--text:#f8fafc;--muted:#b8c4d8;--sky:#38bdf8;--rose:#fb7185}html,body{margin:0;min-height:100%}body{background:radial-gradient(circle at 12% 10%,rgba(56,189,248,.2),transparent 30%),radial-gradient(circle at 86% 14%,rgba(99,102,241,.25),transparent 34%),linear-gradient(180deg,#111b3a,#0b1023);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.shell{width:min(980px,calc(100vw - 24px));margin:0 auto;padding:12px 0 18px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:18px 18px 10px 10px;background:linear-gradient(135deg,var(--panel),rgba(11,16,35,.88));backdrop-filter:blur(14px)}.topbar h1{margin:0;font-size:clamp(1.4rem,3vw,2.35rem)}.topbar p{margin:6px 0 0;color:var(--muted);font-size:.92rem;font-weight:750}.toolbar{margin-top:10px;display:grid;grid-template-columns:auto 150px repeat(3,auto);gap:8px;align-items:center}.toolbar label{color:var(--muted);font-weight:800}.toolbar select,.toolbar button{border:1px solid var(--line);border-radius:12px;background:#11203d;color:var(--text);padding:9px 11px;font-weight:750}.reward-bar{margin-top:10px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.reward-note{margin:0;color:var(--muted);font-weight:700}.status{margin-top:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.chip{border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,var(--panel),var(--panel2));padding:9px 11px;display:flex;justify-content:space-between;gap:8px}.chip span{color:var(--muted);font-weight:800}.board-wrap{margin-top:12px;border:1px solid var(--line);border-radius:16px;background:#0c1a32;padding:10px;box-shadow:0 24px 80px rgba(0,0,0,.32)}#game-stage{width:min(620px,100%);aspect-ratio:1/1;margin:0 auto;touch-action:none}#game-stage canvas{display:block;width:100%;height:100%}.number-pad{margin:12px auto 0;width:min(620px,100%);display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px}.message{margin:10px 0 0;text-align:center;color:var(--muted);min-height:1.2em;font-weight:750}.message.good{color:#4ade80}.message.bad{color:var(--rose)}button{border:0;border-radius:12px;padding:10px 14px;cursor:pointer;font:inherit;font-weight:850;transition:transform 140ms ease,opacity 140ms ease}button:active{transform:translateY(1px) scale(.99)}button:disabled{opacity:.48;cursor:not-allowed}#newBtn{background:linear-gradient(135deg,#06b6d4,#0284c7);color:#fff}#rewardBtn{background:linear-gradient(135deg,#38bdf8,#6366f1);color:#fff}.num-btn{border:1px solid var(--line);background:linear-gradient(180deg,#122b4f,#0f2442);color:#e2e8f0;font-size:1.05rem}.num-btn.done{opacity:.35}@media(max-width:760px){.topbar{flex-direction:column;align-items:stretch}.toolbar{grid-template-columns:1fr 1fr}.status{grid-template-columns:repeat(2,minmax(0,1fr))}.number-pad{grid-template-columns:repeat(3,minmax(0,1fr))}#newBtn{width:100%}}