*{box-sizing:border-box}:root{color-scheme:light;--bg:#f2e9f6;--ink:#312238;--muted:#715f79;--panel:rgba(255,255,255,.9);--line:rgba(88,56,104,.18);--yellow:#f2d05e;--red:#e8645a;--green:#5ec47a;--blue:#52b8d9;--pink:#f07baf;--purple:#a96fe0}html,body{margin:0;min-height:100%}body{background:radial-gradient(circle at 12% 10%,rgba(82,184,217,.24),transparent 24%),radial-gradient(circle at 86% 12%,rgba(242,208,94,.25),transparent 22%),linear-gradient(145deg,#f7eff8,#e5f3ec 48%,#ffe8df);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.wrap{width:min(900px,calc(100vw - 24px));margin:0 auto;padding:12px 0 18px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:16px 16px 10px 10px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,248,231,.9));box-shadow:0 16px 44px rgba(88,56,104,.16)}.topbar h1{margin:0;font-size:clamp(1.45rem,3vw,2.35rem);line-height:1;color:#2b2330}.topbar p{margin:7px 0 0;color:var(--muted);font-size:.94rem;font-weight:760}.hud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.stat{display:flex;justify-content:space-between;align-items:center;gap:8px;min-width:0;border:1px solid var(--line);border-radius:12px;padding:9px 11px;background:linear-gradient(180deg,var(--panel),rgba(255,255,255,.72))}.stat span{color:var(--muted);font-weight:850}.stat strong{font-variant-numeric:tabular-nums;white-space:nowrap}.stage-shell{overflow:hidden;margin-top:10px;border:1px solid rgba(88,56,104,.2);border-radius:16px;background:#fff8fb;box-shadow:0 24px 68px rgba(88,56,104,.18)}#game-stage{width:100%;aspect-ratio:720/920;min-height:520px;max-height:calc(100vh - 244px)}#game-stage canvas{display:block;width:100%;height:100%}.controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}.controls p{margin:0;color:#4c3e52;font-weight:800;min-height:24px}.control-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}button{border:0;border-radius:11px;padding:11px 14px;min-height:44px;cursor:pointer;font:inherit;font-weight:900;color:#24192a;background:#fff;box-shadow:inset 0 0 0 1px var(--line);transition:transform 140ms ease,filter 140ms ease,opacity 140ms ease}button:active{transform:translateY(1px) scale(.99)}button:disabled{cursor:not-allowed;opacity:.48}#restartBtn{background:linear-gradient(135deg,var(--yellow),#f0944d);box-shadow:none}#takeBtn{background:linear-gradient(135deg,var(--blue),#bdeaf5);box-shadow:none}#autoBtn{background:linear-gradient(135deg,var(--green),#d9f6af);box-shadow:none}#rewardBtn{background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;box-shadow:none}#rewardMeta{font-weight:850;opacity:.86}@media(max-width:760px){.topbar{align-items:flex-start}.topbar button{flex:0 0 auto}.hud{grid-template-columns:repeat(2,minmax(0,1fr))}.controls{display:grid}.control-actions{display:grid;grid-template-columns:1fr 1fr}.control-actions button{width:100%}#rewardBtn{grid-column:1/-1}.wrap{width:min(100vw - 16px,720px)}}@media(max-width:460px){.topbar{display:grid}.topbar button{width:100%}.hud{grid-template-columns:1fr 1fr}#game-stage{min-height:430px;max-height:none}.control-actions{grid-template-columns:1fr}}