@font-face{font-family:Barlow;src:url('/assets/Barlow-Regular.ttf')}@font-face{font-family:Barlow;src:url('/assets/Barlow-SemiBold.ttf');font-weight:600}@font-face{font-family:Condensed;src:url('/assets/BarlowCondensed-Bold.ttf');font-weight:700}

:root{color-scheme:dark;--ink:#121b17;--paper:#f1eddd;--muted:#b9bcae;--gold:#f1c75e;--line:#f1eddd30;--red:#ed8272;--l:max(28px,env(safe-area-inset-left));--r:max(28px,env(safe-area-inset-right));--b:max(24px,env(safe-area-inset-bottom));font-family:Barlow,sans-serif;color:var(--paper);background:var(--ink)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{min-height:100dvh}button,input{font:inherit}button{cursor:pointer;border:0;color:inherit;touch-action:manipulation}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:hover:enabled{filter:brightness(1.08)}[hidden]{display:none!important}
#entrance-backdrop{position:fixed;inset:0;z-index:0;background:linear-gradient(90deg,#10171380,transparent 68%),url('/assets/entrance/bejaia-terrace.webp') center/cover no-repeat;pointer-events:none}
#view{position:fixed;inset:0;z-index:1;width:100%;height:100%;display:block;touch-action:none;outline:none;background:transparent}
#entrance,#lobby{position:fixed;inset:0;z-index:2;pointer-events:none}
#entrance{background:transparent;padding:max(40px,env(safe-area-inset-top)) max(6vw,var(--r)) var(--b) max(6vw,var(--l));display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px;color:var(--paper);text-decoration:none;font:700 30px/1 Condensed,sans-serif;letter-spacing:.02em}
.brand img{width:44px;height:44px;object-fit:cover;border-radius:8px;flex-shrink:0}.brand small{font-size:.55em}
.entrance-brand{gap:18px;text-shadow:0 2px 22px #10171380}.entrance-brand img{width:64px;height:64px;border-radius:12px}.entrance-brand h1{font:700 clamp(44px,5.6vw,82px)/.95 Condensed,sans-serif;letter-spacing:-.01em;margin:0}
.primary{width:100%;min-height:54px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 20px;background:var(--gold);color:#172019;font-size:19px;font-weight:600}.primary>span[aria-hidden]{font-size:25px}
.entrance-play{pointer-events:auto;width:clamp(230px,24vw,330px);min-height:76px;font:700 32px/1 Condensed,sans-serif;padding:18px 26px;margin-bottom:clamp(24px,9vh,100px);box-shadow:0 12px 40px #10171330}
#lobby{background:linear-gradient(90deg,#101a17c9,transparent 58%);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.masthead{padding:max(24px,env(safe-area-inset-top)) var(--r) 0 var(--l)}.masthead .brand{width:fit-content;pointer-events:auto}
.entry{position:relative;margin:clamp(28px,6vh,70px) 0 max(24px,env(safe-area-inset-bottom)) max(5vw,var(--l));width:340px;max-width:calc(100% - var(--l) - var(--r));padding:24px;background:#121b17e8;border:1px solid var(--line);pointer-events:auto}
.map-line{display:grid;gap:6px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--line)}.map-line h1{font:700 36px/1 Condensed,sans-serif;letter-spacing:.06em;margin:0}#lobby-count{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
#join-form{min-width:0}label,legend{font-size:11px;letter-spacing:.08em;font-weight:600;color:var(--muted);padding:0}#nickname{display:block;width:100%;min-height:44px;margin:8px 0 18px;background:#101a17;border:1px solid #f1eddd40;color:var(--paper);padding:10px 12px;border-radius:0;outline-offset:1px}#nickname::placeholder{color:#b9bcae91}
fieldset{padding:0;margin:0 0 18px;border:0;min-width:0}.character-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.character-card{min-width:0;min-height:54px;padding:0 6px 0 0;display:flex;align-items:center;gap:7px;text-align:left;background:#13201c;border:1px solid var(--line);font-size:12px}.character-card img{width:34px;height:52px;object-fit:cover;object-position:50% 15%;flex-shrink:0}.character-card span{overflow-wrap:anywhere;line-height:1.2}.character-card.selected,.outfit.selected{border-color:var(--gold);color:var(--gold);background:#f1c75e13}
.outfit-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}.outfit{min-width:0;min-height:44px;padding:8px;background:#13201c;border:1px solid var(--line);font-size:12px;overflow-wrap:anywhere}.error{font-size:12px;line-height:1.4;color:var(--red);margin:10px 0 0;overflow-wrap:anywhere}.error:empty{display:none}
.character-label{position:absolute;right:7vw;bottom:max(38px,env(safe-area-inset-bottom));display:flex;gap:15px;align-items:center;max-width:45%;text-shadow:0 1px 8px #000}.character-label>span{font:700 48px/1 Condensed;color:var(--gold)}.character-label>div{min-width:0;padding-left:14px;border-left:1px solid var(--line);display:grid;gap:5px}.character-label strong{font-size:14px;letter-spacing:.12em;overflow-wrap:anywhere}.character-label small{font-size:10px;letter-spacing:.15em;color:var(--muted)}
.eyebrow{font-size:11px;letter-spacing:.2em;display:flex;align-items:center;gap:9px;font-weight:600}
#loading{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--ink);gap:18px}#loading img{width:72px;height:72px;border-radius:14px}#loading strong{font:700 44px Condensed;letter-spacing:.1em}#load-label{font-size:13px;color:var(--muted)}.load-line{width:180px;height:2px;background:var(--line);overflow:hidden}.load-line:before{content:'';display:block;width:60px;height:2px;background:var(--gold);animation:loading 1s infinite ease-in-out}@keyframes loading{from{transform:translateX(-60px)}to{transform:translateX(180px)}}
#hud{z-index:3;position:fixed;inset:0;pointer-events:none;text-shadow:0 1px 4px #0008}#hud:before{content:'';position:absolute;inset:0;box-shadow:inset 0 0 90px #0004;pointer-events:none}.match-heading{position:absolute;top:max(22px,env(safe-area-inset-top));left:var(--l);display:grid;gap:5px}.match-heading .eyebrow{font-size:9px;color:#e8e9dbbd}.match-heading strong{font:700 31px Condensed;letter-spacing:.08em}#population{font-size:11px;color:var(--muted)}.tools{position:absolute;top:max(22px,env(safe-area-inset-top));right:var(--r);display:flex;gap:7px;pointer-events:auto}.icon-button{width:44px;height:44px;border:1px solid #f1eddd40;background:#101a1766;font-size:24px;display:grid;place-items:center}.icon-button:active{background:#c8bb9366}#crosshair{position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%);filter:drop-shadow(0 1px 2px #000)}#crosshair i{position:absolute;background:#f1edddcc}#crosshair i:nth-child(1){left:10px;top:0;width:2px;height:6px}#crosshair i:nth-child(2){left:10px;bottom:0;width:2px;height:6px}#crosshair i:nth-child(3){left:0;top:10px;height:2px;width:6px}#crosshair i:nth-child(4){right:0;top:10px;height:2px;width:6px}#crosshair b{position:absolute;width:2px;height:2px;top:10px;left:10px;background:var(--paper)}#hitmarker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:39px;color:var(--gold);opacity:0;transition:opacity .13s}#hitmarker.show{opacity:1}.health,.ammo{position:absolute;bottom:max(49px,calc(env(safe-area-inset-bottom) + 36px))}.health{left:var(--l)}.hud-caption{font-size:10px;letter-spacing:.19em;color:var(--muted);margin-bottom:7px}.health strong{font:700 48px/1 Condensed}.health-track{width:145px;background:#f1eddd25;height:3px;margin-top:10px}.health-track i{display:block;height:3px;background:var(--paper);width:100%;transition:width .15s}#score{display:block;font-size:11px;color:#e4e6d8b8;margin-top:10px}.ammo{right:var(--r);text-align:right}.ammo strong{font:700 68px/.85 Condensed}.ammo>span{color:var(--muted);font-size:18px;margin-left:8px}#reload-state{height:18px;font-size:11px;letter-spacing:.09em;color:var(--gold);margin-top:9px}.desktop-controls{position:absolute;left:50%;bottom:var(--b);transform:translateX(-50%);font-size:10px;letter-spacing:.05em;white-space:nowrap}.desktop-controls span{font-size:9px;color:var(--muted);margin-left:5px}.desktop-controls b{margin:0 12px;color:var(--gold)}.net-status{position:absolute;bottom:var(--b);right:var(--r);display:flex;gap:12px;font-size:10px;color:#d2d5c3c9}#notice{position:absolute;left:50%;top:64%;transform:translateX(-50%);font-size:13px;color:var(--gold);text-align:center;max-width:80vw}#killfeed{position:absolute;right:var(--r);top:90px;font-size:13px;text-align:right;display:grid;gap:7px}#killfeed>div{background:#111c18a8;padding:8px 12px;border-left:2px solid var(--gold)}.overlay{position:fixed;inset:0;z-index:20;background:#0a1410a8;backdrop-filter:blur(8px);display:grid;place-items:center;padding:24px}.panel{width:min(390px,100%);background:#18231eef;border:1px solid var(--line);padding:32px;overflow-wrap:anywhere}.panel h2,.death-panel h2{font:700 47px/.95 Condensed;margin:20px 0 28px}.panel .primary{font-size:17px}.secondary{margin-top:12px;width:100%;min-height:48px;background:transparent;border:1px solid var(--line);font-size:14px}.panel-note,.panel p{font-size:12px;color:var(--muted);line-height:1.5}.panel-note{margin:21px 0 0}.death-panel{position:fixed;left:50%;top:42%;transform:translate(-50%,-50%);z-index:15;text-align:center;padding:30px;background:#131d18d9;pointer-events:none;min-width:300px}.death-panel .eyebrow{justify-content:center;color:var(--gold)}.death-panel h2{margin:15px 0}#respawn{font-size:14px;color:var(--muted)}
#touch-controls{position:absolute;inset:0;pointer-events:none}#look-zone{position:absolute;left:38%;right:0;top:80px;bottom:0;pointer-events:auto;touch-action:none}#joystick{position:absolute;width:112px;height:112px;left:max(27px,env(safe-area-inset-left));bottom:max(27px,env(safe-area-inset-bottom));border:1px solid #f1eddd60;border-radius:50%;background:#101a1729;pointer-events:auto;touch-action:none}#stick{position:absolute;left:36px;top:36px;width:38px;height:38px;border-radius:50%;border:1px solid #f1edddaa;background:#f1eddd30;pointer-events:none}.touch-button{position:absolute;pointer-events:auto;touch-action:none;background:#101a1759;border:1px solid #f1eddd70;border-radius:50%;width:49px;height:49px;font-size:25px;display:grid;place-items:center;user-select:none}#touch-fire{right:max(35px,env(safe-area-inset-right));bottom:70px;width:75px;height:75px;font-size:44px;border-color:var(--gold);color:var(--gold)}#touch-ads{right:125px;bottom:85px}#touch-reload{right:28px;bottom:160px;font-size:20px}#touch-jump{right:110px;bottom:20px}.is-touch .desktop-controls{display:none}.is-touch .health{left:var(--l);bottom:auto;top:125px}.is-touch .health strong{font-size:30px}.is-touch .health-track{width:80px;margin-top:5px}.is-touch .ammo{bottom:auto;top:105px}.is-touch .ammo strong{font-size:40px}.is-touch .net-status{left:50%;right:auto;bottom:12px;transform:translateX(-50%)}

@media(max-width:760px){
 :root{--l:max(16px,env(safe-area-inset-left));--r:max(16px,env(safe-area-inset-right));--b:max(18px,env(safe-area-inset-bottom))}
 #entrance{padding-top:max(26px,env(safe-area-inset-top))}.entrance-brand{gap:12px}.entrance-brand img{width:46px;height:46px}.entrance-brand h1{font-size:46px}.entrance-play{min-height:64px;width:220px;margin-bottom:32px}
 .masthead{padding-top:max(16px,env(safe-area-inset-top))}.brand{font-size:25px}.brand img{width:36px;height:36px}
 #lobby{background:linear-gradient(90deg,#101a17c9,transparent 90%)}.entry{width:286px;margin:22px 0 20px var(--l);padding:16px}.character-label{position:relative;right:auto;bottom:auto;margin:0 var(--r) 22px auto;width:fit-content;max-width:calc(100% - var(--l) - var(--r))}.character-label>span{font-size:30px}.character-label strong{font-size:11px}.character-label small{font-size:9px}
 .desktop-controls{display:none}.net-status{font-size:9px}.health-track{width:110px}
}
@media(max-height:640px){
 .masthead{padding-top:max(12px,env(safe-area-inset-top))}.masthead .brand img{width:32px;height:32px}.entry{margin-top:16px;margin-bottom:14px;padding:16px}.map-line{padding-bottom:12px;margin-bottom:12px}.map-line h1{font-size:30px}#nickname{margin:6px 0 12px}fieldset{margin-bottom:12px}.character-card{min-height:44px}.character-card img{height:42px;width:30px}.character-label{bottom:22px}.health,.ammo{bottom:30px}.net-status{bottom:12px}.match-heading strong{font-size:25px}.match-heading{gap:3px;top:17px}.tools{top:17px}.icon-button{width:39px;height:39px}
}
@media(max-width:480px) and (max-height:640px){.character-label{margin-bottom:12px;gap:10px}.character-label>span{font-size:24px}.character-label>div{gap:3px;padding-left:10px}.entry{margin-bottom:12px}.entrance-play{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.entrance-brand>span{font:700 32px/1 Condensed,sans-serif;letter-spacing:.015em}.entrance-action{position:absolute;left:max(6vw,var(--l));bottom:max(16vh,100px);width:min(420px,40vw)}.entrance-title{font:700 clamp(46px,6.5vw,97px)/.96 Condensed,sans-serif;letter-spacing:-.005em;margin:0 0 30px;text-shadow:0 3px 24px #0004}.entrance-title>span,.entrance-title>em{display:block;white-space:nowrap}.entrance-title>span{color:#f1eddd}.entrance-title>em{font-style:normal;color:var(--gold)}.entrance-action .entrance-play{position:static;width:min(330px,100%);margin:0;min-height:62px}
@media(max-width:760px){.entrance-action{left:var(--l);bottom:max(10vh,65px);width:min(350px,80vw)}.entrance-title{font-size:clamp(40px,10.5vw,70px);margin-bottom:23px}.entrance-action .entrance-play{width:220px;min-height:57px}.entrance-brand>span{font-size:27px}}
@media(max-height:560px){.entrance-action{bottom:45px}.entrance-title{font-size:clamp(36px,5.5vw,63px);margin-bottom:18px}.entrance-action .entrance-play{min-height:48px}}
#voice-controls{position:absolute;bottom:54px;left:50%;transform:translateX(-50%);display:flex;gap:6px;align-items:center;pointer-events:auto;text-shadow:none;max-width:calc(100vw - 310px)}#voice-controls button{min-height:36px;display:flex;align-items:center;gap:7px;padding:6px 11px;background:#152119b5;border:1px solid #f1eddd30;font-size:11px;white-space:nowrap}#voice-controls button kbd{font:600 10px Barlow,sans-serif;color:var(--gold);border:1px solid #f1eddd38;padding:3px 5px;min-width:19px;text-align:center}#voice-controls button:disabled{cursor:default;opacity:.43}#voice-cooldown{font-size:10px;color:var(--gold);min-width:23px}#voice-caption{position:absolute;left:50%;bottom:112px;transform:translateX(-50%);text-align:center;color:var(--paper);font-size:14px;max-width:65vw;padding:6px 12px;background:#101a177d;empty-cells:hide}#voice-caption:empty{display:none}.is-touch #voice-controls{top:78px;bottom:auto;max-width:calc(100vw - 180px)}.is-touch #voice-controls button{padding:8px;min-height:40px}.is-touch #voice-controls button kbd{display:none}.is-touch #voice-caption{bottom:185px}
@media(max-width:760px){#voice-controls{bottom:18px;max-width:95vw;gap:4px}#voice-controls button{padding:6px;font-size:10px;gap:4px}#voice-controls button kbd{padding:2px 3px}#voice-caption{font-size:12px;bottom:70px;max-width:90vw}.is-touch #voice-controls{left:50%;top:72px;max-width:90vw}.is-touch #voice-controls button{min-height:36px;font-size:10px}}
/* FPS controls share the approved olive/gold shell. */
#minimap{position:absolute;left:var(--l);top:122px;width:154px;height:154px;border:1px solid #f1eddd55;background:#19251fbd;border-radius:50%;opacity:.9}.tools{gap:6px}.ammo button{display:block;margin:0 0 9px auto;padding:6px 8px;background:#12201bbd;border:1px solid var(--line);pointer-events:auto;min-height:32px;color:var(--paper)}#grenade-count{display:block;margin-top:8px;font-size:12px;color:var(--muted)}.health-track i.regenerating{box-shadow:0 0 12px #a7c68b;background:#c6dfb0!important}
.game-sheet{position:fixed;inset:max(7vh,24px) max(12vw,20px);z-index:16;padding:24px;background:#15211cf5;border:1px solid #f1eddd40;box-shadow:0 24px 100px #0008;display:flex;flex-direction:column;gap:20px;overflow:hidden;pointer-events:auto}.game-sheet header{display:flex;align-items:center;justify-content:space-between;gap:16px}.game-sheet h2{font:700 32px/1 Condensed;margin:0;letter-spacing:.05em}.game-sheet h2 span{font:600 16px Barlow;color:var(--gold);margin-left:10px}.game-sheet header button{flex-shrink:0}.game-sheet canvas{display:block;min-height:0;min-width:0;width:100%;height:100%;object-fit:contain}.game-sheet small{font-size:10px;color:var(--muted)}.scoreboard-scroll{overflow:auto}#scoreboard-panel table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed}#scoreboard-panel th,#scoreboard-panel td{padding:14px 12px;border-bottom:1px solid #f1eddd20;overflow-wrap:anywhere}#scoreboard-panel th{font-size:11px;color:var(--muted);font-weight:600}#scoreboard-panel th:first-child{width:60%}.is-self{color:var(--gold);background:#f1c75e0a}
#scope{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0 29vh,#08100c 29.4vh);pointer-events:none}#scope i,#scope b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#101915;width:min(58vh,90vw);height:1px}#scope b{height:58vh;width:1px}#injury-ring{position:absolute;left:50%;top:50%;width:180px;height:180px;transform:translate(-50%,-50%);pointer-events:none}.injury-cue{position:absolute;inset:0;border:5px solid transparent;border-top-color:#f66e58;border-radius:50%;filter:drop-shadow(0 0 4px #330600);will-change:transform,opacity}.injury-cue.unknown{border-color:#f66e5833}
#touch-crouch{right:178px;bottom:21px}#touch-melee{right:197px;bottom:84px;font-size:18px}#touch-grenade{right:192px;bottom:147px;font-size:18px}#touch-weapon{right:109px;bottom:160px;font-size:23px}.is-touch #minimap{width:94px;height:94px;top:72px;left:var(--l)}.is-touch .health{top:178px}.is-touch #voice-controls{left:var(--l);bottom:156px;max-width:40vw;gap:4px}.is-touch #voice-controls button{min-width:44px;min-height:44px;padding:6px}.is-touch #voice-controls button span{display:none}.is-touch .match-heading{display:none}.is-touch .tools{top:max(12px,env(safe-area-inset-top))}.is-touch .tools .icon-button{width:40px;height:40px}.is-touch .ammo{top:70px}.is-touch #voice-caption{top:23px;bottom:auto;max-width:45vw;font-size:11px}.is-touch #touch-controls{user-select:none;-webkit-user-select:none}.is-touch #hud{touch-action:none}
@media(max-width:600px){.game-sheet{inset:12px;padding:16px;gap:12px}.game-sheet h2{font-size:27px}#scoreboard-panel th,#scoreboard-panel td{padding:12px 6px}.tools .icon-button{width:38px;height:38px}.is-touch .tools{gap:4px}}
@media(max-height:500px){.is-touch .health{top:auto;bottom:155px}.is-touch #minimap{width:78px;height:78px;top:16px}.is-touch .tools{right:12px}.is-touch .ammo{right:12px;top:65px}.is-touch #voice-controls{bottom:136px}.is-touch .health strong{font-size:25px}#touch-weapon{right:110px;bottom:151px}#touch-reload{bottom:151px}}
#menu-sound{position:fixed;z-index:4;right:var(--r);top:max(24px,env(safe-area-inset-top));background:#14221c8c;pointer-events:auto}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quiz-options button{margin:0}.quiz-options button:active{background:#f1c75e22}body[data-screen=playing] #menu-sound{display:none}#hitmarker.headshot{color:#ff8c67}
#install-game{position:fixed;top:max(24px,env(safe-area-inset-top));right:calc(var(--r) + 56px);z-index:4;background:#14221c8c}body[data-screen=playing] #install-game,body[data-screen=loading] #install-game{display:none}#map-attribution a{color:var(--muted);text-underline-offset:3px}
.overlay .panel{max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}.overlay{padding:16px}.panel h2{font-size:clamp(32px,6vh,47px)}
@media(max-height:500px){.overlay .panel{padding:20px}.panel h2{margin:12px 0 18px}.panel .secondary{min-height:44px;margin-top:9px}.panel .primary{min-height:48px}.panel-note{margin-top:12px}}
#microphone.enabled{color:var(--gold);border-color:var(--gold)}#voice-status{font-size:12px;color:var(--muted);margin-top:12px;line-height:1.4}#voice-status:empty{display:none}#voice-peers{display:grid;gap:6px;margin-top:8px}.voice-peer{background:#0c1712;border:1px solid var(--line);padding:10px;text-align:left;overflow-wrap:anywhere;min-height:44px}
.character-options{grid-template-columns:repeat(3,minmax(0,1fr))}.character-card{flex-direction:column;padding:6px;gap:5px;text-align:center;justify-content:center}.character-card img{width:100%;height:60px;object-fit:cover;object-position:50% 17%;border-radius:1px}.character-card span{font-size:11px}.outfit-options{grid-template-columns:repeat(auto-fit,minmax(75px,1fr))}
#touch-grenade{right:164px}.is-touch #hud{-webkit-touch-callout:none}
#lobby-map{font:inherit;letter-spacing:inherit;background:none;padding:0;display:flex;align-items:center;gap:18px;text-align:left}#lobby-map span{font:20px Barlow;color:var(--gold)}.map-choice-heading{display:flex;align-items:center;justify-content:space-between}.map-card{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:56px;background:#0f1b15;border:1px solid var(--line);margin-top:10px;padding:14px;text-align:left}.map-card.selected{border-color:var(--gold);color:var(--gold)}.map-card span{font-size:11px}.map-card:disabled{cursor:default;opacity:.5}#fullscreen-state:empty{display:none}
.is-touch #touch-fire{right:calc(35px + env(safe-area-inset-right))}.is-touch #touch-ads{right:calc(125px + env(safe-area-inset-right))}.is-touch #touch-reload{right:calc(28px + env(safe-area-inset-right))}.is-touch #touch-jump{right:calc(110px + env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom))}.is-touch #touch-crouch{right:calc(178px + env(safe-area-inset-right));bottom:calc(21px + env(safe-area-inset-bottom))}.is-touch #touch-melee{right:calc(197px + env(safe-area-inset-right))}.is-touch #touch-grenade{right:calc(164px + env(safe-area-inset-right))}.is-touch #touch-weapon{right:calc(109px + env(safe-area-inset-right))}
.entrance-avatar{position:absolute;background:transparent;border:1px solid transparent;pointer-events:auto;border-radius:8px;padding:0;min-width:44px;min-height:44px}.entrance-avatar:hover,.entrance-avatar:focus-visible{border-color:#f1c75e80;background:linear-gradient(0deg,#f1c75e10,transparent 35%)}.entrance-avatar span{position:absolute;left:50%;bottom:-22px;transform:translateX(-50%);font-size:12px;letter-spacing:.08em;text-shadow:0 1px 5px #000;opacity:0;white-space:nowrap}.entrance-avatar:hover span,.entrance-avatar:focus-visible span{opacity:1}
@media(max-width:600px) and (orientation:portrait){#lobby{display:grid;grid-template-rows:64px minmax(240px,40dvh) minmax(0,1fr);overflow:hidden}.masthead{grid-row:1}.entry{grid-row:3;margin:0 var(--l) var(--b);width:calc(100% - var(--l) - var(--r));max-width:none;padding:16px;overflow:auto;overscroll-behavior:contain}.character-label{position:absolute;top:calc(40dvh + 8px);right:var(--r);bottom:auto;margin:0;max-width:65%}.character-label>span{font-size:26px}.character-label strong{font-size:11px}.character-label small{font-size:9px}}
