@font-face{font-family:system-block;src:local(Arial Black)}*{box-sizing:border-box}html,body{color:#f7f3e8;background:#15232a;width:100%;height:100%;margin:0;font-family:Inter,Arial,sans-serif;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:#f7f3e8;letter-spacing:.06em;background:#26383e;border:1px solid #6b797b;min-height:44px;padding:13px 16px;font-size:12px;font-weight:800}button:hover{background:#40575b}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #efcc68}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}#world{width:100%;height:100%;display:block;position:fixed;inset:0}.panel{background:linear-gradient(125deg,#15272af5,#172328e8);border-left:5px solid #edcc72;width:min(820px,90vw);padding:30px 36px;position:absolute;inset:4vh auto 4vh 5vw;overflow:auto;box-shadow:0 18px 65px #09141770}.eyebrow{letter-spacing:.2em;color:#c9d9d3;font-size:11px;font-weight:700}h1{letter-spacing:-.065em;color:#f5f0df;margin:17px 0;font-family:system-block,Arial,sans-serif;font-size:clamp(35px,5vw,66px);line-height:.95}h1 span{color:#efcc68}.lead{color:#b9cac6;margin:16px 0 25px;font-size:17px}.menu-grid{grid-template-columns:1fr 1.05fr;gap:28px;display:grid}label{color:#b8c7c5;gap:6px;margin-bottom:12px;font-size:12px;display:grid}input,select{color:#fff;background:#0f1d23;border:1px solid #50615f;border-radius:0;width:100%;min-height:42px;padding:10px}.inline{gap:12px;display:flex}.inline label{flex:1}.check{align-items:center;gap:9px;display:flex}.check input{width:18px;min-height:18px;margin:0}.tile{border-bottom:1px solid #42534f;padding:16px 0 18px}.tile:first-child{padding-top:0}.tile b{font-size:17px}.tile p{color:#bac8c3;margin:8px 0 13px;font-size:13px;line-height:1.6}.tile button{text-align:left;width:100%}.primary{color:#182829;background:#efcc68;border-color:#efcc68}.primary:hover{background:#ffe3a0}.primary span{float:right;font-size:17px}footer{color:#92aaa4;margin-top:15px;font-size:10px;line-height:1.8}#status{color:#eacf87;font-size:11px}#hud{pointer-events:none;position:fixed;inset:0}#hud button{pointer-events:auto}.topbar{padding:18px max(22px, env(safe-area-inset-right)) 0 max(22px, env(safe-area-inset-left));text-shadow:0 2px 4px #000;align-items:center;gap:20px;font-size:12px;display:flex}.topbar>b{letter-spacing:.1em}.topbar button{background:#15232abc;margin-left:auto}.matchline{background:#15232ade;border-top:3px solid #efcc68;align-items:center;gap:22px;padding:10px 20px;font-size:12px;display:flex;position:absolute;top:22px;left:50%;transform:translate(-50%)}.matchline strong{font-variant-numeric:tabular-nums;font-size:25px}.bottom{bottom:max(22px, env(safe-area-inset-bottom));justify-content:space-between;align-items:end;gap:14px;display:flex;position:absolute;left:24px;right:24px}.health,.ammo{background:#15232acf;min-width:145px;padding:13px 18px}.health strong{font-size:34px;display:block}.health small,.ammo small{letter-spacing:.1em;font-size:10px;line-height:1.8;display:block}.health>div{background:#314643;width:120px;height:5px}.health i{background:#9eddac;height:5px;display:block}.ammo strong{font-size:25px}.ammo{text-align:right}#slots{gap:4px;display:flex}#slots button{background:#16272ccc;max-width:120px;min-height:55px;padding:8px 12px;font-size:10px}#slots small{color:#dfc875;margin-bottom:5px;display:block}.selected{background:#4b5031dd!important;border-color:#efcc68!important}#crosshair{text-shadow:0 1px 3px #000;font-size:23px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#centerMessage{text-shadow:0 2px 6px #000;text-align:center;font-size:26px;font-weight:900;position:absolute;top:32%;left:50%;transform:translate(-50%)}#objective{text-align:center;background:#17272abf;max-width:80vw;padding:8px 14px;font-size:12px;position:absolute;top:85px;left:50%;transform:translate(-50%)}#objective:empty{display:none}#feed{white-space:pre-line;text-shadow:0 1px 4px #000;font-size:12px;line-height:2;position:absolute;top:85px;right:24px}.room-panel{pointer-events:auto;background:#15252af2;border-top:4px solid #efcc68;width:min(520px,90vw);max-height:75vh;padding:24px;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.room-panel h2{margin-top:0}.roster-row{border-bottom:1px solid #44524f;padding:9px 0;font-size:13px}.room-panel button{margin-top:12px;margin-right:7px}#shop{flex-wrap:wrap;display:flex}.room-panel #shop button{font-size:10px}#toast{color:#ffe49c;opacity:0;pointer-events:none;z-index:20;background:#15252a;max-width:90vw;padding:14px 24px;position:fixed;bottom:25px;left:50%;transform:translate(-50%)}#toast.show{opacity:1}#resume{z-index:30;color:#14232a;background:#efcc68;margin:0 0 18px auto;display:block;position:sticky;top:0}#exitMatch{margin-bottom:18px}#touch{display:none}fieldset{border:1px solid #60746c;margin:0 0 12px;padding:10px}#menu{z-index:10}@media (any-pointer:coarse){#touch{display:block}.bottom{bottom:max(8px, env(safe-area-inset-bottom));left:12px;right:12px}.health,.ammo{min-width:100px;padding:8px 10px}.health strong{font-size:25px}.health>div{width:85px}#slots button{max-width:80px;padding:5px;font-size:9px}.topbar{padding-top:10px}.topbar>b{display:none}.matchline{top:10px}.room-panel{max-height:70vh}}@media (max-width:650px){.topbar>b{display:none}.panel{border-top:4px solid #efcc68;border-left:0;width:100%;padding:24px 22px;inset:0}.menu-grid{grid-template-columns:1fr}.lead{font-size:15px}.play-options{gap:10px;display:grid}.tile{padding:12px 0}h1{font-size:clamp(28px,8.8vw,48px)}.matchline{gap:10px;padding:6px 10px;font-size:10px}.matchline strong{font-size:20px}#slots{max-width:50vw;overflow:auto}.ammo strong{font-size:18px}#objective{font-size:10px;top:70px}.health small{font-size:8px}#centerMessage{font-size:19px}#modeLabel{font-size:9px}#feed{max-width:150px;font-size:9px;line-height:1.4;top:115px;right:10px}.matchline{top:50px}#objective{top:94px}#connectionStatus{font-size:8px}}.settings{border-top:1px solid #465b55;margin-top:18px;padding-top:14px;font-size:12px}.settings summary{cursor:pointer;letter-spacing:.08em;min-height:36px;font-weight:700}.settings label{margin-top:12px}.settings input[type=range]{accent-color:#e8c76b;padding:0}.left-handed .stick{left:auto;right:max(35px, env(safe-area-inset-right))}.left-handed .lookzone{left:0;right:auto}.left-handed .touch-actions{right:auto;left:max(22px, env(safe-area-inset-left))}.touch-controls #touch{display:block}.lookzone{pointer-events:auto;touch-action:none;width:55%;height:65%;position:absolute;top:18%;right:0}.stick{left:max(35px, env(safe-area-inset-left));pointer-events:auto;touch-action:none;background:#13252b55;border:2px solid #ffffff65;border-radius:50%;width:105px;height:105px;position:absolute;bottom:135px}.stick i{background:#e2ecda88;border-radius:50%;position:absolute;inset:32px}.touch-actions{right:max(22px, env(safe-area-inset-right));grid-template-columns:repeat(4,46px);gap:9px;display:grid;position:absolute;bottom:128px}.touch-actions button{touch-action:none;background:#172d35a8;border-radius:50%;width:46px;height:46px;min-height:46px;padding:0;font-size:10px}.touch-actions .fire{color:#14232a;background:#d4ad49bb}#connectionStatus{color:#d7e2d5;margin-left:auto;font-size:10px}.topbar button{margin-left:0}#actionProgress{background:#15232acc;padding:8px 12px;font-size:12px;position:absolute;top:58%;left:50%;transform:translate(-50%)}#actionProgress:empty{display:none}#living{letter-spacing:.1em;text-shadow:0 1px 3px #000;font-size:10px;position:absolute;top:105px;left:50%;transform:translate(-50%)}#feed{background:#15232a88;padding:3px 8px}#feed:empty{display:none}@media (max-width:650px){#living{top:140px}.bottom{left:12px;right:12px;bottom:max(8px, env(safe-area-inset-bottom));grid-template-columns:82px minmax(0,1fr) 110px;gap:8px;display:grid}.health,.ammo{min-width:0;padding:8px}.health strong{font-size:25px}.health>div{width:66px}.ammo small{font-size:8px}#slots{max-width:none}#slots button{flex:0 0 64px;padding:5px;font-size:9px}.touch-actions{grid-template-columns:repeat(3,44px);gap:8px;bottom:116px;right:14px}.touch-actions button{width:44px;height:44px;min-height:44px}.stick{width:96px;height:96px;bottom:140px;left:20px}.left-handed .stick{left:auto;right:20px}.left-handed .touch-actions{left:14px;right:auto}#actionProgress{font-size:10px}}#cosmeticStatus{color:#d9c98d;letter-spacing:.08em;margin-top:18px;font-size:10px}#cosmetics{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}#cosmetics button{padding:9px;font-size:10px}