@font-face{font-family:VT323;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/vt323/v12/pxiKyp0ihIEF2isfFJXUdVNF.woff2) format("woff2")}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#0b0b0d;color:#e8e6e3;font-family:VT323,ui-monospace,monospace;font-size:18px;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}#stage{position:relative;display:flex;align-items:center;justify-content:center;height:100%}#view-wrap{position:relative;flex-shrink:0;line-height:0}canvas#canvas{background:#000;width:800px;height:600px;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none}canvas#minimap{position:absolute;top:1.5%;right:.94%;width:9.375%;aspect-ratio:1 / 1;pointer-events:none;image-rendering:pixelated;z-index:2}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;padding:12px;z-index:3}.hud-panel{align-self:flex-start;background:#0a0a0cb8;border:1px solid #3a3a40;padding:4px 10px;letter-spacing:1px}#hud-role{color:#ffb000;text-transform:uppercase}#hud-banner{position:absolute;top:18%;left:0;right:0;text-align:center;font-size:42px;letter-spacing:4px;color:#ffb000;text-shadow:0 0 18px rgba(255,80,40,.8);text-transform:uppercase}#hud-marine-vitals{align-self:flex-start;margin-top:8px;color:#7cff6b;letter-spacing:2px}#hud-hint{position:absolute;bottom:32%;left:0;right:0;text-align:center;color:#e8e6e3;font-size:16px;text-shadow:0 1px 2px #000,0 0 8px #000}#hud-catchup{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000008c;font-size:36px;letter-spacing:3px;text-transform:uppercase;color:#ffb000}.hidden{display:none!important}#client-settings{position:absolute;top:12px;right:12px;z-index:5;pointer-events:auto;max-width:min(280px,calc(100vw - 24px));background:#0a0a0ce0;border:1px solid #3a3a40;color:#e8e6e3;font-family:inherit;font-size:16px;letter-spacing:1px;user-select:none;-webkit-user-select:none}#client-settings>summary{list-style:none;cursor:pointer;padding:6px 12px;color:#ffb000;text-transform:uppercase;letter-spacing:2px}#client-settings>summary::-webkit-details-marker{display:none}#client-settings>summary:before{content:"▸ "}#client-settings[open]>summary:before{content:"▾ "}#client-settings .settings-body{display:flex;flex-direction:column;gap:8px;padding:4px 12px 12px;border-top:1px solid #3a3a40}#client-settings .settings-row{display:grid;grid-template-columns:88px 1fr auto;align-items:center;gap:8px;cursor:default}#client-settings .settings-row.settings-check{grid-template-columns:auto 1fr}#client-settings .settings-val{min-width:48px;text-align:right;color:#ffb000;font-variant-numeric:tabular-nums}#client-settings select,#client-settings input[type=range]{width:100%;font-family:inherit;font-size:14px;background:#1a1a1e;color:#e8e6e3;border:1px solid #3a3a40}#client-settings select{padding:2px 4px}#client-settings input[type=checkbox]{width:16px;height:16px;accent-color:#ffb000}body.touch-on #hud-hint{display:none!important}#touch-controls{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}#touch-look{position:absolute;top:0;right:0;left:42%;bottom:170px;pointer-events:auto;touch-action:none;z-index:1}#touch-move{position:absolute;left:0;bottom:0;width:52%;height:70%;pointer-events:auto;touch-action:none;z-index:2}#touch-stick{position:absolute;left:calc(18px + env(safe-area-inset-left,0px));bottom:calc(22px + env(safe-area-inset-bottom,0px));width:128px;height:128px;border-radius:50%;border:2px solid rgba(232,230,227,.3);background:#0a0a0c52;pointer-events:none}#touch-stick-knob{position:absolute;left:50%;top:50%;width:54px;height:54px;border-radius:50%;background:#ffb00094;box-shadow:0 0 12px #ffb00059;transform:translate(-50%,-50%)}#touch-actions{position:absolute;right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));pointer-events:auto;z-index:3;display:grid;grid-template-columns:64px 64px 92px;grid-template-rows:64px 64px;gap:10px;align-items:end}#touch-use{grid-column:1;grid-row:1}#touch-weap{grid-column:2;grid-row:1}#touch-run{grid-column:1;grid-row:2}#touch-fire{grid-column:3;grid-row:1 / span 2;width:92px;height:92px;font-size:22px;color:#1a0a08;background:#ff5a3cd1;border-color:#ff5a3c;z-index:4}#touch-demon{position:absolute;right:calc(14px + env(safe-area-inset-right,0px));bottom:calc(160px + env(safe-area-inset-bottom,0px));pointer-events:auto;z-index:3;display:flex;flex-direction:column;align-items:flex-end;gap:8px}#touch-fly,#touch-mods{display:flex;gap:8px}.touch-btn{width:64px;height:64px;border-radius:50%;border:1px solid #3a3a40;background:#0a0a0cb8;color:#e8e6e3;font-family:inherit;font-size:16px;letter-spacing:1px;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.touch-btn.pressed,.touch-btn:active{background:#ffb00073;border-color:#ffb000;color:#ffb000}.touch-btn.on{border-color:#7cff6b;color:#7cff6b}#touch-hop{width:64px;height:64px;color:#ff5a3c;border-color:#ff5a3c}.touch-mod{width:48px;height:48px;font-size:18px}@media(max-height:480px),(max-width:480px){#touch-stick{width:104px;height:104px}#touch-stick-knob{width:44px;height:44px}#touch-actions{grid-template-columns:52px 52px 76px;grid-template-rows:52px 52px;gap:8px}#touch-use,#touch-run,#touch-weap,#touch-hop,.touch-btn{width:52px;height:52px;font-size:14px}#touch-fire{width:76px;height:76px;font-size:18px}#touch-demon{bottom:calc(132px + env(safe-area-inset-bottom,0px))}.touch-mod{width:40px;height:40px}}