*{box-sizing:border-box;margin:0;padding:0}:root{--background:#070908;--foreground:#d4dccd;--muted:#7d8778;--accent:#9ab84e;--panel:#070908d6}html,body{background:var(--background);width:100%;height:100%;color:var(--foreground);-webkit-user-select:none;user-select:none;font-family:Courier New,ui-monospace,monospace;overflow:hidden}#app,#app canvas{width:100%;height:100%;position:fixed;inset:0}@media screen and (orientation:portrait){html.touch-device{transform-origin:0 0;width:100vh;height:100vw;position:absolute;top:100%;left:0;overflow-x:hidden;transform:rotate(-90deg)}}.hud{z-index:10;pointer-events:none;position:fixed;inset:0}.crosshair{background:url(/hud/crosshair.png) 50%/contain no-repeat;width:32px;height:32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.doom-status{filter:url(#hudPixelate);pointer-events:none;background:0 0;justify-content:space-between;align-items:flex-end;height:clamp(92px,14vh,132px);padding:0 clamp(20px,2vw,36px) 12px;display:flex;position:absolute;bottom:18px;left:8%;right:8%}.status-stat{flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;width:28%;display:flex}.status-label{object-fit:contain;width:auto;height:clamp(20px,2.65vw,38px);image-rendering:pixelated;display:block}.status-value{align-items:flex-end;height:clamp(42px,5vw,72px);display:flex}.status-value img{width:auto;height:100%;image-rendering:pixelated;display:block}.status-health{align-items:flex-start}.status-health .status-label{transform:translate(18px)}.status-armor{align-items:flex-end}.status-armor .status-label{transform:translate(-12px)}.status-ammo{width:20%}.status-ammo .status-label{transform:translate(-4px)}@font-face{font-family:Megamax Jonathan Too;src:url(/fonts/MegamaxJonathanToo.ttf)format("truetype");font-display:swap}.account-modal-backdrop{z-index:100;pointer-events:auto;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.account-modal-panel{aspect-ratio:941/536;background:url(/hud/username-bg.png) 50%/100% 100% no-repeat;flex-direction:column;justify-content:center;align-items:center;gap:clamp(18px,3.4vh,30px);width:min(560px,90vw);display:flex;position:relative}.account-modal-field{justify-content:center;width:min(70%,320px);display:flex}.account-modal-field:first-of-type{transform:translate(24px,clamp(-38px,-4.6vh,-28px))}.account-modal-field:nth-of-type(2){transform:translate(24px,clamp(18px,2.8vh,26px))}.account-modal-field input{color:#ffffffa8;letter-spacing:1px;text-align:center;caret-color:#ffffffa8;background:0 0;border:0;width:100%;font:400 15px/1.25 Megamax Jonathan Too,sans-serif}.account-modal-field input::placeholder{color:#ffffffa8;opacity:1}.account-modal-field input:focus{outline:none}.account-modal-confirm{color:#ffffffa8;cursor:pointer;opacity:0;pointer-events:none;background:0 0;border:0;justify-content:center;align-items:center;width:34px;height:34px;font:400 26px/1 Megamax Jonathan Too,sans-serif;transition:opacity .16s ease-out,transform .16s ease-out;display:flex;position:absolute;top:50%;right:20%;transform:translateY(-50%)}.account-modal-confirm.visible{opacity:1;pointer-events:auto}.account-modal-confirm:hover,.account-modal-confirm:focus-visible{outline:none;transform:translate(4px,-50%)}.account-modal-error{color:#d9463c;letter-spacing:1px;min-height:14px;font:400 10px/1 Megamax Jonathan Too,sans-serif;position:absolute;bottom:14%}.network-metrics{z-index:20;color:#ffffffa8;white-space:pre-line;pointer-events:none;font:400 10px/1.25 Megamax Jonathan Too,sans-serif;position:fixed;top:14px;left:14px}.build-info{z-index:20;color:#ffffffa8;letter-spacing:.02em;pointer-events:none;font:400 8px/1.25 Megamax Jonathan Too,sans-serif;position:fixed;bottom:14px;left:14px}.mp-calibration-panel{z-index:30;width:300px;color:var(--accent);letter-spacing:1px;background:#0a0c0ae0;border:1px solid #d4dccd40;flex-direction:column;gap:6px;padding:10px;font:700 11px/1.3 Courier New,monospace;display:flex;position:fixed;top:52px;left:14px}.mp-calibration-panel h2{margin:0 0 4px;font-size:12px}.mp-cal-row{align-items:center;gap:6px;display:flex}.mp-cal-row span{flex:0 0 118px}.mp-cal-row input[type=range]{flex:1;min-width:0}.mp-cal-row input[type=number]{color:var(--accent);font:inherit;background:#10130f;border:1px solid #d4dccd4d;flex:0 0 66px;padding:2px 3px}.mp-calibration-panel button{color:var(--accent);font:inherit;cursor:pointer;background:#1c221b;border:1px solid #d4dccd59;margin-top:4px;padding:6px 8px}.mp-calibration-panel button:hover{background:#2a332a}.mp-cal-coords{word-break:break-all;opacity:.85;margin-top:2px}.map-loading{background:var(--panel);color:var(--accent);letter-spacing:2px;border:1px solid #d4dccd33;padding:8px 12px;font-size:12px;position:absolute;bottom:18px;right:18px}.map-loading.hidden{display:none}.intro-screen{z-index:100;opacity:1;pointer-events:none;background:#000;place-items:center;transition:opacity .26s ease-out;display:grid;position:fixed;inset:0}.intro-screen img{width:min(300px,52vw);height:auto;image-rendering:pixelated;filter:drop-shadow(0 8px 18px #ff000029)}.intro-screen-hidden{opacity:0}.overlay{z-index:30;text-align:center;cursor:pointer;background:linear-gradient(#0709082e,#0709082e),url(/hud/menu-bg.jpg) 50%/cover no-repeat;flex-direction:row;justify-content:center;align-items:center;gap:clamp(40px,8vw,120px);padding:20px;display:flex;position:fixed;inset:0}.overlay.hidden{display:none}.overlay .game-logo{filter:drop-shadow(0 10px 20px #000c);width:min(400px,62vw);height:auto;margin-top:-40px;margin-bottom:-28px;transform:translate(144px)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.overlay .menu-note{color:#d9463c;letter-spacing:3px;background:#070908eb;border:1px solid #96282280;padding:10px 22px;font:700 13px/1 Courier New,monospace}.overlay .menu-note.hidden{display:none}.overlay .controls{background:url(/hud/controls-key.png) 50%/100% 100% no-repeat;flex-shrink:0;width:560px;height:319px;display:block;transform:translate(60px)}.overlay .controls.hidden{display:none}.overlay .account-panel{aspect-ratio:941/536;color:#ffffffa8;letter-spacing:.02em;text-align:center;background:url(/hud/account-bg.png) 50%/100% 100% no-repeat;border:0;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:min(460px,90vw);font:400 17px/1.25 Megamax Jonathan Too,sans-serif;display:flex;transform:translate(50px)}.overlay .account-panel.hidden{display:none}.overlay .account-panel span{word-break:break-all}.overlay .click-hint{font-size:16px;animation:1.6s infinite pulse}.mode-select{flex-direction:column;align-items:flex-start;gap:4px;margin-left:-48px;display:flex;transform:translate(154px,-8px)}.menu-item{cursor:pointer;background:0 0;border:0;align-items:center;gap:14px;padding:0;display:flex}.menu-item .menu-skull{opacity:0;width:34px;height:auto;image-rendering:pixelated}.menu-item .menu-label{width:auto;height:36px;image-rendering:pixelated;filter:brightness(.72)drop-shadow(0 3px #000000bf)}.menu-item:hover .menu-skull,.menu-item:focus-visible .menu-skull{opacity:1}.menu-item:hover .menu-label,.menu-item:focus-visible .menu-label{filter:brightness(1.25)drop-shadow(0 3px #000000bf)}.menu-item:focus-visible{outline:none}.mode-select.hidden{display:none}@media (width<=700px){.doom-status{height:82px}.weapon-grid,.ammo-table{display:none}.marine-face{min-width:72px}.status-number strong{font-size:30px}.status-number span{font-size:12px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.mobile-controls{z-index:25;pointer-events:none;position:fixed;inset:0}.mobile-controls.hidden{display:none}.mc-input-layer{pointer-events:auto;touch-action:none;position:absolute;inset:0}.mc-joystick{opacity:0;pointer-events:none;background:#0709084d;border:2px solid #d4dccd66;border-radius:50%;width:128px;height:128px;margin:-64px 0 0 -64px;transition:opacity .12s ease-out;position:absolute}.mc-joystick.mc-active{opacity:1}.mc-knob{pointer-events:none;background:#9ab84e8c;border:2px solid #d4dccdb3;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%}.mc-btn{color:var(--foreground);letter-spacing:1px;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;background:#0709086b;border:2px solid #d4dccd80;border-radius:50%;justify-content:center;align-items:center;font:400 11px/1 Megamax Jonathan Too,sans-serif;display:flex;position:absolute}.mc-btn.mc-pressed{background:#9ab84e80;border-color:#d4dccdd9}.mc-fire{background:#9628226b url(/hud/crosshair.png) 50%/46px no-repeat;width:100px;height:100px;bottom:34px;right:30px}.mc-jump{width:78px;height:78px;bottom:44px;right:146px}.mc-crouch{width:66px;height:66px;bottom:138px;right:150px}.mc-reload{width:74px;height:74px;bottom:150px;right:46px}.mc-pause{width:42px;height:42px;font-size:14px;top:14px;right:14px}body.mc-playing .doom-status{opacity:.85;height:clamp(60px,9vh,88px);bottom:4px;left:24%;right:24%}