html,body{margin:0;height:100%;background:#0a0d16;overflow:hidden;font-family:system-ui,sans-serif}#stage{position:relative;width:100%;height:100%}#stage canvas{display:block;margin:0 auto;touch-action:none}#hud{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;align-items:center}#hud .bar{align-self:stretch;margin:14px 14px 0;padding:14px;border-radius:13px;background:#080c1899;display:flex;align-items:center;justify-content:space-between;font:800 25px/1 system-ui;color:#ffd27a}#hud .bar .need{color:#7ee787}#hud .bar .need.ng{color:#ff9a9a}#hud .bar .stage{font:700 17px/1 system-ui;color:#9fb4d8}#hud .combo{margin-top:22px;padding:9px 20px;border-radius:12px;background:#080c188c;font:800 30px/1 system-ui;color:#7cf7ff;opacity:0;transition:opacity .15s}#hud .combo.on{opacity:1;animation:pop .22s ease-out}#hud .combo.hot{color:#ff9a3b}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.4)}to{transform:scale(1)}}#over{position:absolute;inset:0;display:none;place-content:center;text-align:center;background:#040812c7;color:#fff}#over.on{display:grid}#over h1{font:800 52px/1 system-ui;margin:0 0 18px}#over .why{font:800 27px/1 system-ui;margin:0 0 14px;color:#ff9a9a}#over .sc{font:800 22px/1 system-ui;margin:0 0 20px;color:#ffd27a}#over p{font:600 20px/1 system-ui;margin:0;opacity:.85}#tag{position:fixed;bottom:10px;left:50%;transform:translate(-50%);z-index:5;color:#ffd0a8;font-size:12px;background:#281208bf;padding:5px 10px;border-radius:999px;border:1px solid rgba(255,180,120,.35)}