html,body{color:#9ab;background:#000;height:100%;margin:0;font:12px system-ui,sans-serif;overflow:hidden}#stage{position:fixed;inset:0}#legal{text-align:center;opacity:.6;pointer-events:none;width:100%;margin:0;position:fixed;bottom:4px}#stage canvas{touch-action:none;display:block}.hud{pointer-events:none;-webkit-user-select:none;user-select:none;width:min(480px,100% - 32px);position:fixed;top:12px;left:50%;transform:translate(-50%)}.bars{gap:4px;display:grid}.bar{background:#11161c;border:1px solid #2a3540;height:14px;position:relative}.bar.xp{height:6px}.bar .fill{width:0;height:100%}.bar.hp .fill{background:linear-gradient(#3c9a4a,#22662e)}.bar.xp .fill{background:#4fd6e8}.bar .label{text-align:center;color:#e8f0e8;text-shadow:0 1px 1px #000;font-size:11px;line-height:14px;position:absolute;inset:0}.stats{color:#c8d4dc;text-shadow:0 1px 1px #000;gap:16px;margin-top:4px;font-size:13px;display:flex}.stats .time{font-variant-numeric:tabular-nums;margin-left:auto}.overlay{background:#0000008c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.overlay[hidden]{display:none}.panel{box-sizing:border-box;text-align:center;background:#0d1218;border:1px solid #34506a;width:min(360px,100%);padding:16px;box-shadow:0 4px 24px #000}.panel h2{color:#e6eef4;margin:0 0 4px;font-size:18px}.panel p{color:#9ab;margin:0 0 12px}.panel button{width:100%;font:inherit;color:#dfe8ee;cursor:pointer;text-align:left;background:#16212c;border:1px solid #34506a;margin-top:8px;padding:10px 12px;display:block}.panel button:hover,.panel button:focus-visible{background:#1f3142;border-color:#5f8fb5;outline:none}.panel button.action{text-align:center}.panel button.choice{grid-template-columns:auto 1fr auto;align-items:baseline;column-gap:10px;display:grid}.choice .key{font-variant-numeric:tabular-nums;color:#4fd6e8;grid-row:span 2;min-width:1ch;font-weight:700}.choice .name{font-size:14px;font-weight:700}.choice .rank{color:#8aa}.choice .text{color:#9ab;grid-column:2/4}