*{box-sizing:border-box}:root{color-scheme:dark;--bg:#121512;--panel:rgba(29,38,32,.9);--panel2:rgba(45,54,43,.96);--line:rgba(231,220,190,.2);--text:#fff7e8;--muted:#c9c0a9;--gold:#f4c95d;--green:#65d08b;--red:#ff6b6b;--blue:#70c7ff}html,body{margin:0;min-height:100%}body{background:radial-gradient(circle at 16% 8%,rgba(101,208,139,.2),transparent 25%),radial-gradient(circle at 88% 10%,rgba(244,201,93,.18),transparent 24%),linear-gradient(145deg,#111612,#273222 52%,#171714);color:var(--text);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}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:16px 16px 10px 10px;background:linear-gradient(135deg,var(--panel),rgba(19,24,20,.92));box-shadow:0 18px 58px rgba(0,0,0,.26)}.top h1{margin:0;font-size:clamp(1.45rem,3vw,2.35rem);line-height:1}.top p{margin:7px 0 0;color:var(--muted);font-size:.94rem;font-weight:760}.levels,.hud,.tools{display:grid;gap:8px;margin-top:10px}.levels{grid-template-columns:repeat(3,minmax(0,1fr))}.hud{grid-template-columns:repeat(4,minmax(0,1fr))}.tools{grid-template-columns:auto auto minmax(0,1fr);align-items:center}.chip{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),var(--panel2))}.chip span{color:var(--muted);font-weight:850}.chip strong{font-variant-numeric:tabular-nums;white-space:nowrap}button{border:0;border-radius:11px;padding:11px 14px;min-height:44px;cursor:pointer;font:inherit;font-weight:900;color:#172014;background:#e9ddbd;transition:transform 140ms ease,filter 140ms ease,opacity 140ms ease}button:active{transform:translateY(1px) scale(.99)}button:disabled{cursor:not-allowed;opacity:.5}.level-btn{background:linear-gradient(135deg,#35402e,#222820);color:#e9ddbd;border:1px solid var(--line)}.level-btn.active{background:linear-gradient(135deg,#65d08b,#f4c95d);color:#182014;border-color:transparent}#restartBtn{background:linear-gradient(135deg,#f4c95d,#ff8b66);color:#241307}#flagModeBtn{background:linear-gradient(135deg,#70c7ff,#65d08b);color:#0d1d18}#flagModeBtn.active{background:linear-gradient(135deg,#ff6b6b,#f4c95d);color:#21110c}#rewardBtn{background:linear-gradient(135deg,#f4c95d,#c792ea);color:#201426}.reward-note{margin:0;color:#f5e9c9;font-weight:770;min-height:22px}.stage-shell{overflow:hidden;margin-top:10px;border:1px solid var(--line);border-radius:16px;background:#151a15;box-shadow:0 24px 80px rgba(0,0,0,.34)}#game-stage{width:100%;aspect-ratio:1/1;min-height:320px;max-height:calc(100vh - 282px)}#game-stage canvas{display:block;width:100%;height:100%}.status{margin:10px 2px 0;color:#f7edcf;font-weight:790;min-height:24px}@media(max-width:720px){.top{align-items:flex-start}.top button{flex:0 0 auto}.hud{grid-template-columns:repeat(2,minmax(0,1fr))}.tools{grid-template-columns:1fr 1fr}.reward-note{grid-column:1/-1}.wrap{width:min(100vw - 16px,720px)}}@media(max-width:460px){.levels,.hud,.tools{grid-template-columns:1fr}.top{display:grid}.top button{width:100%}#game-stage{min-height:300px;max-height:none}}