*{box-sizing:border-box}:root{color-scheme:dark;--panel:rgba(30,41,59,.88);--panel2:rgba(15,23,42,.94);--line:rgba(226,232,240,.2);--text:#f8fafc;--muted:#a8b3c7;--gold:#f59e0b;--blue:#3b82f6}html,body{margin:0;min-height:100%}body{background:radial-gradient(circle at 15% 0%,rgba(59,130,246,.2),transparent 30%),radial-gradient(circle at 88% 8%,rgba(245,158,11,.16),transparent 26%),linear-gradient(145deg,#0f172a,#172033 58%,#0b1020);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.shell{width:min(900px,calc(100vw - 24px));margin:0 auto;padding:12px 0 18px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:18px 18px 10px 10px;background:linear-gradient(135deg,var(--panel),rgba(15,23,42,.88));backdrop-filter:blur(14px)}.topbar h1{margin:0;font-size:clamp(1.35rem,3vw,2.3rem)}.topbar p{margin:6px 0 0;color:var(--muted);font-size:.92rem;font-weight:750}.toolbar,.reward-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.toolbar label{color:var(--muted);font-weight:800}select{background:#1e293b;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:8px 10px}.reward-bar{border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,var(--panel),var(--panel2));padding:10px 12px}.reward-note{margin:0;color:var(--muted);font-size:.88rem;font-weight:700;flex:1 1 320px}.status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.chip{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:12px;padding:9px 11px;display:flex;align-items:center;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:#0f172a;padding:8px;box-shadow:0 24px 80px rgba(0,0,0,.32)}#game-stage{width:100%;aspect-ratio:5/3;min-height:330px;touch-action:none}#game-stage canvas{display:block;width:100%;height:100%}.message{text-align:center;font-size:.9rem;color:var(--muted);min-height:1.4em;margin:10px 0 0;font-weight:750}.message.win{color:#4ade80}.message.fail{color:#f87171}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,.toolbar button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}#rewardBtn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}@media(max-width:640px){.topbar{flex-direction:column;align-items:stretch}.status{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar button,#newBtn,#rewardBtn{flex:1 1 150px}}