*,::after,::before{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;overflow:hidden;background:#0b0f14}canvas{display:block;width:100vw;height:100vh;touch-action:none;transform:translate3d(0,0,0);position:absolute;top:0;left:0;z-index:0}#hud{position:fixed;inset:0;pointer-events:none;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#e8eef6;z-index:10}#score{position:absolute;top:12px;left:12px;padding:8px 10px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12);border-radius:12px;font-weight:700}#pauseBtn{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.35);color:#e8eef6;font-size:18px;cursor:pointer;pointer-events:auto;display:none}#centerOverlay,#startOverlay{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-y:auto;padding:20px 10px;-webkit-overflow-scrolling:touch}@media (max-height:550px){#centerOverlay,#startOverlay{justify-content:flex-start;align-items:center;padding-top:10px}.panel{margin-bottom:20px}}.panel{pointer-events:auto;width:min(420px,94vw);padding:18px;background:rgba(15,20,28,.96);border:1px solid rgba(255,255,255,.16);border-radius:16px;box-shadow:0 12px 30px rgba(0,0,0,.5);backdrop-filter:blur(8px);text-align:left;display:flex;flex-direction:column;max-height:none}@media (min-height:551px){.panel{max-height:95vh}}.panel h1{margin:0 0 8px;font-size:24px;flex-shrink:0}.panel p{margin:0 0 10px;font-weight:600;opacity:.9;flex-shrink:0}#panelGameOver,#panelPause{display:none}.fieldRow{display:block;margin:12px 0;flex-shrink:0}label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}input[type=text]{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#e8eef6;font-size:16px}#playAgain,#resumeBtn,#startBtn{width:100%;border:0;border-radius:12px;padding:12px;font-weight:800;font-size:16px;cursor:pointer;margin-top:14px;flex-shrink:0}#resumeBtn,#startBtn{background:#60a5fa;color:#07121a}#playAgain{background:#22c55e;color:#07110a}.audioBox{margin:12px 0;padding:12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);flex-shrink:0}.audioTitle{font-weight:900;margin-bottom:8px}.audioRow{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.audioRow.toggle{flex-direction:row;align-items:center;gap:10px;cursor:pointer}.audioRow input[type=range],.audioRow select{width:100%}.audioRow input[type=checkbox]{width:20px;height:20px}.tableWrap{margin-top:14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.2);overflow-y:auto;flex-shrink:1;min-height:60px;max-height:300px;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:14px}thead th{padding:10px;font-weight:900;background:#171c24;position:sticky;top:0;z-index:2;border-bottom:1px solid rgba(255,255,255,.15)}tbody td{padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.08)}tbody tr:last-child td{border-bottom:0}.muted{opacity:.7;font-weight:700}.finePrint{margin-top:12px;font-size:11px;opacity:.6;flex-shrink:0}#hint{position:absolute;bottom:12px;left:12px;right:12px;padding:10px;background:rgba(0,0,0,.25);border-radius:12px;font-size:13px;opacity:.9;transition:opacity .4s}#hint.hidden{opacity:0}