:root{--panel:#141622b8;--panel-border:#ffffff1f;--text:#e8ecf5;--muted:#9aa3b8;--accent:#66d16f;--accent-2:#37d2c4;font-family:system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--text);background:#1a1d2b;margin:0;overflow:hidden}#game-canvas{touch-action:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}#hud,#controls{z-index:10;background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none;border-radius:12px;padding:14px 16px;position:fixed}#hud{min-width:160px;top:16px;left:16px}.hud-row{font-variant-numeric:tabular-nums;justify-content:space-between;gap:18px;padding:3px 0;display:flex}.hud-label{color:var(--muted)}#controls{flex-direction:column;gap:12px;display:flex;top:16px;right:16px}#controls.hidden{display:none}.ctrl-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ctrl-title{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;width:48px;font-size:12px}button{font:inherit;color:var(--text);border:1px solid var(--panel-border);cursor:pointer;background:#ffffff14;border-radius:8px;padding:6px 12px;font-size:14px;transition:background .15s,transform 50ms}button:hover{background:#ffffff29}button:active{transform:translateY(1px)}button.active{background:var(--accent);color:#0c1a0e;border-color:#0000}button:disabled{cursor:default;opacity:.45}button.hidden{display:none}#hint{z-index:10;color:var(--text);background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;border-radius:28px;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;max-width:min(760px,100vw - 32px);padding:12px 22px;font-size:14px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #00000040}#hint strong{color:var(--accent)}#hint.hidden{display:none}#main-menu{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0b12ad;place-items:center;display:grid;position:fixed;inset:0}#main-menu.hidden{display:none}.menu-panel{background:var(--panel);border:1px solid var(--panel-border);text-align:center;border-radius:12px;width:min(420px,100vw - 32px);padding:32px;box-shadow:0 20px 60px #00000073}.menu-panel h1{margin:0;font-size:42px;line-height:1.05}.menu-panel p{color:var(--muted);margin:10px 0 24px}.menu-actions,.level-select{gap:10px;display:grid}.menu-actions{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}#btn-start{background:var(--accent);color:#0c1a0e;border-color:#0000}.level-select{grid-template-columns:1fr;margin-top:14px}.level-select.hidden{display:none}#overlay{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0b128c;place-items:center;display:grid;position:fixed;inset:0}#overlay.hidden{display:none}.overlay-card{background:var(--panel);border:1px solid var(--panel-border);text-align:center;border-radius:16px;padding:32px 40px;box-shadow:0 20px 60px #00000073}.overlay-card h1{margin:0 0 8px;font-size:32px}.overlay-card p{color:var(--muted);margin:0 0 20px}#overlay-btn{background:var(--accent);color:#0c1a0e;border:none;padding:10px 22px;font-size:16px}