:root{--hf-bg: #0d1014;--hf-panel: rgba(14, 20, 26, .94);--hf-line: #2a3742;--hf-text: #d8e6f0;--hf-dim: #7d8f9d;--hf-accent: #53e8ff}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;height:100dvh;overflow:hidden;background:var(--hf-bg);color:var(--hf-text);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#game{width:100%;height:100%;height:100dvh}#game canvas{display:block;touch-action:none}#hf-settings{position:fixed;top:0;right:0;z-index:50;width:min(360px,92vw);max-height:100vh;overflow-y:auto;padding:calc(12px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) 14px;background:var(--hf-panel);border-left:1px solid var(--hf-line);backdrop-filter:blur(6px);font-size:12px;line-height:1.5;touch-action:pan-y}#hf-settings[hidden]{display:none}#hf-settings h2{margin:0 0 8px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--hf-accent)}#hf-settings h3{margin:16px 0 6px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--hf-dim);border-bottom:1px solid var(--hf-line);padding-bottom:4px}.hf-row{display:grid;grid-template-columns:1fr 52px;align-items:center;gap:8px;margin:7px 0}.hf-row label{color:var(--hf-text);font-size:11px}.hf-row output{text-align:right;color:var(--hf-accent);font-variant-numeric:tabular-nums}.hf-row input[type=range]{grid-column:1 / -1;width:100%;height:22px;margin:0;accent-color:var(--hf-accent)}.hf-row.hf-check{grid-template-columns:1fr auto}.hf-row.hf-text{grid-template-columns:1fr}.hf-row.hf-text input[type=text]{-webkit-user-select:text;user-select:text;width:100%;font:inherit;font-size:12px;padding:6px 8px;background:#ffffff0f;color:var(--hf-text);border:1px solid rgba(255,255,255,.18);border-radius:4px;outline:none}.hf-row.hf-text input[type=text]:focus{border-color:var(--hf-accent)}.hf-row select{font:inherit;font-size:11px;color:var(--hf-text);background:#1b242d;border:1px solid var(--hf-line);border-radius:4px;padding:4px 6px}.hf-hint{color:var(--hf-dim);font-size:10.5px;margin:4px 0 10px}.hf-buttons{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.hf-buttons button{flex:1 1 auto;padding:9px 10px;font:inherit;font-size:11px;color:var(--hf-text);background:#1b242d;border:1px solid var(--hf-line);border-radius:4px;cursor:pointer}.hf-buttons button:active{background:#26333f}.hf-buttons button.hf-primary{color:#05161c;background:var(--hf-accent);border-color:var(--hf-accent);font-weight:700}#hf-settings .hf-done{position:sticky;bottom:0;z-index:1;display:block;width:100%;margin-top:14px;padding:13px 10px;font:inherit;font-size:12px;font-weight:700;letter-spacing:.08em;color:#05161c;background:var(--hf-accent);border:1px solid var(--hf-accent);border-radius:4px;cursor:pointer;box-shadow:0 -10px 14px -6px var(--hf-panel)}#hf-settings .hf-done:active{background:#2fd0e8}@font-face{font-family:Black Ops One;src:url(/fonts/BlackOpsOne-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}