html,body{height:100%;height:100dvh;margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}#wrap{position:relative;height:100%;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:1rem;box-sizing:border-box}#wrap:fullscreen,#wrap.fill{background:#000;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);gap:0}#wrap:fullscreen #view,#wrap.fill #view{width:min(100vw,calc(100vh * 480 / 344));width:min(100vw,calc(100dvh * 480 / 344));max-width:none}#view{width:100%;max-width:960px;display:flex;flex-direction:column}#screen,#hudbar{display:block;image-rendering:pixelated;width:100%;height:auto}#screen{background:#000;aspect-ratio:480 / 300}#hudbar{background:#0d1015;aspect-ratio:480 / 44}#hudbar[hidden]{visibility:hidden}.feed #hudbar,.feed #hud{display:none}.feed #wrap{padding:0;gap:0}.feed #view{width:100%;max-width:none}#hud{position:absolute;inset:0;pointer-events:none;font:13px/1.3 system-ui,sans-serif;color:#e6e8ec;z-index:10}#status{position:absolute;top:8px;right:10px;padding:3px 8px;background:#0a0c10b3;border-radius:4px}#touch{position:absolute;inset:0;z-index:20;pointer-events:none;user-select:none;touch-action:none;font:600 14px/1 system-ui,sans-serif;color:#e6e8ec}#touch .t-move,#touch .t-look{position:absolute;top:0;bottom:0;width:50%;pointer-events:auto;touch-action:none}#touch .t-move{left:0}#touch .t-look{right:0}#touch .t-stick{position:fixed;width:110px;height:110px;margin:-55px 0 0 -55px;border:2px solid rgba(230,232,236,.35);border-radius:50%}#touch .t-knob{position:absolute;left:50%;top:50%;width:46px;height:46px;border-radius:50%;background:#e6e8ec40}#touch .t-btn{pointer-events:auto;touch-action:none;display:flex;align-items:center;justify-content:center;background:#0a0c1073;border:1px solid rgba(230,232,236,.35);border-radius:10px;padding:0}#touch .t-fire{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));width:88px;height:88px;border-radius:50%;background:#c0403059;border-color:#e6e8ec80}#touch .t-sights{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:calc(max(24px,env(safe-area-inset-bottom)) + 100px)}#touch .t-sights.t-current{border-color:#ffb000;color:#ffb000}#touch .t-use{position:absolute;right:calc(max(18px,env(safe-area-inset-right)) + 68px);bottom:calc(max(24px,env(safe-area-inset-bottom)) + 100px)}#touch .t-use[hidden]{display:none}#touch .t-small{width:56px;height:34px;font-size:12px}#touch .t-topleft{position:absolute;left:max(12px,env(safe-area-inset-left));top:10px}#touch .t-topright{position:absolute;right:max(12px,env(safe-area-inset-right));top:10px;display:flex;gap:8px;pointer-events:none}#touch .t-weapons{position:absolute;left:50%;transform:translate(-50%);bottom:max(12px,env(safe-area-inset-bottom));display:flex;gap:8px;pointer-events:none}#touch .t-weap{width:44px;height:44px;opacity:.35}#touch .t-weap.t-held{opacity:.85}#touch .t-weap.t-current{border-color:#ffb000;color:#ffb000;opacity:1}#touch .t-comms{position:absolute;left:max(12px,env(safe-area-inset-left));bottom:80px;display:none;flex-direction:column;gap:6px;pointer-events:none}#touch.t-comms-open .t-comms{display:flex}#touch .t-commsentry{width:148px;height:34px;font-size:12px}#touch .t-chatbar{position:absolute;left:0;right:0;bottom:max(12px,env(safe-area-inset-bottom));display:none;align-items:center;justify-content:center;gap:8px;pointer-events:none}#touch.t-chat-open .t-chatbar{display:flex}#touch .t-chatinput{position:absolute;inset:0;width:100%;height:100%;background:none;border:0;color:transparent;caret-color:transparent;font-size:16px}#touch .t-chatbar .t-btn{position:relative;z-index:1}#touch .t-chatteam.t-current{border-color:#ffb000;color:#ffb000}#touch .t-hint{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#06080ceb;font-size:20px;letter-spacing:2px;pointer-events:auto}#touch.t-portrait .t-hint{display:flex}#touch .t-pausemenu{position:absolute;inset:0;display:none;pointer-events:auto;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#06080ceb}#touch.t-paused .t-pausemenu{display:flex}#touch.t-paused .t-move,#touch.t-paused .t-look,#touch.t-paused .t-fire,#touch.t-paused .t-sights,#touch.t-paused .t-use,#touch.t-paused .t-weapons,#touch.t-paused .t-topright,#touch.t-paused .t-topleft,#touch.t-paused .t-comms,#touch.t-paused .t-chatbar{display:none}#touch .t-pausebtn{width:200px;height:56px;font-size:18px}#menupad{position:absolute;inset:0;z-index:20;pointer-events:none;user-select:none;touch-action:none;font:600 15px/1 system-ui,sans-serif;color:#e6e8ec}#menupad[hidden]{display:none}#menupad .m-btn{pointer-events:auto;touch-action:none;display:flex;align-items:center;justify-content:center;background:#0a0c108c;border:1px solid rgba(230,232,236,.35);border-radius:10px;color:#e6e8ec}#menupad .m-btn:active{background:#ffb00059;border-color:#ffb000;color:#ffb000}#menupad .m-dpad{position:absolute;left:max(16px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(3,52px);gap:6px}#menupad .m-dpad .m-btn{font-size:18px}#menupad .m-up{grid-column:2;grid-row:1}#menupad .m-left{grid-column:1;grid-row:2}#menupad .m-right{grid-column:3;grid-row:2}#menupad .m-down{grid-column:2;grid-row:3}#menupad .m-actions{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column-reverse;gap:10px}#menupad .m-act{width:104px;height:52px;font-size:16px;letter-spacing:1px}#roomcode{position:absolute;inset:0;z-index:15;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:transparent;caret-color:transparent;-webkit-text-fill-color:transparent;text-align:center;font:inherit;-webkit-appearance:none;appearance:none}#roomcode[hidden]{display:none}