.chat-bubbles{pointer-events:none;z-index:12;position:absolute;inset:0;overflow:hidden}.chat-bubble{transform-origin:0 0;transform:scale(var(--chat-scale,1)) translate(-34px, -50%);color:#000;text-align:center;overflow-wrap:anywhere;background:#fff;border:3px solid #171717;border-radius:9px;width:143px;padding:7px 10px;font:15.35px/17.5px Lilita One,sans-serif;position:absolute;box-shadow:0 0 0 .5px #171717}.chat-bubble:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 20'%3E%3Cpath d='M2 0C2 8 3 20 7 17C11 14 15 7 18 0' fill='white' stroke='%23171717' stroke-width='3.5' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;width:24px;height:18px;position:absolute;top:calc(100% - .5px);left:25px}.chat-channel{color:#fff;background:#35a2d8;border-radius:1.5px;width:40px;height:11.5px;font:5.5px/11.5px Lilita One,sans-serif;position:absolute;top:-9.5px;right:10px}.nearby-chat{z-index:24;transform-origin:top;transform:translateX(-50%) scale(var(--chat-scale,1));border-radius:6px;width:344px;height:51px;font:16px/1 Lilita One,sans-serif;display:flex;position:absolute;top:calc(50% + 90px);left:50%;box-shadow:0 2px 1px #0003}.nearby-chat label{color:#fff;-webkit-text-stroke:2px #0008;paint-order:stroke fill;text-shadow:0 1px 1px #0008;background:#35a2d8;border-radius:6px 0 0 6px;flex:0 0 114px;justify-content:space-between;align-items:center;padding:0 14px;display:flex}.chat-channel-icon{opacity:.4;flex-shrink:0;width:14px;height:14px}.nearby-chat input{color:#fff;width:0;min-width:0;font:inherit;text-shadow:0 1px 1px #0008;background:#000a;border:0;border-radius:0 6px 6px 0;flex:1;padding:0 14px}.nearby-chat input::placeholder{color:#fff;opacity:.3}.nearby-chat input:focus-visible{outline:none}.chat-status{color:#fff;background:#161914d9;margin-top:5px;font:12px/1.4 sans-serif;position:absolute;top:100%}.chat-status:empty{display:none}.classic-hud{--u:min(.0488281vw,.0831947vh);color:#fff;pointer-events:none;font-synthesis:none;font-family:Lilita One,Arial,sans-serif;position:absolute;inset:0}.classic-hud button{color:inherit;font:inherit;pointer-events:auto}.classic-hud button:focus-visible{outline-offset:4px;outline:3px solid #f2ffb9}.classic-hud .weapon-slot{width:auto;height:auto;box-shadow:none;transform:none}.classic-hud .weapon-slot img{filter:none;max-width:none;top:auto;left:auto;transform:none}.classic-hud kbd{letter-spacing:normal}.classic-hud .full-map-overlay{z-index:8;pointer-events:none;place-items:center;display:grid;position:fixed;inset:12%}.classic-hud .game-tools{top:calc(14 * var(--u));left:calc(8 * var(--u));align-items:center;gap:calc(35 * var(--u));z-index:2;display:flex;position:absolute}.classic-hud .hud-tool{width:calc(50 * var(--u));height:calc(50 * var(--u));color:#293c1bdd;background:0 0;border:0;place-items:center;min-width:26px;min-height:26px;padding:0;display:grid;position:relative}.classic-hud .tool-art{width:100%;height:100%;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat;background:currentColor}.classic-hud .hud-tool:hover{color:#17270e}.classic-hud .hud-tool[aria-expanded=true]{color:#f3f3d7}.classic-hud .sound-off:after{content:"";width:100%;height:calc(5 * var(--u));background:#f56c62;border-radius:4px;position:absolute;transform:rotate(-45deg)}.classic-hud .radar{top:calc(14 * var(--u));right:calc(26 * var(--u));width:calc(228 * var(--u));pointer-events:none;position:absolute}.classic-hud .minimap{aspect-ratio:1;background:#243b1940 url(/hud/grid.png) center/calc(28 * var(--u));border:calc(4 * var(--u)) solid #33462466;border-radius:calc(8 * var(--u));width:100%;overflow:hidden}.classic-hud .minimap svg{opacity:.84;width:100%;height:100%}.classic-hud .map-toggle{top:calc(-6 * var(--u));right:calc(100% + 29 * var(--u));width:calc(67 * var(--u));height:calc(64 * var(--u));pointer-events:auto;background:0 0;border:0;padding:0;position:absolute}.classic-hud .map-toggle img{object-fit:contain;width:100%;height:100%;display:block}.classic-hud .match-stats{justify-content:space-around;gap:calc(9 * var(--u));padding-top:calc(19 * var(--u));color:#fff;font-size:calc(17 * var(--u));line-height:1;display:flex}.classic-hud .match-stats span{align-items:center;gap:calc(7 * var(--u));display:flex}.classic-hud .match-stats img{width:calc(27 * var(--u));height:calc(27 * var(--u));object-fit:contain}.classic-hud .match-stats b{font-weight:400}.classic-hud .match-stats,.classic-hud .ammo-type,.classic-hud .slot-ammo,.classic-hud .player-heading,.classic-hud .status-bar,.classic-hud .center-message,.classic-hud .interaction-prompt{-webkit-text-stroke:calc(2.4 * var(--u)) #30352b;paint-order:stroke fill;text-shadow:0 calc(2 * var(--u)) calc(1 * var(--u)) #27302288}.classic-hud .center-message{text-align:center;pointer-events:none;width:max-content;max-width:90%;font-size:calc(34 * var(--u));color:#fff;-webkit-text-stroke-width:calc(4 * var(--u));line-height:1.25;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.classic-hud .center-message small{font-size:calc(19 * var(--u));margin-top:calc(9 * var(--u));-webkit-text-stroke-width:calc(2 * var(--u));opacity:.85;display:block}.classic-hud kbd{font-family:Lilita One,Arial,sans-serif;font-weight:400;font-size:calc(12 * var(--u));border:calc(1.5 * var(--u)) solid #fff7;border-radius:calc(3 * var(--u));color:#fff;background:#fff2;justify-content:center;align-items:center;line-height:1;display:inline-flex}.classic-hud .interaction-prompt{top:64%;left:calc(50% - 155 * var(--u));align-items:stretch;gap:calc(8 * var(--u));pointer-events:none;font-size:calc(23 * var(--u));display:flex;position:absolute}.classic-hud .interaction-prompt>div,.classic-hud .interaction-prompt>.interaction-copy{min-width:calc(241 * var(--u));border-radius:calc(7 * var(--u));padding:calc(11 * var(--u)) calc(14 * var(--u));background:#22232666}.classic-hud .interaction-prompt strong{font-weight:400}.classic-hud .interaction-prompt small{font-size:calc(18 * var(--u));color:#b9beb5;margin-top:calc(2 * var(--u));display:block}.classic-hud .interaction-prompt>kbd{width:calc(44 * var(--u));font-size:calc(24 * var(--u));border:calc(3 * var(--u)) solid #fff3;border-radius:calc(7 * var(--u))}.classic-hud .player-status{left:calc(15 * var(--u));bottom:calc(31 * var(--u));width:calc(389 * var(--u));pointer-events:none;position:absolute}.classic-hud .player-heading{justify-content:space-between;align-items:baseline;gap:calc(8 * var(--u));margin-bottom:calc(10 * var(--u));font-size:calc(29 * var(--u));-webkit-text-stroke-width:calc(3 * var(--u));white-space:nowrap;line-height:1.1;display:flex}.classic-hud .player-name{font-weight:400}.classic-hud .current-ammo{align-items:center;gap:calc(5 * var(--u));font-size:calc(27 * var(--u));display:flex}.classic-hud .current-ammo b{font-weight:400}.classic-hud .current-ammo span{color:#e4e4e4}.classic-hud .current-ammo img{width:calc(28 * var(--u));height:calc(27 * var(--u));object-fit:contain;margin-left:calc(7 * var(--u));filter:drop-shadow(0 1px 1px #2228)}.classic-hud .status-bar{height:calc(34 * var(--u));border-radius:calc(5 * var(--u));margin-top:calc(7 * var(--u));font-size:calc(20 * var(--u));background:#2631244d;border:0;position:relative;overflow:hidden}.classic-hud .status-bar>div{height:100%;position:absolute;top:0;left:0}.classic-hud .status-bar>.damage-trail{background:#bc4033}.classic-hud .status-bar>#health-fill,.classic-hud .status-bar>#shield-fill{z-index:1}.classic-hud .status-bar>span{z-index:2;left:calc(14 * var(--u));align-items:center;gap:calc(4 * var(--u));display:flex;position:absolute;inset-block:0}.classic-hud .status-bar i{color:#c6ceca;font-style:normal}.classic-hud .health{height:calc(41 * var(--u));border:calc(3 * var(--u)) solid #789664aa}.classic-hud .health>div{background:#80cc32}.classic-hud .armor>div{background:#b16fe0}.classic-hud .loadout{bottom:calc(57 * var(--u));right:calc(29 * var(--u));width:calc(570 * var(--u));position:absolute}.classic-hud .ammo-types{justify-content:flex-end;gap:calc(7 * var(--u));margin:0 0 calc(13 * var(--u)) auto;width:calc(417 * var(--u));display:flex}.classic-hud .ammo-type{min-width:0;height:calc(39 * var(--u));padding:calc(4 * var(--u)) calc(10 * var(--u));border-radius:calc(6 * var(--u));font-size:calc(20 * var(--u));background:#21351e45;flex:1;justify-content:space-between;align-items:center;display:flex}.classic-hud .ammo-type b{font-weight:400}.classic-hud .ammo-type img{width:calc(30 * var(--u));height:calc(28 * var(--u));object-fit:contain}.classic-hud .inventory-slots{gap:calc(5 * var(--u));align-items:center;display:flex}.classic-hud .inventory-slot{aspect-ratio:1;border:calc(3 * var(--u)) solid #ebf3cf40;border-radius:calc(6 * var(--u));background:#d3d6c80a;flex:1;min-width:0;padding:0;position:relative}.classic-hud .inventory-slot.fists-slot{background:#d4d5c5}.classic-hud .weapon-slot{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.classic-hud .weapon-slot.empty{cursor:default}.classic-hud .weapon-slot.drag-source .slot-sprite,.classic-hud .weapon-slot.drag-source .slot-ammo{opacity:.3}.classic-hud .weapon-slot.drop-target{box-shadow:0 0 0 calc(3 * var(--u)) #f6ffb466;background:#b8cf7899;border-color:#fff;transform:scale(1.05)}.classic-hud .inventory-drag-ghost{z-index:20;pointer-events:none;background:#273c2dcc;border:2px solid #ffffd4;border-radius:6px;position:fixed;transform:translate(-50%,-50%);box-shadow:0 8px 20px #0005}.classic-hud .inventory-slot.rarity-blue{background:#35b9e7;border-color:#99e4f6c9}.classic-hud .inventory-slot.rarity-purple{background:#925abc;border-color:#d6bdebb3}.classic-hud .inventory-slot.selected{box-shadow:0 0 0 calc(1 * var(--u)) #fcffe866;z-index:1;border-color:#fffef2;transform:scale(1.035)}.classic-hud .inventory-slot:not(:disabled):not(.empty):hover{border-color:#ffffeb}.classic-hud .inventory-slot>kbd{top:calc(100% + 8 * var(--u));min-width:calc(20 * var(--u));height:calc(21 * var(--u));padding:calc(2 * var(--u)) calc(4 * var(--u));position:absolute;left:50%;transform:translate(-50%)}.classic-hud .slot-sprite{object-fit:contain;width:86%;height:86%;position:absolute;inset:7%}.classic-hud .slot-lock{top:calc(8 * var(--u));left:calc(7 * var(--u));width:calc(8 * var(--u));height:calc(11 * var(--u));object-fit:contain;z-index:1;position:absolute}.classic-hud .slot-ammo{right:calc(9 * var(--u));bottom:calc(5 * var(--u));font-size:calc(18 * var(--u));line-height:1;position:absolute}.classic-hud .fists-icon{object-fit:contain;width:70%;height:70%;display:block;position:absolute;inset:15%}.classic-hud .elimination-feed{top:calc(79 * var(--u));left:calc(13 * var(--u));padding:calc(11 * var(--u)) calc(14 * var(--u));border-radius:calc(6 * var(--u));font-size:calc(20 * var(--u));pointer-events:none;background:#20293870;line-height:1.1;position:absolute}.classic-hud .elimination-feed em{color:#ff6e74;font-style:normal}.classic-hud .hud-notice{top:calc(130 * var(--u));background:#294020dc;border:1px solid #d4eab177;border-radius:5px;max-width:360px;padding:10px 14px;font-size:14px;position:absolute;left:15px}.classic-hud .loading{text-align:center;z-index:5;background:#45622ce8;place-content:center;font-size:24px;display:grid;position:absolute;inset:0}.classic-hud .loading button{background:#354f29;border:1px solid #b9cc9e;border-radius:7px;margin-top:18px;padding:10px}.classic-hud .eyebrow{text-transform:uppercase;letter-spacing:1.8px;color:#a8b799;margin:0 0 5px;font-size:12px}.classic-hud .tool{background:#1b291fe8;border:1px solid #53604a;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.classic-hud .touch{display:none}.classic-hud .a11y-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.classic-hud .house-interaction .interaction-copy{pointer-events:none;color:inherit;font:inherit;text-align:left;border:0}.classic-hud .slot-sprite{pointer-events:none}.classic-hud .inventory-slot .slot-sprite{object-fit:contain;width:86%;height:86%;position:absolute;inset:7%}.classic-hud .player-name{text-overflow:ellipsis;max-width:65%;overflow:hidden}.classic-hud .map-toggle{cursor:pointer}.classic-hud .full-map-overlay{z-index:8}.classic-hud .full-map-overlay svg{background:#668941f5;border:4px solid #344629;border-radius:7px;width:100%;max-width:900px;height:100%;box-shadow:0 5px #0004}.classic-hud .inventory-drag-ghost .slot-sprite{width:86%;height:86%;position:absolute;inset:7%}.classic-hud #respawn{top:38%}.classic-hud #respawn strong{font-weight:400;font-size:calc(50 * var(--u));display:block}.playing .topbar,.playing .footer{display:none}.playing #room-strip{min-width:0;box-shadow:none;text-shadow:0 1px 2px #273022cc;color:#fff;background:0 0;border:0;padding:0;font-family:Lilita One,Arial,sans-serif;top:10px}.playing #room-strip .room-presence{font-size:12px;font-weight:400}.playing #room-strip .room-meta{gap:10px;margin-top:5px}.playing #room-strip #room-code{color:#e5ebd9}.playing #room-strip .invite-button,.playing #room-strip #leave{color:#e5ebd9;text-shadow:0 1px 2px #273022cc;background:0 0;border:0;padding:0;font:11px Lilita One,Arial,sans-serif}.playing #room-strip .connection-health{color:#e5ebd9;font:10px Arial,sans-serif;position:static;transform:none}.playing #room-strip .status-dot{width:4px;height:4px}.playing .toast{z-index:9;box-shadow:none;color:#fff;background:#20293870;border:0;font-family:Lilita One,Arial,sans-serif}@media (max-width:600px){.classic-hud{--u:.5px}.classic-hud .radar{width:100px;right:10px}.classic-hud .map-toggle{width:30px;right:calc(100% + 8px)}.classic-hud .player-status{width:170px;bottom:15px;left:9px}.classic-hud .player-heading{flex-wrap:wrap;gap:4px;font-size:15px}.classic-hud .current-ammo{font-size:14px}.classic-hud .loadout{width:calc(100% - 205px);bottom:29px;right:9px}.classic-hud .ammo-types{gap:3px;width:100%}.classic-hud .ammo-type{padding:2px 4px;font-size:10px}.classic-hud .ammo-type img{width:12px}.classic-hud .inventory-slot{border-width:1.5px}.classic-hud .center-message{font-size:21px}.classic-hud .interaction-prompt{top:61%}.playing #room-strip{top:52px;left:12px;transform:none}.playing #room-strip .room-presence,.playing #room-strip .room-meta{justify-content:flex-start}.playing #room-strip .room-meta{flex-wrap:wrap;gap:6px;max-width:155px}}@media (pointer:coarse){.classic-hud .player-status{bottom:145px}.classic-hud .loadout{bottom:162px}.classic-hud .touch{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:18px;left:18px;right:18px}.classic-hud .stick{pointer-events:auto;touch-action:none;color:#fff;letter-spacing:1px;background:#29462166;border:2px solid #d0e3aa77;border-radius:50%;place-items:center;width:100px;height:100px;font-size:12px;display:grid}.classic-hud .stick:active{background:#395627aa}.classic-hud .touch-actions{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:9px;max-width:160px;display:flex}.classic-hud .touch-actions button{background:#2f4926b3;border:1px solid #b9cc9688;border-radius:7px;padding:12px 8px;font-size:14px}}.arsenal-toolbar{color:#fff;text-shadow:1px 2px #293920;pointer-events:auto;justify-content:flex-end;align-items:center;gap:12px;margin-bottom:8px;font-size:14px;display:flex}.arsenal-toolbar button{font:inherit;color:#fff;cursor:pointer;background:#344b2dcc;border:1px solid #ffffff70;border-radius:5px;padding:6px 14px}.arsenal-toolbar #streak-count{color:#ffdc79;font-size:12px}.arsenal-panel{width:min(850px,94vw);max-height:86vh;overflow:auto}.arsenal-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.arsenal-weapon{color:#fff;cursor:pointer;min-height:125px;font:inherit;background:#233725;border:1px solid #6b8260;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex}.arsenal-weapon:hover,.arsenal-weapon:focus-visible{background:#415a32;border-color:#ffdf8d;outline:2px solid #ffdf8d}.arsenal-weapon .slot-sprite{object-fit:contain;width:90px;height:42px;position:static;transform:none}.arsenal-weapon small{color:#baccb2;font-size:11px}.combat-feed{color:#fff;text-shadow:1px 1px #111;pointer-events:none;flex-direction:column;gap:5px;max-width:min(440px,52vw);font-size:13px;display:flex;position:absolute;top:110px;left:18px}.combat-feed>div{background:#213719ba;border-radius:4px;padding:7px 11px}.kill-announcement{text-align:center;white-space:nowrap;text-shadow:2px 2px 2px #222;pointer-events:none;position:absolute;top:30%;left:50%;transform:translate(-50%)}.kill-announcement strong{color:#ffd66a;font-size:30px;display:block}.kill-announcement small{color:#fff;margin-top:5px;font-size:18px;display:block}#respawn{color:#fff;text-shadow:2px 2px #222}#death-message{font-size:25px}#respawn small{margin-top:5px;font-size:17px;display:block}@media (max-width:640px){.arsenal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.combat-feed{font-size:10px;top:100px;left:8px}.arsenal-toolbar{gap:6px;font-size:11px}.kill-announcement strong{font-size:24px}}.arsenal-weapon .slot-sprite{object-fit:contain;width:64px;height:64px;transform:none}.classic-hud .inventory-slot.rarity-gold{background:#ffd52d;border-color:#ffe780}.classic-hud .inventory-slot.consumable-slot{background:#d9ddce66}.classic-hud .inventory-slot.consumable-slot.selected{background:#d9ddce99;border-color:#fff}.classic-hud .grenade-controls{box-sizing:border-box;pointer-events:auto;background:#172013c9;border:1px solid #d7e6be42;border-radius:8px;width:220px;padding:10px 12px;font:12px Arial,sans-serif;position:absolute;top:70px;left:12px}.grenade-controls h3{margin:0 0 10px;font-size:13px}.grenade-controls h3 span{color:#c9d6bc;margin-top:3px;font-size:10px;font-weight:400;display:block}.grenade-controls label{grid-template-columns:1fr auto;gap:4px;margin-top:7px;display:grid}.grenade-controls output{font-variant-numeric:tabular-nums;color:#e5ffc6}.classic-hud .grenade-controls input{accent-color:#bfd48f;cursor:pointer;grid-column:1/-1;width:100%;min-width:0;height:22px;margin:0;padding:0}.grenade-controls input:focus-visible{outline-offset:2px;outline:2px solid #e5ffc6}@media (max-width:650px){.classic-hud .grenade-controls{width:168px;padding:8px;font-size:10px;top:142px;left:10px}}.spectating .classic-hud .loadout,.spectating .classic-hud .touch,.spectating .classic-hud #punch-hint,.spectating .classic-hud #respawn,.spectating .classic-hud #door-prompt{display:none}.classic-hud .spectator-bar{left:50%;bottom:calc(34 * var(--u));align-items:center;gap:calc(10 * var(--u));text-align:center;pointer-events:none;z-index:2;flex-direction:column;display:flex;position:absolute;transform:translate(-50%)}.classic-hud .spectator-bar[hidden]{display:none}.classic-hud .spectate-target{align-items:center;gap:calc(14 * var(--u));padding:calc(8 * var(--u)) calc(10 * var(--u));border-radius:calc(8 * var(--u));background:#20293870;display:flex}.classic-hud .spectate-label{min-width:calc(230 * var(--u));-webkit-text-stroke:calc(2.4 * var(--u)) #30352b;paint-order:stroke fill;flex-direction:column;line-height:1.15;display:flex}.classic-hud .spectate-label small{font-size:calc(15 * var(--u));color:#d8e0cf;letter-spacing:.06em;text-transform:uppercase}.classic-hud .spectate-label small:empty{display:none}.classic-hud .spectate-label strong{max-width:calc(320 * var(--u));font-weight:400;font-size:calc(30 * var(--u));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.classic-hud .spectate-step{width:calc(48 * var(--u));height:calc(48 * var(--u));border:calc(3 * var(--u)) solid #ebf3cf40;border-radius:calc(6 * var(--u));color:#fff;min-width:30px;min-height:30px;font:inherit;font-size:calc(32 * var(--u));cursor:pointer;pointer-events:auto;background:#d3d6c814;padding:0;line-height:1}.classic-hud .spectate-step:hover:not(:disabled),.classic-hud .spectate-step:focus-visible{background:#b8cf7840;border-color:#fffef2}.classic-hud .spectate-step:disabled{opacity:.35;cursor:default}.classic-hud .spectate-play{min-height:30px;padding:calc(10 * var(--u)) calc(24 * var(--u));border-radius:calc(6 * var(--u));color:#233020;font:inherit;font-size:calc(20 * var(--u));cursor:pointer;pointer-events:auto;background:#e5f6ba;border:0}.classic-hud .spectate-play:hover,.classic-hud .spectate-play:focus-visible{background:#fff}.classic-hud .spectate-status{font-size:calc(15 * var(--u));color:#e5ebd9;text-shadow:0 1px 2px #273022cc}.classic-hud .spectate-status:empty{display:none}@media (max-width:600px){.classic-hud .spectate-label{min-width:120px}.classic-hud .spectate-label small{font-size:10px}.classic-hud .spectate-label strong{max-width:150px;font-size:17px}.classic-hud .spectate-step{font-size:20px}.classic-hud .spectate-play{padding:6px 16px;font-size:13px}.classic-hud .spectate-status{font-size:11px}.spectating .classic-hud .player-status{bottom:150px}}#room-json-controls{z-index:12;flex-wrap:wrap;gap:6px;max-width:280px;display:flex;position:fixed;top:70px;left:12px}#room-json-controls button,.json-preview button{color:#f2f5e9;cursor:pointer;background:#263d27;border:1px solid #81906b;border-radius:6px;padding:9px 12px;font:600 13px system-ui}#room-json-controls output{color:#fff;overflow-wrap:anywhere;text-shadow:0 1px 3px #000;width:100%;font:12px system-ui}.json-preview{color:#edf4e7;background:#142019;border:1px solid #789366;border-radius:12px;width:min(680px,100vw - 32px);max-height:85vh;padding:20px;font:14px system-ui}.json-preview::backdrop{background:#0009}.json-preview header{justify-content:space-between;align-items:center;gap:12px;display:flex}.json-preview h2{margin:0}.json-preview ul{overflow-wrap:anywhere;max-height:45vh;padding-left:20px;line-height:1.6;overflow:auto}.json-preview output{margin-top:12px;display:block}.json-preview button:disabled{opacity:.5;cursor:default}@media (max-width:600px){#room-json-controls{max-width:225px;top:12px;left:8px}#room-json-controls button{padding:8px;font-size:12px}}.game-settings-backdrop[data-slot=dialog-overlay]{-webkit-backdrop-filter:none;backdrop-filter:none;background:#00000094;animation:none}.game-settings[data-slot=dialog-content]{--su:min(calc(82vw / 1844),calc(82dvh / 1050),.65px);width:calc(1844 * var(--su));height:calc(1050 * var(--su));color:#fff;background:#20293c;border:0;border-radius:4px;outline:none;max-width:none;margin:0;padding:0;font-family:Lilita One,Arial,sans-serif;animation:none;display:block;position:fixed;inset:50% auto auto 50%;overflow:auto;transform:translate(-50%,-50%)translate(0,0);box-shadow:0 0 0 2px #0c131e,0 16px 60px #0009}.settings-stage{border-top:calc(2 * var(--su)) solid #080d13;box-sizing:border-box;background:#20293c;width:100%;height:100%;position:relative}.settings-stage button,.settings-stage h2,.settings-stage span,.settings-stage [data-slot=select-value]{font-family:inherit;font-weight:400}.settings-stage button{color:#fff;cursor:default}.settings-stage h2{font-size:calc(40 * var(--su));-webkit-text-stroke:calc(3 * var(--su)) #080c12;paint-order:stroke fill;text-shadow:0 calc(3 * var(--su)) #101720;margin:0;line-height:1.2}.reference-title[data-slot=dialog-title]{left:calc(28 * var(--su));top:calc(41 * var(--su));font-family:inherit;font-weight:400;font-size:calc(64 * var(--su));-webkit-text-stroke:calc(4 * var(--su)) #05090b;paint-order:stroke fill;text-shadow:0 calc(4 * var(--su)) #080d12;margin:0;line-height:1.2;position:absolute}.reference-close{left:calc(1745 * var(--su));top:calc(38 * var(--su));width:calc(68 * var(--su));height:calc(68 * var(--su));background:0 0;border:0;padding:0;position:absolute}.reference-close span{left:calc(4 * var(--su));top:calc(27 * var(--su));width:calc(62 * var(--su));height:calc(12 * var(--su));border-radius:calc(2 * var(--su));box-shadow:calc(3 * var(--su)) calc(3 * var(--su)) calc(3 * var(--su)) #10182455;background:#7d8b9b;position:absolute;transform:rotate(45deg)}.reference-close span+span{transform:rotate(-45deg)}.reference-close:hover span{background:#a3adbb}.reference-options-column{left:calc(28 * var(--su));width:calc(730 * var(--su));height:calc(656 * var(--su));position:absolute;top:0}.volume-title{top:calc(160 * var(--su));position:absolute}.resolution-title{top:calc(302 * var(--su));position:absolute}.fps-title{top:calc(494 * var(--su));position:absolute}.reference-volume[data-slot=slider]{left:0;top:calc(215 * var(--su));width:calc(709 * var(--su));height:calc(64 * var(--su));position:absolute}.reference-volume>[data-orientation],.reference-volume>div{height:100%}.reference-volume [data-slot=slider-track]{height:calc(40 * var(--su));border:calc(4 * var(--su)) solid #02070b;border-radius:calc(11 * var(--su));background:#101923;overflow:hidden}.reference-volume [data-slot=slider-range]{background:linear-gradient(#f6a801 50%,#b37900 50%)}.reference-volume [data-slot=slider-thumb]{width:calc(64 * var(--su));height:calc(64 * var(--su));border:calc(4 * var(--su)) solid #02070b;box-shadow:calc(6 * var(--su)) calc(7 * var(--su)) #182230;background:#f5a701;outline:0;transition:none}.reference-volume [data-slot=slider-thumb]:after{display:none}.resolution-fields{top:calc(366 * var(--su));grid-template-columns:calc(345 * var(--su)) calc(344 * var(--su));gap:calc(41 * var(--su));width:100%;display:grid;position:absolute;left:0}.fps-field{left:0;top:calc(558 * var(--su));width:100%;position:absolute}.reference-select[data-slot=select-trigger]{width:100%;height:calc(97 * var(--su));padding:0 calc(20 * var(--su));border:calc(4 * var(--su)) solid #02070b;border-radius:calc(9 * var(--su));box-shadow:inset calc(12 * var(--su)) calc(12 * var(--su)) #101720;color:#fff;font-family:inherit;font-size:calc(32 * var(--su));-webkit-text-stroke:calc(2 * var(--su)) #101720;paint-order:stroke fill;text-shadow:0 calc(2 * var(--su)) #101720;background:#111b27;line-height:1.2}.reference-select [data-slot=select-value]{display:block}.reference-select [data-slot=select-value] span{color:#929ca9}.reference-select svg{display:none}.reference-select:after{content:"";border-left:calc(14 * var(--su)) solid transparent;border-right:calc(14 * var(--su)) solid transparent;border-top:calc(14 * var(--su)) solid #303b4a;margin-left:auto}.reference-options[data-slot=select-content]{color:#fff;background:#0b141e;border:2px solid #03080d;border-radius:2px;padding:3px;font-family:Lilita One,Arial,sans-serif;font-size:clamp(14px,1.735vw,24px);box-shadow:3px 4px #101720}.reference-options [data-slot=select-item]{border-radius:0;min-height:32px;padding:7px 12px 7px 28px}.reference-options [data-slot=select-item]:hover{background:#233249}.reference-options [data-slot=select-item]>span:last-child{left:5px;right:auto}.reference-controls{left:calc(1082 * var(--su));top:calc(160 * var(--su));width:calc(730 * var(--su));position:absolute}.reference-control-columns{top:calc(64 * var(--su));grid-template-columns:calc(338 * var(--su)) calc(364 * var(--su));column-gap:calc(28 * var(--su));display:grid;position:absolute;left:0}.reference-control-column{gap:calc(13 * var(--su));display:grid}.reference-control-row{height:calc(60 * var(--su));align-items:center;gap:calc(30 * var(--su));white-space:nowrap;display:flex}.reference-control-row>span,.reference-slot-keys>span{font-size:calc(28 * var(--su));color:#bfc3c9;text-shadow:0 calc(2 * var(--su)) #111922;line-height:1}.reference-key{width:calc(122 * var(--su));height:calc(60 * var(--su));border:calc(4 * var(--su)) solid #02070b;border-radius:calc(10 * var(--su));box-shadow:inset calc(12 * var(--su)) calc(12 * var(--su)) #101720;padding:0 calc(2 * var(--su));font-size:calc(32 * var(--su));-webkit-text-stroke:calc(2 * var(--su)) #111720;paint-order:stroke fill;text-shadow:0 calc(2 * var(--su)) #101720;background:#111b27;flex-shrink:0;line-height:1}.reference-key:hover{background:#151f2b}.reference-key[aria-pressed=true]{background:#111b27}.reference-slot-keys{left:0;top:calc(436 * var(--su));align-items:center;gap:calc(37 * var(--su));display:flex;position:absolute}.reference-slot-keys>span{width:calc(125 * var(--su));white-space:nowrap}.reference-slot-keys>div{gap:calc(9 * var(--su));display:flex}.reference-slot-keys .reference-key{width:calc(80 * var(--su));height:calc(61 * var(--su))}.reference-main-buttons{left:0;top:calc(706 * var(--su));width:100%;height:calc(121 * var(--su));position:absolute}.reference-big{height:calc(121 * var(--su));border:calc(4 * var(--su)) solid #02070b;border-radius:calc(11 * var(--su));font-size:calc(40 * var(--su));-webkit-text-stroke:calc(3 * var(--su)) #080d12;paint-order:stroke fill;text-shadow:0 calc(3 * var(--su)) #11151b;box-shadow:calc(10 * var(--su)) calc(12 * var(--su)) #131c27;padding:0;line-height:1;position:relative}.reference-big.orange{background:linear-gradient(#f5a701 calc(100% - 10 * var(--su)),#d86500 0)}.reference-big.slate{background:linear-gradient(#3b4859 calc(100% - 10 * var(--su)),#253149 0)}.reference-big.red{background:linear-gradient(#b91f29 calc(100% - 10 * var(--su)),#8a1019 0)}.reference-big:active{transform:translateY(calc(3 * var(--su)))}.reference-feedback{left:calc(28 * var(--su));width:calc(365 * var(--su));position:absolute}.reference-streamer{left:calc(424 * var(--su));width:calc(364 * var(--su));font-size:calc(36 * var(--su));text-align:left;gap:calc(34 * var(--su));padding-left:calc(26 * var(--su));align-items:center;display:flex;position:absolute}.reference-check{width:calc(28 * var(--su));height:calc(28 * var(--su));background:#1b2535;flex-shrink:0}.reference-check.checked:after{content:"✓";font-size:calc(30 * var(--su));color:#fff;line-height:1;display:block}.reference-logout{left:calc(1448 * var(--su));width:calc(364 * var(--su));position:absolute}.reference-footer{left:0;top:calc(872 * var(--su));width:100%;height:calc(176 * var(--su));padding:calc(30 * var(--su)) calc(28 * var(--su));border-bottom:calc(14 * var(--su)) solid #141a25;gap:calc(32 * var(--su));background:#192333;display:flex;position:absolute}.reference-footer .reference-big{width:calc(324 * var(--su));height:calc(101 * var(--su));font-size:calc(32 * var(--su))}.reference-save-error{bottom:calc(180 * var(--su));left:calc(820 * var(--su));max-width:calc(590 * var(--su));color:#ffb6b6;font:14px Arial,sans-serif;position:absolute}.reference-save-error button{background:0 0;border:0;text-decoration:underline}@media (max-width:680px) and (orientation:portrait){.game-settings[data-slot=dialog-content]{width:calc(100vw - 32px);height:min(82dvh,760px)}.settings-stage{--su:.5px;border:0;width:100%;height:auto;min-height:100%;padding:18px 16px;position:relative;top:0;left:0;transform:none}.reference-title[data-slot=dialog-title]{font-size:32px;position:static}.reference-close{top:17px;left:auto;right:14px}.reference-options-column{width:100%;height:263px;margin-top:28px;position:relative;left:0}.volume-title{top:0}.reference-volume[data-slot=slider]{width:calc(100% - 17px);top:27px}.resolution-title{top:78px}.fps-title{top:174px}.resolution-fields{grid-template-columns:1fr 1fr;gap:16px;width:100%;top:111px}.fps-field{top:207px}.reference-controls{width:100%;margin-top:28px;position:relative;top:0;left:0}.reference-control-columns{grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-top:12px;position:relative;top:0}.reference-control-row{gap:9px}.reference-key{width:50px}.reference-control-row>span{font-size:14px}.reference-slot-keys{flex-wrap:wrap;gap:10px;margin-top:14px;position:relative;top:0}.reference-slot-keys>span{width:auto}.reference-slot-keys>div{gap:5px}.reference-slot-keys .reference-key{width:37px}.reference-main-buttons{flex-wrap:wrap;gap:12px;height:auto;margin:24px 0;display:flex;position:relative;top:0}.reference-feedback,.reference-streamer,.reference-logout{flex:140px;width:auto;position:relative;left:0}.reference-streamer{gap:10px;padding-left:12px;font-size:16px}.reference-footer{flex-wrap:wrap;gap:12px;width:calc(100% + 32px);height:auto;margin:0 -16px -18px;padding:16px;position:relative;top:0}.reference-footer .reference-big{flex:140px;width:auto;font-size:16px}.reference-save-error{max-width:none;padding:12px 0;position:static}}.game-settings:not([open]),.tuning-panel:not([open]),.settings-detail:not([open]){display:none!important}.game-settings::backdrop{background:#00000094}.tuning-panel::backdrop{background:#00000094}.game-settings *,.tuning-panel *,.settings-detail *{box-sizing:border-box}.game-settings button:focus-visible,.game-settings select:focus-visible,.game-settings input:focus-visible{outline-offset:4px;outline:2px solid #f7cb58}.reference-native-volume{appearance:none;left:0;top:calc(12 * var(--su));width:100%;height:calc(40 * var(--su));border:calc(4 * var(--su)) solid #02070b;border-radius:calc(11 * var(--su));background:linear-gradient(to right,#f6a801 var(--volume-fill,100%),#101923 var(--volume-fill,100%));box-shadow:inset 0 calc(-16 * var(--su)) #0003;cursor:pointer;margin:0;padding:0;position:absolute}.reference-native-volume::-webkit-slider-thumb{appearance:none;width:calc(64 * var(--su));height:calc(64 * var(--su));border:calc(4 * var(--su)) solid #02070b;box-shadow:calc(6 * var(--su)) calc(7 * var(--su)) #182230;background:#f5a701;border-radius:3px}.reference-native-volume::-moz-range-thumb{width:calc(56 * var(--su));height:calc(56 * var(--su));border:calc(4 * var(--su)) solid #02070b;box-shadow:calc(6 * var(--su)) calc(7 * var(--su)) #182230;background:#f5a701;border-radius:3px}select.reference-select{appearance:none;cursor:pointer;padding-right:calc(54 * var(--su))!important;background-image:linear-gradient(45deg,#0000 50%,#526071 50%),linear-gradient(135deg,#526071 50%,#0000 50%)!important;background-position:calc(100% - 22 * var(--su)) 50%,calc(100% - 12 * var(--su)) 50%!important;background-size:calc(10 * var(--su)) calc(10 * var(--su))!important;background-repeat:no-repeat!important}select.reference-select option{color:#fff;text-shadow:none;background:#111b27;font-family:Arial,sans-serif;font-size:16px}.settings-a11y-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.local-controls-note{font:calc(25 * var(--su))/1.6 Arial,sans-serif;color:#bfc3c9;align-self:center}.reference-key[aria-pressed=true]{outline-offset:2px;outline:2px solid #f7cb58}@media (max-width:600px){body:has(#game-hud:not([hidden])) #room-json-controls{top:62px}}@font-face{font-family:Lilita One;src:url(/fonts/LilitaOne-Regular.ttf)format("truetype");font-display:swap}:root{color:#f1f1e9;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--muted:#a4afa4;--accent:#d6ee9c;background:#101714;font-family:system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}#app{position:relative}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}#arena{outline:none;width:100%;height:100%;display:block}.playing #arena{cursor:url(/hud/crosshair.svg) 9 9,crosshair;touch-action:none}@media (pointer:coarse){.playing #arena{cursor:default}}.lobby-shade{pointer-events:none;background:linear-gradient(90deg,#101714f7 0%,#101714e6 24%,#10171491 49%,#1017141c 100%);transition:opacity .35s;position:absolute;inset:0}.playing .lobby-shade{opacity:0}.topbar{pointer-events:none;justify-content:space-between;align-items:center;gap:20px;padding:29px 38px;display:flex;position:absolute;top:0;left:0;right:0}.wordmark{letter-spacing:-.8px;color:#f3f4ec;pointer-events:auto;font-family:Lilita One,Impact,sans-serif;font-size:37px;font-weight:800;line-height:1;text-decoration:none}.wordmark span{color:#d6ee9c}.top-actions{pointer-events:auto;align-items:center;gap:24px;display:flex}.preview-label{letter-spacing:1.8px;color:#d1dbcb;background:#18261955;border:1px solid #d0dfc039;border-radius:3px;padding:7px 9px;font-size:9px}.quiet-button{color:#e0e6d9;background:#16201799;border:1px solid #d7dfcb28;border-radius:4px;padding:8px 11px;font-size:11px;font-weight:600}.quiet-button:hover{background:#253123;border-color:#d7dfcb70}.lobby{width:400px;max-width:calc(100vw - 60px);position:absolute;top:50%;left:clamp(38px,8vw,135px);transform:translateY(-47%)}.lobby-eyebrow{color:#c8d3bb;letter-spacing:2.5px;align-items:center;gap:9px;font-size:10px;font-weight:700;display:flex}.status-dot{background:#d0e99a;border-radius:50%;flex:none;width:5px;height:5px;box-shadow:0 0 9px #d0e99a30}h1{letter-spacing:-.7px;margin:22px 0 20px;font-family:Lilita One,Impact,sans-serif;font-size:clamp(58px,6vw,88px);font-weight:700;line-height:.97}.lobby-description{color:#b5c0b1;margin:0 0 29px;font-size:13px;line-height:1.75}.join-card{max-width:330px}.join-card label{letter-spacing:1.6px;color:#a8b2a1;margin-bottom:8px;font-size:9px;font-weight:700;display:block}input{color:#f1f3e9;background:#dcebc208;border:1px solid #b7c6ae2d;border-radius:4px;width:100%;padding:13px 14px;font-size:13px}input::placeholder{color:#809077}.primary-button{border:1px solid var(--accent);background:var(--accent);color:#233020;border-radius:4px;justify-content:space-between;align-items:center;width:100%;margin-top:11px;padding:14px 16px;font-size:14px;font-weight:700;transition:background .15s;display:flex}.primary-button:hover{background:#e5f6ba}.primary-button span{font-size:22px;line-height:15px}.join-footnote{text-align:center;color:#899780;margin-top:12px;font-size:10px}.invite-notice{color:#deebca;margin-top:12px;font-size:11px}.text-button{color:#b7cba5;text-underline-offset:3px;background:0 0;border:0;width:100%;padding:12px 0 0;font-size:11px;text-decoration:underline}.connection-error{color:#e9b69d;border-left:2px solid #bc8668;padding-left:11px;font-size:12px;line-height:1.6}.lobby-controls{color:#939f8a;gap:20px;margin-top:35px;font-size:10px;display:flex}.lobby-controls span{align-items:center;gap:7px;display:flex}kbd{font:inherit;color:#d4dec9;white-space:nowrap;border:1px solid #c2d1b631;border-radius:3px;padding:2px 4px;font-size:.92em;line-height:1.2}.footer{letter-spacing:1.6px;color:#c2cfb6;pointer-events:none;justify-content:space-between;align-items:center;gap:20px;padding:19px 38px;font-size:9px;font-weight:600;display:flex;position:absolute;bottom:0;left:0;right:0}.footer-divider{opacity:.5;margin:0 9px}.connection-health{letter-spacing:.4px;align-items:center;gap:7px;font-size:10px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.unhealthy .status-dot{background:#efb07b}.playing .topbar{background:linear-gradient(#14281561,#0000);padding:24px 30px}.playing .wordmark{font-size:31px}.playing .preview-label{display:none}.playing .footer{background:linear-gradient(#0000,#17301755);padding:16px 30px}.room-strip{background:#172418e8;border:1px solid #e8efcd24;border-radius:6px;min-width:285px;padding:12px 15px 10px;position:absolute;top:22px;left:50%;transform:translate(-50%);box-shadow:0 5px 24px #1220141a}.room-presence{justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.room-meta{justify-content:center;align-items:center;gap:15px;margin-top:9px;display:flex}#room-code{color:#889b7c;letter-spacing:.4px;font-size:10px}.invite-button{color:#c8dea8;background:0 0;border:0;padding:0;font-size:10px;font-weight:600}.invite-button span{margin-left:4px}.is-live{background:#172418bf}.scoreboard{color:#e6eddb;text-shadow:0 1px 5px #2b422d88;align-items:center;gap:15px;display:flex;position:absolute;top:115px;left:50%;transform:translate(-50%)}.scoreboard span{letter-spacing:1.1px;text-overflow:ellipsis;white-space:nowrap;max-width:115px;font-size:9px;font-weight:700;overflow:hidden}.scoreboard strong{font-family:Lilita One,Impact,sans-serif;font-size:29px}.scoreboard i{opacity:.55;font-style:normal}.game-bottom{pointer-events:none;justify-content:space-between;align-items:flex-end;gap:30px;display:flex;position:absolute;bottom:65px;left:30px;right:30px}.vitals{background:#172418de;border:1px solid #e8efcd21;border-radius:5px;width:205px;padding:13px 15px 11px}.vital-label{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.vital-label span{letter-spacing:1.5px;color:#aebe9d;font-size:8px;font-weight:700}.vital-label strong{font-size:17px;font-weight:700}.health-track{background:#cadab322;border-radius:2px;width:100%;height:5px;overflow:hidden}.health-track div{background:#cce890;height:100%;transition:width .1s}.shield-line{align-items:center;gap:6px;margin-top:7px;display:flex}.shield-mark{color:#92c5cf;font-size:12px}.shield-track{background:#bcd5d31f;flex:1;height:3px;overflow:hidden}.shield-track div{background:#98c9d2;height:100%;transition:width .1s}#shield-value{color:#a3c4c9;text-align:right;min-width:20px;font-size:9px}.weapons{pointer-events:auto;align-items:flex-end;gap:7px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.weapon-slot{color:#d1ddc4;background:#172418bc;border:1px solid #e8efcd30;border-radius:5px;width:90px;height:78px;padding:0;transition:background .12s,border-color .12s,transform .12s;position:relative}.weapon-slot:hover{background:#283522e8}.weapon-slot.selected{background:#23321bea;border-color:#d3e6a5;transform:translateY(-5px);box-shadow:0 2px #d3e6a5}.weapon-slot img{object-fit:contain;filter:drop-shadow(1px 2px #0003);pointer-events:none;width:auto;max-width:25px;height:63px;position:absolute;top:1px;left:50%;transform:translate(-50%)rotate(90deg)}.slot-key{opacity:.65;font-size:9px;position:absolute;top:6px;left:7px}.slot-name{letter-spacing:.8px;font-size:9px;font-weight:700;position:absolute;bottom:7px;left:0;right:0}.ammo{text-align:right;text-shadow:0 2px 5px #17241855;width:125px}.ammo-label{color:#d6e4c5;letter-spacing:1.7px;font-size:9px;font-weight:700}.ammo-count{justify-content:flex-end;align-items:baseline;gap:7px;display:flex}.ammo-count strong{font-family:Lilita One,Impact,sans-serif;font-size:47px;font-weight:600;line-height:1.1}.ammo-count span{color:#c0d1ae;font-size:13px}#reload-hint{color:#d0debf;letter-spacing:1px;min-height:14px;margin-top:6px;font-size:8px}#reload-hint kbd{margin-right:4px}#reload-hint.reloading{color:#f5d996}.toast{color:#e2edcf;text-align:center;pointer-events:none;background:#172418ed;border:1px solid #c2d6a737;border-radius:5px;max-width:calc(100vw - 40px);padding:11px 17px;font-size:12px;position:absolute;bottom:176px;left:50%;transform:translate(-50%)}.respawn-banner{text-align:center;background:#142316cc;border-radius:5px;padding:20px 28px;position:absolute;top:37%;left:50%;transform:translate(-50%)}.respawn-banner span{letter-spacing:2px;color:#d5dfca;font-size:9px;display:block}.respawn-banner strong{font-family:Lilita One,Impact,sans-serif;font-size:53px;font-weight:600}.copy-fallback{z-index:5;background:#172418;border:1px solid #a6bb8c;border-radius:6px;width:min(430px,100vw - 40px);padding:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #101710bb}.copy-fallback label{margin-bottom:12px;font-size:12px;display:block}.copy-fallback button{margin-top:12px}@media (max-width:760px){.topbar,.playing .topbar{padding:22px}.top-actions{gap:8px}.preview-label{display:none}.lobby{left:30px}.lobby-shade{background:linear-gradient(90deg,#101714f2,#101714b5 70%,#10171466)}.room-strip{min-width:250px;top:80px}.scoreboard{top:171px}.game-bottom{gap:10px;bottom:58px;left:18px;right:18px}.vitals{width:145px}.weapons{bottom:110px}.weapon-slot{width:70px;height:67px}.weapon-slot img{height:53px}.ammo{width:95px}.footer,.playing .footer{letter-spacing:.7px;padding:17px 20px;font-size:8px}.footer .connection-health{left:auto;right:20px;transform:none}#footer-right{display:none}.toast{bottom:256px}}@media (max-height:690px){.lobby{transform:translateY(-43%)}h1{margin:15px 0;font-size:59px}.lobby-description{margin-bottom:17px}.lobby-controls{margin-top:22px}.topbar{padding-top:22px}}@media (max-height:540px){.lobby{grid-template-columns:1fr 1fr;gap:0 28px;width:760px;max-width:calc(100vw - 60px);display:grid;top:90px;transform:none}.lobby-eyebrow,h1,.lobby-description{grid-column:1}.join-card{grid-area:1/2/span 3;align-self:center}.lobby-controls{grid-column:1/-1}h1{font-size:48px}.lobby-description{font-size:11px}.game-bottom{bottom:42px}.weapons{bottom:0}.weapon-slot{width:70px;height:62px}.vitals{width:160px}}#app:not(.playing){--accent:#fff;background:#000}#app:not(.playing) #arena{visibility:hidden}#app:not(.playing) .lobby-shade,#app:not(.playing) .topbar,#app:not(.playing) .footer{display:none}#app:not(.playing) .lobby{color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:none;padding:32px 24px;font-family:system-ui,sans-serif;display:flex;inset:0;overflow-y:auto;transform:none}.lobby .join-card{width:100%;max-width:320px}.lobby .join-card label{letter-spacing:0;color:#fff;margin-bottom:10px;font-size:13px;font-weight:500}.lobby input{color:#fff;background:#000;border:1px solid #444;border-radius:4px;height:48px;padding:0 14px;font-size:14px}.lobby input::placeholder{color:#777}.lobby input:hover{border-color:#777}.lobby .primary-button{color:#000;background:#fff;border:1px solid #fff;border-radius:4px;justify-content:center;height:48px;margin-top:12px;padding:0 16px;font-size:14px;font-weight:600}.lobby .primary-button:hover{background:#ddd;border-color:#ddd}.lobby .primary-button span{display:none}.lobby-settings{color:#aaa;background:0 0;border:0;border-radius:4px;margin-top:24px;padding:8px 16px;font-size:13px;font-weight:400}.lobby-settings:hover{color:#fff}.lobby #invite-notice,.lobby #new-room{display:none}.lobby .connection-error{color:#ccc;border:0;margin:16px 0 0;padding:0}.lobby-field{margin-top:20px}.lobby-options{grid-template-columns:1fr 100px;gap:14px;margin:18px 0;display:grid}.lobby-options label{font-size:13px}.lobby-options select,.lobby-options input{width:100%;height:44px;font:inherit;color:#fff;background:#141914;border:1px solid #596454;border-radius:4px;margin-top:8px;padding:8px;display:block}.lobby-panel{color:#f1f1e9;background:#172018;border:1px solid #596454;border-radius:10px;width:min(640px,100vw - 28px);max-height:calc(100dvh - 32px);padding:24px}.lobby-panel::backdrop{background:#050905bd}.panel-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-heading h2{margin:0}.lobby-panel p{color:#c4cebf;font-size:13px;line-height:1.5}.lobby-panel .format-note{font-size:12px}#lobby-settings-error{color:#ffc2a6}.leaderboard-scroll{max-height:38dvh;overflow:auto}.leaderboard{border-collapse:collapse;width:100%;font-size:13px}.leaderboard th,.leaderboard td{text-align:right;border-bottom:1px solid #ffffff18;padding:10px 6px}.leaderboard th:nth-child(2),.leaderboard td:nth-child(2){text-align:left;overflow-wrap:anywhere}.leaderboard .is-you{background:#d6ee9c16}.leaderboard [data-team="1"] td:nth-child(3){color:#f99}.leaderboard [data-team="2"] td:nth-child(3){color:#91caff}.room-strip{min-width:360px}.room-strip .connection-health{position:static;transform:none}.room-meta{flex-wrap:wrap;gap:10px}@media (max-width:760px){.room-strip{width:min(360px,100vw - 28px);min-width:0}.lobby-panel{padding:16px}}.lobby .secondary-button{color:#ddd;background:0 0;border:1px solid #555;border-radius:4px;width:100%;height:44px;margin-top:10px;padding:0 16px;font-size:14px;font-weight:500}.lobby .secondary-button:hover:not(:disabled){color:#fff;border-color:#aaa}.lobby .secondary-button:disabled{opacity:.5}