@font-face{font-family:Display;src:url('assets/display.ttf');font-weight:800;font-display:swap}@font-face{font-family:Body;src:url('assets/body.ttf');font-weight:400 700;font-display:swap}
:root{--lime:#dcff9c;--violet:#b094ff;--cream:#f4edde;--ink:#111715;--muted:#b9c5b7;--line:#ffffff30}*{box-sizing:border-box}body{margin:0;background:#162b23;color:var(--cream);font:14px/1.5 Body,Arial,sans-serif;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button,a,input,select{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime)}button{transition:background .18s,transform .18s}button:hover:not(:disabled){filter:brightness(1.12)}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}#game{width:100%;height:100dvh;display:block;outline:none;touch-action:none}#lobby{position:fixed;inset:0;display:flex;flex-direction:column;background:linear-gradient(90deg,#101e18ed 0%,#101e18ba 32%,#101e1810 65%),linear-gradient(0deg,#101e18dc,transparent 28%,transparent 80%,#101e18aa);pointer-events:none}#lobby button,#lobby input,#lobby a{pointer-events:auto}header{height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;border-bottom:1px solid var(--line)}.wordmark{font:800 42px Display,Impact,sans-serif;color:var(--cream);text-decoration:none;display:flex;align-items:center}.wordmark>span{color:var(--lime)}.wordmark small{font:10px/1.5 Body,sans-serif;letter-spacing:2px;max-width:130px;border-left:1px solid var(--line);margin-left:24px;padding-left:24px}.build{font:11px monospace;letter-spacing:1.5px}.build i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:10px}.build span{color:var(--muted)}.quiet{border:0;background:none;color:var(--cream);min-height:44px}.quiet span{margin-left:22px;color:var(--lime);font-size:23px}.lobby-main{flex:1;display:flex;align-items:center;justify-content:space-between;padding:24px 4.5vw;min-height:0}.intro{max-width:600px}.eyebrow{font:10px/1.5 monospace;letter-spacing:2px;color:var(--lime)}.intro .eyebrow{display:flex;align-items:center;gap:10px}.eyebrow>span{width:22px;height:1px;background:var(--lime)}h1{font:800 clamp(56px,6.7vw,112px)/.92 Display,Impact,sans-serif;letter-spacing:-1.5px;margin:27px 0 18px}h1 em{font-style:normal;color:var(--lime)}.tagline{font-size:18px;font-weight:700;margin:0 0 9px}.description{color:#d0d7cc;font-size:14px;line-height:1.7;margin:0 0 25px}.enter-panel{max-width:355px}label{display:block;font:10px/1.5 monospace;letter-spacing:1.5px;margin-bottom:7px;color:var(--muted)}input:not([type=range]),select{width:100%;color:var(--cream);background:#12251dd9;border:1px solid #c9d3b54a;padding:12px 14px;border-radius:2px;height:45px}input:focus{border-color:var(--lime)}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--lime);color:var(--ink);border:0;border-radius:2px;padding:19px 21px;font-weight:700;letter-spacing:.6px;margin-top:10px;min-height:56px}.primary>span:last-child{font-size:23px;line-height:1}.play-meta{display:flex;align-items:center;justify-content:space-between;font:9px monospace;letter-spacing:.5px;margin-top:12px;gap:6px}.play-meta button{background:none;border:0;color:var(--cream);text-decoration:underline;font:11px Body;min-height:26px}.notice{color:var(--muted);font-size:11px;margin:12px 0 0;max-width:380px}.location{align-self:flex-end;margin-bottom:35px;width:215px;border-left:1px solid #f4edde80;padding-left:22px;text-shadow:0 2px 14px #000}.location-index{font:10px monospace;letter-spacing:1.5px}.location h2{font:800 43px/.95 Display;margin:14px 0}.location h2 span{float:right;color:var(--lime)}.location p{font-size:12px}.coordinates{font:8px monospace;letter-spacing:.8px;margin-top:22px}footer{min-height:88px;display:flex;align-items:center;justify-content:space-between;padding:10px 4.5vw;border-top:1px solid var(--line);gap:20px}.field-note{display:flex;align-items:center;gap:13px}.field-note img{width:46px;height:46px;object-fit:contain;border:1px solid var(--line);background:#17221b;border-radius:50%}.field-note span,.footer-note{font:9px/1.8 monospace;letter-spacing:1px}.field-note strong{font-weight:400;color:var(--muted)}.footer-note{color:var(--muted)}#loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--ink);z-index:50}#loading b{font:800 90px Display}#loading b span{color:var(--lime)}#loading p{color:var(--cream)}#loading small{color:var(--muted);margin-top:16px}.loadline{height:2px;width:200px;background:linear-gradient(90deg,var(--lime),var(--violet));animation:pulse 1s infinite alternate}@keyframes pulse{to{opacity:.3}}
#hud{position:fixed;inset:0;pointer-events:none;text-shadow:0 2px 5px #0009}.hud-top{display:flex;justify-content:space-between;padding:25px 32px;background:linear-gradient(#10201899,transparent)}.match-chip{display:flex;flex-direction:column;gap:5px}.match-chip b{font-size:12px}.timer{text-align:center;position:absolute;left:50%;transform:translateX(-50%)}.timer small{display:block;font:9px monospace;letter-spacing:2px}.timer b{font:800 37px Display}.score-chip{display:flex;align-items:center;gap:12px}.score-chip b{font:800 32px Display}.score-chip span{font:9px monospace}.score-chip b:nth-of-type(2){margin-left:15px}.hud-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:flex-end;justify-content:space-between;padding:30px 32px;background:linear-gradient(transparent,#102018aa)}.health{width:170px}.health>span{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:2px}.health b{font:800 30px Display}.health>div{height:5px;background:#ffffff40;margin:6px 0 10px}.health i{display:block;width:100%;height:100%;background:var(--lime);transition:width .15s}.health small{font:8px monospace;letter-spacing:1px}.ammo{text-align:right}.ammo small{font:11px monospace;letter-spacing:2px}.ammo b{font:800 62px/.95 Display}.ammo span{color:#d9e5d0}.ammo div span{font:800 27px Display;margin-left:8px}.ammo>span{font:8px monospace;letter-spacing:1px}.control-hint{font:9px/2 monospace;text-align:center;color:#e1ead8}#crosshair{position:absolute;left:50%;top:50%;width:20px;height:20px;transform:translate(-50%,-50%);filter:drop-shadow(0 1px 2px #000)}#crosshair i{position:absolute;background:#fff;border-radius:1px}#crosshair i:nth-child(1){width:2px;height:5px;left:9px;top:0}#crosshair i:nth-child(2){width:2px;height:5px;left:9px;bottom:0}#crosshair i:nth-child(3){width:5px;height:2px;left:0;top:9px}#crosshair i:nth-child(4){width:5px;height:2px;right:0;top:9px}#hitmarker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:36px;color:var(--lime);opacity:0}#toast{position:absolute;top:58%;width:100%;text-align:center;font:800 24px Display;color:var(--lime)}#feed{position:absolute;right:32px;top:110px;font-size:11px;line-height:2.3}#feed p{margin:3px 0;padding:1px 12px;background:#11171580;border-right:2px solid var(--lime)}#deathscreen{position:absolute;inset:0;background:#121c1790;display:flex;flex-direction:column;justify-content:center;align-items:center}#deathscreen small{letter-spacing:3px;color:var(--violet)}#deathscreen h2{font:800 60px Display;margin:10px}.modal{position:fixed;inset:0;z-index:20;background:#0b1916c9;backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}.sheet{background:#152820;border:1px solid #a7bd8b50;border-top:3px solid var(--lime);padding:38px;width:min(640px,100%);position:relative;box-shadow:0 20px 100px #0004;max-height:90dvh;overflow:auto}.sheet.narrow{max-width:430px}.sheet h2{font:800 46px/1.05 Display;margin:16px 0 25px}.sheet p{color:#c5d0be}.sheet label{margin-top:22px}.sheet input[type=range]{width:100%;accent-color:var(--lime);min-height:30px}.sheet output{float:right;color:var(--lime)}.secondary{width:100%;background:none;border:1px solid #ffffff40;color:var(--cream);padding:15px;margin-top:12px}.close{position:absolute;right:16px;top:12px;background:none;border:0;color:var(--cream);font-size:28px;width:44px;height:44px}.muted{font-size:12px;color:var(--muted)}table{width:100%;border-collapse:collapse;text-align:left}th{font:9px monospace;letter-spacing:1px;color:var(--muted)}td,th{padding:12px 7px;border-bottom:1px solid var(--line)}td:first-child{color:var(--lime)}.mode-option{display:block;text-align:left;width:100%;padding:19px;background:#213a2b;border:1px solid #a7bd8b50;color:var(--cream);margin:12px 0}.mode-option b,.mode-option span{display:block}.mode-option span{font-size:12px;color:var(--muted);margin-top:7px}.record-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:25px}.record-stats b{display:block;font:800 45px Display;color:var(--lime)}.record-stats span{font:10px monospace;letter-spacing:1px}.record-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}
@media(max-height:780px) and (min-width:801px){header{height:76px}footer{min-height:70px}h1{font-size:80px;margin:18px 0 12px}.description{margin-bottom:15px}.lobby-main{padding-top:12px;padding-bottom:12px}.primary{padding:15px;min-height:50px}.tagline{font-size:16px}}
@media(max-width:800px){header{height:76px;padding:0 24px}.wordmark{font-size:34px}.wordmark small,.build,.footer-note,.location{display:none}.lobby-main{padding:24px;align-items:center}h1{font-size:clamp(55px,10vw,82px)}.intro{max-width:90%}#lobby{background:linear-gradient(90deg,#101e18ed,#101e1880),linear-gradient(0deg,#101e18cc,transparent)}footer{padding:12px 24px}.field-note span{font-size:8px}.control-hint{display:none}.hud-top,.hud-bottom{padding:20px}.match-chip b{max-width:100px;font-size:9px}.score-chip{gap:5px}.score-chip span{font-size:7px}.score-chip b{font-size:24px}.sheet{padding:24px}.sheet h2{font-size:38px}}
@media(max-height:650px){#lobby{overflow-y:auto}.lobby-main{min-height:480px}footer{min-height:75px}.description{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* Season 01 combat presentation */
#compass{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:270px;text-align:center;font:11px monospace;letter-spacing:7px;color:#f0f3dd;border-bottom:1px solid #e1ecc449;padding-bottom:8px}#compass::after{content:'▾';position:absolute;left:50%;bottom:-12px;color:var(--lime)}.timer{top:58px}.timer b{font-size:28px}#radar{position:absolute;top:108px;left:32px;width:144px;background:#14261eb0;border:1px solid #c5deab60;box-shadow:0 8px 25px #0003}#radarMap{display:block;width:100%;height:auto}#radar>span{display:block;border-top:1px solid #c5deab40;padding:5px;text-align:center;font:8px monospace;letter-spacing:2px;color:var(--lime)}#streakBadge{position:absolute;left:32px;top:300px;display:flex;gap:12px;align-items:center;border-left:3px solid var(--violet);padding:8px 13px;background:#1c2923b0}#streakBadge b{font:800 34px Display;color:var(--violet)}#streakBadge span{font:10px monospace;letter-spacing:2px}#killConfirm{position:absolute;left:50%;bottom:150px;transform:translateX(-50%);min-width:250px;display:flex;flex-direction:column;align-items:center;background:linear-gradient(90deg,transparent,#14261edb,transparent);border-top:1px solid #dbff9c80;padding:12px 40px;text-align:center}#killConfirm small{font:9px monospace;letter-spacing:3px;color:var(--lime)}#killConfirm b{font:800 27px Display;margin:3px 0}#killConfirm>span{font:12px monospace;color:var(--lime)}#hud.aiming #crosshair{opacity:0}#hud.sliding .health>div{background:#b094ff50}.credits-link{font-size:11px;color:var(--lime);display:inline-block;min-height:32px;margin-top:8px}.check-label{display:flex;gap:12px;align-items:center;font:12px Body;letter-spacing:0}.check-label input{width:18px;height:18px;accent-color:var(--lime)}.weapon-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.weapon-card{text-align:left;border:1px solid #c5deab35;background:#1c3328;color:var(--cream);padding:22px;min-height:265px}.weapon-card.selected{border-color:var(--lime);background:#2c4230}.weapon-card>small{display:block;font:8px monospace;letter-spacing:1px;color:var(--muted)}.weapon-card>strong{display:block;font:800 30px/1 Display;margin:20px 0 7px}.weapon-card>span{display:block;font-size:12px;color:var(--muted);margin-bottom:28px}.weapon-stat{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:13px;font:9px monospace}.weapon-stat i{width:90px;height:4px;background:#ffffff20;position:relative}.weapon-stat i::after{content:'';display:block;width:var(--fill);height:100%;background:var(--lime)}.weapon-stat b{color:var(--lime)}.build{margin-left:auto;margin-right:35px}#loadoutBtn{margin-right:28px}#killerInfo{font-size:13px;color:var(--violet)!important}#hud #toast{top:42%;font-size:22px}.hud-bottom{padding-bottom:25px}#reloadHint{display:inline-block;min-width:120px}.health>div{height:6px}.sheet .server-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}@media(max-width:800px){#radar{left:20px;top:105px;width:100px}#compass{width:150px;font-size:9px;letter-spacing:2px}#streakBadge{left:20px;top:230px}.weapon-cards{grid-template-columns:1fr}.weapon-card{min-height:0;padding:16px}.weapon-card>strong{margin-top:10px}#loadoutBtn{margin-left:auto;margin-right:12px}.build{display:none}header .quiet{font-size:12px}.wordmark small{display:none}}

/* Habitat collection / field kit */
.location select{width:100%;margin:8px 0 18px;background:#17251fdd}.location label{font-size:10px;letter-spacing:2px;color:#dcff9c}.location h2{font-size:clamp(32px,4vw,64px)}.weapon-cards{grid-template-columns:repeat(3,1fr)}.weapon-card img{width:100%;height:125px;object-fit:contain;display:block}.weapon-card strong{font-size:21px}.kit-options{display:grid;grid-template-columns:1fr;gap:12px;margin-top:24px}.kit-options label{font-size:11px;letter-spacing:1px}.kit-options select{width:100%;margin-top:6px}.sheet{max-height:90vh;overflow:auto}#objectiveStatus{position:absolute;top:99px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:2px;color:#dcff9c}#utilityStatus{position:absolute;bottom:120px;right:28px;font-size:10px;letter-spacing:1px;color:#dcff9c}.challenge{display:grid;gap:8px;padding:14px 0;border-bottom:1px solid #ffffff18}.challenge span{font-size:12px;color:#b5beb8}.challenge progress{width:100%;height:5px;accent-color:#dcff9c}@media(max-width:700px){.weapon-cards{grid-template-columns:1fr}.weapon-card img{height:100px}.location{display:none}#objectiveStatus{top:115px;font-size:9px;width:100%;text-align:center}}

/* Live character and first-person collection */
#lobby select{pointer-events:auto}#studio{position:fixed;inset:0;z-index:10;background:linear-gradient(90deg,#0c1919e6,transparent 42%),linear-gradient(0deg,#0c191999,transparent 20%);pointer-events:none}#studio button,#studio select,#studio input{pointer-events:auto}.studio-top{height:95px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff25}.studio-tabs{display:flex;gap:8px}.studio-tabs button,.studio-actions button{background:#162b28d9;border:1px solid #d6ebc040;padding:12px 18px;color:var(--cream);min-height:44px;font-size:12px}.studio-tabs button[aria-pressed=true],.studio-actions button[aria-pressed=true]{color:var(--ink);background:var(--lime);border-color:var(--lime)}.studio-edition,.studio-caption{font:10px monospace;letter-spacing:2px;color:var(--muted)}.studio-title{position:absolute;left:4vw;top:140px;max-width:300px}.studio-title h2{font:800 56px/.95 Display;margin:18px 0}.studio-title p{font-size:14px;color:var(--muted)}.studio-controls{position:absolute;left:4vw;bottom:65px;width:270px;padding:20px;background:#102522e0;border:1px solid #d6ebc033}.studio-controls label{margin-top:14px}.studio-controls label:first-child{margin-top:0}.studio-controls input[type=range]{width:100%;accent-color:var(--lime);height:25px}.studio-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.studio-actions button:last-child{grid-column:auto}.studio-caption{position:absolute;right:4vw;bottom:25px}.studio-controls .muted{line-height:1.7;margin-bottom:0}#studioBtn{margin-right:20px}#studio.firstperson{background:linear-gradient(90deg,#0c1919dd,transparent 35%)}@media(max-height:850px){.studio-title{top:112px}.studio-title h2{font-size:42px}.studio-controls{bottom:30px}.studio-controls label{margin-top:9px}.studio-title p{max-width:240px}}@media(max-width:1000px){.studio-edition{display:none}.studio-title{left:24px;top:110px}.studio-controls{left:24px;width:230px}.studio-title h2{font-size:38px}.build{display:none}#studioBtn{margin-left:auto;margin-right:12px}.studio-tabs button{padding:10px}#loadoutBtn{margin-right:10px}}@media(max-width:650px){.studio-title{top:95px}.studio-title h2{font-size:32px}.studio-title p{display:none}.studio-controls{bottom:20px;width:210px;padding:12px}.studio-caption{display:none}.studio-top{height:80px;padding:0 12px}.studio-top>.quiet{font-size:10px}.studio-tabs button{font-size:10px;padding:8px}.wordmark{font-size:28px}#studioBtn{font-size:10px;margin:0 8px}#studioBtn span{display:none}}

#crosshair i:nth-child(1){transform:translateY(calc(-1 * var(--spread,0px)))}#crosshair i:nth-child(2){transform:translateY(var(--spread,0px))}#crosshair i:nth-child(3){transform:translateX(calc(-1 * var(--spread,0px)))}#crosshair i:nth-child(4){transform:translateX(var(--spread,0px))}

.studio-controls{max-height:calc(100dvh - 175px);overflow-y:auto;scrollbar-width:thin}.combat-actions{margin-top:12px}.studio-controls button:focus-visible,.studio-controls select:focus-visible,.studio-controls input:focus-visible{outline:2px solid var(--lime);outline-offset:3px}

/* Confirmed damage: directional arcs and edge pressure leave the sightline clear. */
#damage{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 42%,#56271f24 69%,#a53824b0 100%);box-shadow:inset 0 0 8vw 1vw #c34d3a88}
#damageDirection{position:absolute;left:50%;top:50%;width:min(36vh,300px);height:min(36vh,300px);transform:translate(-50%,-50%);pointer-events:none}
.damage-bearing{position:absolute;inset:0;width:100%;height:100%;overflow:visible;opacity:0;filter:drop-shadow(0 1px 2px #190c08bb)}
.damage-bearing path{fill:none;stroke-linecap:round}
.damage-arc-shadow{stroke:#30110d;stroke-width:6;opacity:.65}
.damage-arc{stroke:#ff9673;stroke-width:3}
.damage-arc-core{stroke:#fff0d8;stroke-width:1;opacity:.8}
#criticalHealth{position:absolute;left:50%;bottom:118px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;color:#ffe5d3;text-align:center;text-shadow:0 2px 5px #190804}
#criticalHealth b{font:700 12px Body;letter-spacing:2.4px;padding:6px 15px;border-top:1px solid #ffad8caa;background:linear-gradient(90deg,transparent,#4c1e18bb,transparent)}
#criticalHealth span{font:11px Body;color:#f3d0bf;letter-spacing:.3px}
.health>div{position:relative;overflow:hidden}
.health i{position:absolute;inset:0 auto 0 0;transition:none}
#hpTrail{background:#ff9b78}
#hud.critical .health b{color:#ffb896}
#hud.critical #hpbar{background:#ff956d}
#hud.critical .health>div{box-shadow:0 0 12px #bf4c2b55}
@media(max-width:600px){#criticalHealth{bottom:112px}#damageDirection{width:200px;height:200px}}

/* Field Division — live staging area and menu system. */
:root{--lime:#d9ff70;--cream:#f2f4e8;--ink:#101510;--muted:#bdc6b8}
#lobby{background:linear-gradient(90deg,#090e0df5 0%,#090e0dd9 23%,#090e0d48 48%,transparent 70%,#090e0d65),linear-gradient(0deg,#090e0df2,transparent 35%,transparent 78%,#090e0dd9)}
#lobby header{height:86px;min-height:86px;padding:0 3vw;background:#0b100d85;border-bottom:1px solid #f2f4e826;gap:35px}
#lobby .wordmark{font-size:42px;letter-spacing:-2px}#lobby nav{display:flex;align-self:stretch;align-items:stretch;gap:8px;flex:1}#lobby nav .quiet,#lobby .nav-active{display:flex;align-items:center;padding:0 20px;margin:0;font:700 12px Body;letter-spacing:1.5px;color:#e5e9df;border:0;border-bottom:3px solid transparent;background:none;min-height:48px}#lobby .nav-active{border-color:var(--lime);color:var(--lime);background:linear-gradient(0deg,#d9ff7015,transparent)}#lobby nav button:hover{background:#ffffff10;border-bottom-color:#ffffff70}#lobby .build{font:10px monospace;letter-spacing:1px;white-space:nowrap}#lobby .build span{color:#a5b19f}
#lobby .lobby-main{position:relative;flex:1;padding:5vh 3vw 3vh;display:flex;justify-content:space-between;align-items:flex-start;min-height:0}#lobby .intro{width:360px;max-width:42vw}#lobby .eyebrow{font:10px monospace;letter-spacing:2px;color:#c9d3c2}#lobby h1{font:800 clamp(48px,5vw,78px)/.94 Display,Impact,sans-serif;letter-spacing:-1px;margin:20px 0 18px;white-space:nowrap}#lobby h1>span{display:block;font-size:.63em;letter-spacing:1px;margin-top:8px}#lobby h1 em{color:var(--lime)}#lobby .tagline{font:700 12px Body;letter-spacing:2px;margin:24px 0 6px}#lobby .description{font-size:13px;color:#abb7a6;margin-bottom:28px}#lobby .enter-panel{background:linear-gradient(135deg,#1e291eea,#0b110eea);border:1px solid #ffffff25;border-left:3px solid var(--lime);padding:20px;max-width:355px;box-shadow:0 18px 40px #0004}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-heading span{font:10px monospace;color:#a6b39e}.panel-heading b{font:700 11px Body;letter-spacing:2px;color:var(--lime)}#lobby input,#lobby select{border-radius:0;background:#080e0ac9;border-color:#ffffff30;font-size:13px}#lobby .primary{border-radius:0;min-height:64px;font:800 27px Display;letter-spacing:1px;margin-top:16px;background:linear-gradient(110deg,#dcff8d,#b4db48);box-shadow:0 4px 0 #74922d}#lobby .primary>span:first-child{font-size:27px}#lobby .play-meta{font-size:9px;margin-top:14px;letter-spacing:0}#lobby .play-meta button{min-height:44px;padding:6px;font-size:12px}#lobby .notice{font-size:11px;line-height:1.6;max-width:340px;margin-top:15px}
#lobby .location{width:250px;align-self:flex-end;margin:0 0 18px;padding:22px;background:linear-gradient(135deg,#111a14ed,#0a100cee);border:1px solid #ffffff30;border-top:2px solid #d9ff70;text-shadow:none;box-shadow:0 16px 45px #0005}#lobby .location-index{font-size:9px;color:#b7c3ac;letter-spacing:1px}#lobby .location h2{font:800 34px/.96 Display;margin:18px 0 12px}#lobby .location p{font-size:12px;line-height:1.6;color:#bdc6b8;margin-bottom:20px}#lobby .location label{font-size:10px;letter-spacing:1px}#lobby .location select{margin:0 0 16px;min-height:44px}#lobby .coordinates{border-top:1px solid #ffffff25;padding-top:16px;margin-top:0;font-size:9px}
.operator-label{position:absolute;left:51%;bottom:40px;border-left:2px solid var(--lime);padding:0 0 0 16px;text-shadow:0 2px 10px #000;display:flex;flex-direction:column;gap:4px}.operator-label span{font:10px monospace;letter-spacing:2px;color:var(--lime)}.operator-label b{font:800 28px Display}.operator-label small{font:9px monospace;letter-spacing:1px;color:#c0c7b9}
#lobby footer{min-height:72px;padding:12px 3vw;background:#080e0bca;border-top:1px solid #ffffff25}.status-dot{width:6px;height:6px;background:var(--lime);box-shadow:0 0 10px #d9ff7066}.edition{font:10px monospace;letter-spacing:1px;color:#bdc6b8}.edition b{margin-left:12px;font-size:20px;color:var(--lime)}
.modal{background:linear-gradient(90deg,#080d0bf5,#080d0b99);backdrop-filter:blur(5px);justify-content:flex-start;padding:5vh 5vw}.sheet{background:linear-gradient(145deg,#1c251cf5,#0e1511fa);border:1px solid #ffffff25;border-top:2px solid var(--lime);box-shadow:0 30px 100px #0008;padding:36px;width:min(1000px,100%);animation:menu-enter .22s ease-out}.sheet.narrow{max-width:540px}.sheet h2{font:800 clamp(30px,3.8vw,56px)/1 Display;letter-spacing:.2px;margin:20px 50px 28px 0}.sheet .eyebrow{font:10px monospace;letter-spacing:2px}.sheet label{font-size:11px}.sheet .primary,.sheet .secondary,.mode-option,.weapon-card,.sheet select{border-radius:0;min-height:48px}.sheet .primary{font:800 22px Display}.sheet .secondary:hover,.mode-option:hover{background:#d9ff7014;border-color:var(--lime)}.weapon-cards{gap:14px}.weapon-card{padding:22px 18px;background:linear-gradient(155deg,#2a3427,#101711);border:1px solid #ffffff2b;position:relative;min-width:0}.weapon-card.selected{border-color:var(--lime);box-shadow:inset 0 -3px var(--lime);background:linear-gradient(155deg,#34412b,#141e12)}.weapon-card img{height:165px;filter:drop-shadow(0 15px 9px #0008);transition:transform .2s}.weapon-card:hover img{transform:translateY(-5px) rotate(-2deg)}.weapon-card>small{font-size:9px;letter-spacing:1px}.weapon-card strong{font:800 26px Display}.kit-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.kit-options select{font-size:12px;padding:10px}.mode-option{padding:25px;background:#202b1d}.mode-option b{font:800 27px Display}.record-stats>div{padding:18px;background:#d9ff7008;border-left:2px solid var(--lime)}.sheet input:not([type=range]),.sheet select{background:#0a110ce6}.sheet input[type=checkbox]{width:18px;height:18px;vertical-align:middle}.close:hover{background:#ffffff15}
#loading{background:radial-gradient(ellipse at 50% 70%,#283820,#090e0b 65%)}#loading b{font:800 clamp(62px,10vw,150px)/.95 Display;letter-spacing:-2px;text-align:center}#loading b span{display:block;font-size:.55em;letter-spacing:3px;margin-top:12px}#loading .loading-edition{margin-bottom:45px;letter-spacing:4px;font:10px monospace}#loading p{font:11px monospace;letter-spacing:5px;margin-top:40px}.loadline{height:3px;background:var(--lime);width:230px}#loading small{font:10px monospace;letter-spacing:1px}
@keyframes menu-enter{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}
@media(max-height:760px) and (min-width:901px){#lobby header{height:68px;min-height:68px}#lobby .lobby-main{padding-top:25px}#lobby h1{font-size:55px;margin:14px 0}#lobby .tagline{margin-top:12px}#lobby .description{margin-bottom:15px}#lobby .enter-panel{padding:14px}.panel-heading{margin-bottom:10px}#lobby footer{min-height:56px}#lobby .location{padding:18px}.operator-label{bottom:25px}}
@media(max-width:1100px){#lobby header{gap:18px}#lobby nav .quiet,#lobby .nav-active{padding:0 12px;font-size:11px}#lobby .build{display:none}#lobby .location{width:220px}.operator-label{left:48%;bottom:32px}.operator-label b{font-size:22px}#lobby .footer-note{display:none}}
@media(max-width:800px){#lobby{overflow-y:auto;pointer-events:auto;background:linear-gradient(90deg,#090e0df2,#090e0d80),linear-gradient(0deg,#090e0d,transparent)}#lobby header{padding:0 18px;min-height:72px;height:72px;gap:16px}#lobby .wordmark{font-size:30px}#lobby nav{overflow-x:auto;gap:0}#lobby nav .quiet,#lobby .nav-active{padding:0 10px;white-space:nowrap;font-size:10px}#lobby .lobby-main{display:flex;flex-direction:column;gap:24px;padding:30px 22px;flex:none;min-height:0}#lobby .intro{width:100%;max-width:100%}#lobby h1{font-size:58px}#lobby .enter-panel{max-width:355px}#lobby .location{display:block;width:100%;max-width:355px;align-self:flex-start;margin:0}#lobby .location h2{font-size:28px}#lobby .operator-label{display:none}#lobby footer{padding:15px 22px;min-height:70px;margin-top:auto}#lobby .edition{font-size:8px}.modal{padding:18px}.sheet{padding:24px;max-height:94dvh}.weapon-cards,.kit-options{grid-template-columns:1fr}.weapon-card img{height:110px}.sheet h2{font-size:32px}.record-stats{gap:6px}.record-stats>div{padding:10px}.record-stats b{font-size:32px}}
@media(prefers-reduced-motion:reduce){.sheet,.loadline{animation:none}.weapon-card img{transition:none}.weapon-card:hover img{transform:none}}
#titleScreen{position:fixed;inset:0;background:linear-gradient(90deg,#080e0cf5,#080e0c55 60%,#080e0c10),linear-gradient(0deg,#080e0c,transparent 30%);display:flex;align-items:center;padding:6vw;z-index:12}.title-copy{max-width:650px}.title-copy h2{font:800 clamp(65px,8vw,124px)/.92 Display;margin:30px 0;letter-spacing:-2px}.title-copy h2>span{display:block;font-size:.62em;margin-top:14px;letter-spacing:1px}.title-copy h2 em{font-style:normal;color:var(--lime)}.title-copy p{font:11px monospace;letter-spacing:3px;margin:30px 0}.title-copy .primary{max-width:340px;border-radius:0;font:800 23px Display;margin:40px 0 20px}.title-copy small,.title-bottom{font:9px monospace;letter-spacing:2px;color:#bdc6b8}.title-bottom{position:absolute;bottom:35px;left:6vw}

/* Pop a Capp! — game front end, 0.8.0. The live dock scene remains the hero. */
#lobby{--menu-panel:#101814e8;--menu-line:#e8efd92b;--menu-muted:#bbc5b6;background:linear-gradient(90deg,#0a110ef5 0%,#0a110ee8 19%,#0a110e8c 35%,#0a110e16 53%,transparent 75%),linear-gradient(0deg,#070d0be8,transparent 38%,transparent 82%,#0a110e50);overflow:hidden}
#lobby .lobby-header{height:76px;min-height:76px;padding:0 3.2vw;gap:34px;background:#0b120ee6;border-bottom:1px solid var(--menu-line)}
#lobby .wordmark{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:none;font-family:Display,Impact,sans-serif;line-height:.88;letter-spacing:-.5px;width:95px}
#lobby .wordmark small{display:block;border:0;margin:0 0 3px;padding:0;max-width:none;font:800 16px/.9 Display,Impact,sans-serif;letter-spacing:1px;color:var(--cream)}
#lobby .wordmark>span{font:800 35px/.9 Display,Impact,sans-serif;color:var(--lime);letter-spacing:-.7px}
#lobby nav{gap:2px;align-items:stretch;min-width:0}
#lobby nav .quiet,#lobby .nav-active{padding:0 18px;font:700 12px Body,Arial,sans-serif;letter-spacing:1.2px;min-height:44px;border-bottom-width:3px}
#lobby .nav-active{color:var(--cream);background:#d9ff9c0b;border-color:var(--lime)}
#lobby nav .quiet:hover{background:#e9f3df0c;border-bottom-color:#e8efdb6b}
#lobby .lobby-profile{display:flex;align-items:center;gap:11px;min-width:132px;text-align:left}
#lobby .level-badge{display:grid;place-items:center;flex:none;width:38px;height:43px;border:1px solid #d7e7b36b;border-bottom:3px solid var(--lime);color:var(--lime);font:800 26px/.9 Display,Impact,sans-serif;background:#dfff9e0a;clip-path:polygon(0 0,100% 0,100% 84%,50% 100%,0 84%)}
#lobby .lobby-profile div{display:flex;flex-direction:column;max-width:140px}
#lobby .lobby-profile b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#lobby .lobby-profile div>span{font:9px/1.7 monospace;color:var(--menu-muted);letter-spacing:.5px}
#lobby .lobby-main{display:block;position:relative;padding:clamp(24px,5vh,58px) 3.2vw 24px;min-height:350px;flex:1}
#lobby .match-panel{width:332px;max-width:35vw}
#lobby .playlist-label{display:flex;align-items:center;gap:9px;font:700 12px/1.2 Body,sans-serif;letter-spacing:2px;color:var(--lime)}
#lobby .status-dot{display:inline-block;flex:none;width:5px;height:5px;background:var(--lime);box-shadow:none}
#lobby h1{font:800 clamp(38px,4.1vw,58px)/1 Display,Impact,sans-serif;letter-spacing:-.6px;white-space:normal;text-wrap:balance;margin:13px 0 11px;color:var(--cream)}
#lobby #lobbyRuleDescription{font-size:13px;line-height:1.6;color:#c7d0c1;margin:0 0 26px;max-width:290px}
#lobby .enter-panel{width:100%;max-width:none;padding:0;border:0;background:none;box-shadow:none}
#lobby .play-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 17px;border-top:1px solid var(--menu-line);border-bottom:1px solid var(--menu-line);min-height:49px;font:10px/1.4 monospace;letter-spacing:.2px;color:#e0e6d9}
#lobby .play-meta button{font:12px Body,sans-serif;color:var(--lime);min-height:44px;padding:0 4px 0 12px;text-decoration:none}
#lobby .enter-panel label{font:10px/1.4 monospace;letter-spacing:1.4px;color:var(--menu-muted);margin-bottom:7px}
#lobby input,#lobby select{pointer-events:auto;border:1px solid #e2ebd53b;border-radius:0;background:#0a110ed9;color:var(--cream);font:13px Body,Arial,sans-serif;height:44px;padding:10px 13px;min-width:0}
#lobby input:hover,#lobby select:hover{border-color:#e2ebd56b}
#lobby input:focus,#lobby select:focus{border-color:var(--lime)}
#lobby .primary,#titleScreen .primary{border-radius:0;background:#d9f697;color:#152014;border:1px solid #efffc3;border-bottom:4px solid #90aa52;box-shadow:0 7px 24px #0003;min-height:64px;padding:15px 20px;margin-top:13px;font:800 27px/1 Display,Impact,sans-serif;letter-spacing:1px;transition:background .18s,border-color .18s,box-shadow .18s}
#lobby .primary:hover:not(:disabled),#titleScreen .primary:hover{background:#e9ffb9;filter:none;box-shadow:0 5px 26px #b9f27326}
#lobby .primary:active:not(:disabled),#titleScreen .primary:active{transform:none;border-bottom-width:2px;padding-bottom:17px;background:#cde883}
#lobby .primary>span:first-child,#titleScreen .primary>span:first-child{font-size:27px}
#lobby .primary svg,#titleScreen .primary svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2.2}
#lobby .notice{font:11px/1.6 Body,sans-serif;letter-spacing:0;color:var(--menu-muted);max-width:330px;margin:12px 0 0}
#lobby .operator-label{left:63%;bottom:27px;display:flex;flex-direction:column;gap:3px;padding:0 0 0 12px;border-left:2px solid #e4fcb680;filter:drop-shadow(0 2px 4px #0009);text-shadow:0 2px 10px #000}
#lobby .operator-label>span{font:9px/1.2 monospace;letter-spacing:1.8px;color:#e1efcf}
#lobby .operator-label>b{font:800 26px/1.1 Display,Impact,sans-serif;letter-spacing:.5px}
#lobby .operator-label>small{font:8px/1.5 monospace;letter-spacing:1.5px;color:#cfdbbf}
#lobby .lobby-bottom{display:grid;grid-template-columns:minmax(240px,1.05fr) minmax(330px,1.2fr) minmax(170px,.65fr);align-items:center;gap:26px;margin:0 3.2vw;border:1px solid var(--menu-line);border-top:2px solid #cbdcb760;background:linear-gradient(105deg,#172019f5,#0c1512ef);min-height:118px;padding:20px 24px;box-shadow:0 10px 24px #0004}
#lobby .location{display:flex;align-items:center;gap:16px;width:auto;min-width:0;max-width:none;align-self:auto;margin:0;padding:0;background:none;border:0;box-shadow:none;text-shadow:none}
#lobby .habitat-mark{display:grid;place-items:center;flex:none;width:62px;height:62px;border:1px solid #c5d8ae40;background:#c5df9b0a;overflow:hidden}
#lobby .habitat-mark svg{width:52px;height:52px;fill:none;stroke:#b6cf99;stroke-width:1.5}
#lobby .location-index{display:block;font:9px/1.4 monospace;letter-spacing:1.5px;color:#c4d3b9}
#lobby .location h2{font:800 27px/1.05 Display,Impact,sans-serif;letter-spacing:.3px;margin:5px 0}
#lobby .location p{font:11px/1.5 Body,sans-serif;color:var(--menu-muted);margin:0;max-width:290px}
#lobby .lobby-selects{display:grid;grid-template-columns:1fr 1fr;gap:15px;min-width:0}
#lobby .lobby-selects label{font:9px/1.4 monospace;letter-spacing:1.2px;color:var(--menu-muted);margin:0 0 7px}
#lobby .lobby-selects select{display:block;width:100%;margin:0}
#lobby .lobby-session{display:flex;flex-direction:column;gap:6px;padding-left:24px;border-left:1px solid var(--menu-line)}
#lobby .lobby-session>span{display:flex;align-items:center;gap:7px;font:9px/1.4 monospace;letter-spacing:1px;color:#dce8ce}
#lobby .lobby-session b{font:700 12px/1.5 Body,sans-serif;letter-spacing:.5px}
#lobby .lobby-session small{font:10px/1.5 Body,sans-serif;color:var(--menu-muted)}
#lobby footer{min-height:44px;padding:10px 3.2vw;background:none;border:0;gap:20px}
#lobby .footer-controls{display:flex;align-items:center;gap:8px;font:8px/1.5 monospace;letter-spacing:1px;color:#aab5a3}
#lobby kbd{font:9px/1 monospace;padding:3px 4px;border:1px solid #c7d7b63b;background:#07100bb3;color:#dce7ce;box-shadow:0 1px 0 #c7d7b63b}
#lobby .footer-note{font:8px monospace;letter-spacing:1.5px;color:#aab5a3}
#lobby .edition{font:8px monospace;letter-spacing:1px;color:#aab5a3}
#lobby .edition b{font:9px monospace;color:#d7e0ca;margin-left:8px}

/* A real progress readout; no timer-driven loading percentages. */
#loading{overflow:hidden;background:radial-gradient(ellipse at 55% 65%,#25352b 0%,#111c17 37%,#080e0b 77%);align-items:stretch;justify-content:space-between;padding:32px 4vw;isolation:isolate;transition:background .6s,opacity .4s}
#loading.scene-ready{background:linear-gradient(90deg,#080e0ee6,#080e0c80 50%,#080e0c35),linear-gradient(0deg,#080e0ef5,transparent 45%)}
#loading .boot-top,#loading .boot-bottom{display:flex;justify-content:space-between;align-items:center;font:10px/1.5 monospace;letter-spacing:1.5px;color:#b7c6ae;z-index:1}
#loading .boot-brand{font:800 29px/1 Display,Impact,sans-serif;letter-spacing:-.5px;color:var(--lime)}
#loading .boot-depth{position:absolute;inset:0;z-index:-1;overflow:hidden;opacity:.46;transition:opacity .6s}
#loading.scene-ready .boot-depth{opacity:0}
#loading .boot-depth i{position:absolute;display:block;width:110vw;height:22vh;left:-5vw;top:56%;background:linear-gradient(180deg,#667c5222,#090f0c38);border-top:1px solid #c5dca312;border-bottom:4px solid #03080544;transform:perspective(650px) rotateY(-19deg) rotateZ(-15deg);box-shadow:0 60px 90px #0004}
#loading .boot-depth i:nth-child(2){top:80%;height:16vh;transform:perspective(600px) rotateY(-19deg) rotateZ(-15deg)}
#loading .boot-depth i:nth-child(3){top:18%;width:65vw;height:10vh;left:50%;transform:perspective(600px) rotateY(-19deg) rotateZ(-15deg);opacity:.5}
#loading .boot-center{margin:auto;text-align:center;padding:22px 0 32px;position:relative}
#loading .boot-kicker{display:block;font:10px/1.5 monospace;letter-spacing:3px;color:#c6d6b8;margin-bottom:25px}
#loading .game-logo,#titleScreen .game-logo{font:800 clamp(50px,6.7vw,108px)/.92 Display,Impact,sans-serif;letter-spacing:-1px;margin:0;color:#eeeede;text-shadow:1px 2px 0 #b3bda2,2px 4px 0 #68765e,3px 6px 0 #2d3f2d,6px 16px 28px #0006;transform:rotate(-3deg)}
#loading .game-logo strong,#titleScreen .game-logo strong{display:block;font:800 1.9em/.88 Display,Impact,sans-serif;letter-spacing:-.035em;color:#dbf8a2;margin-top:9px;text-shadow:1px 2px 0 #abc478,2px 4px 0 #809b52,3px 6px 0 #536b33,4px 8px 0 #324522,7px 16px 28px #0006}
#loading .game-logo strong>span,#titleScreen .game-logo strong>span{color:#e7ffba;letter-spacing:-.06em}
#loading .boot-caption{display:flex;align-items:center;justify-content:center;gap:12px;font:9px/1.5 monospace;letter-spacing:2px;color:#bfccaF;margin-top:35px}
#loading .boot-caption>span{width:25px;height:1px;background:#d8e9be50}
#loading .boot-progress{width:min(540px,88vw);margin:0 auto 35px;position:relative}
#loading .boot-progress-heading{display:flex;justify-content:space-between;gap:18px;font:11px/1.5 monospace;letter-spacing:.6px;color:#eef2e6;margin-bottom:13px}
#loading #loadingPercent{color:var(--lime);font-weight:700;font-variant-numeric:tabular-nums}
#loading #loadingProgress{display:block;appearance:none;-webkit-appearance:none;width:100%;height:5px;border:0;background:#d8ebc220;color:var(--lime);accent-color:var(--lime)}
#loading #loadingProgress::-webkit-progress-bar{background:#d8ebc220}
#loading #loadingProgress::-webkit-progress-value{background:var(--lime);box-shadow:0 0 12px #d7ff9f33;transition:width .25s}
#loading #loadingProgress::-moz-progress-bar{background:var(--lime)}
#loading #loadingDetail{font:11px/1.5 Body,Arial,sans-serif;letter-spacing:0;color:#b5c3ad;margin:11px 0 0;min-height:17px}
#loading .boot-bottom{font-size:9px;color:#9eaf96}
#titleScreen{padding:6vw;background:linear-gradient(90deg,#09110ef5 0%,#09110ed9 22%,#09110e38 51%,transparent 75%),linear-gradient(0deg,#080e0be6,transparent 35%,transparent 85%,#080e0b60)}
#titleScreen .title-copy{width:40%;max-width:550px;min-width:320px}
#titleScreen .title-copy .eyebrow{display:block;font:10px/1.5 monospace;letter-spacing:3px;color:#d3dec8;margin-bottom:28px}
#titleScreen .game-logo{font-size:clamp(48px,5.8vw,93px);width:fit-content}
#titleScreen .title-copy p{font:10px/1.5 monospace;letter-spacing:2px;color:#c8d5bd;margin:32px 0 0}
#titleScreen .primary{max-width:310px;margin:26px 0 13px;min-height:60px}
#titleScreen .title-copy>small{font:9px/1.5 monospace;color:#b3c0a9;letter-spacing:1.7px}
#titleScreen .title-bottom{left:4vw;right:4vw;bottom:24px;display:flex;justify-content:space-between;font:9px/1.4 monospace;letter-spacing:1.2px;color:#b4c3aa}

@media(min-width:1101px) and (max-height:760px){#lobby .lobby-header{height:64px;min-height:64px}#lobby .lobby-main{padding-top:22px;padding-bottom:15px;min-height:330px}#lobby h1{font-size:45px;margin:11px 0 8px}#lobby #lobbyRuleDescription{margin-bottom:15px;font-size:12px}#lobby .play-meta{margin-bottom:12px;min-height:44px}#lobby .primary{min-height:58px;padding-top:12px;padding-bottom:12px}#lobby .lobby-bottom{min-height:100px;padding:14px 20px}#lobby .location p{font-size:10px}#lobby footer{min-height:38px;padding-top:7px;padding-bottom:7px}}
@media(max-width:1100px){#lobby .lobby-header{gap:18px;padding:0 25px;height:68px;min-height:68px}#lobby .wordmark{width:78px}#lobby nav .quiet,#lobby .nav-active{font-size:10px;padding:0 12px;letter-spacing:.7px}#lobby .lobby-profile{min-width:100px}#lobby .lobby-profile div{max-width:100px}#lobby .lobby-main{padding:30px 25px 22px}#lobby .match-panel{width:300px;max-width:38vw}#lobby h1{font-size:43px}#lobby .operator-label{left:66%}#lobby .lobby-bottom{grid-template-columns:minmax(200px,1fr) minmax(300px,1.2fr);gap:24px;padding:17px 20px;margin:0 25px}#lobby .lobby-session{display:none}#lobby .location p{font-size:10px}#lobby .habitat-mark{width:48px;height:54px}#lobby .location h2{font-size:24px}#lobby footer{padding-left:25px;padding-right:25px}#lobby .footer-note{display:none}}
@media(max-width:800px){#lobby{overflow-y:auto;pointer-events:auto;background:linear-gradient(90deg,#0a110ef5,#0a110e9e 45%,#0a110e22),linear-gradient(0deg,#070d0bfa,transparent 55%)}#lobby .lobby-header{padding:0 18px;gap:16px;min-height:72px;height:72px;flex:none}#lobby .lobby-profile{display:none}#lobby nav{overflow-x:auto;gap:0;scrollbar-width:thin;scrollbar-color:#d9f69766 transparent}#lobby nav .quiet,#lobby .nav-active{padding:0 11px;white-space:nowrap;font-size:10px;letter-spacing:.3px}#lobby .wordmark{width:68px}#lobby .wordmark>span{font-size:30px}#lobby .wordmark small{font-size:13px}#lobby .lobby-main{padding:34px 22px 28px;flex:1;min-height:365px;display:block}#lobby .match-panel{max-width:340px;width:52vw;min-width:280px}#lobby h1{font-size:45px}#lobby #lobbyRuleDescription{margin-bottom:18px}#lobby .operator-label{display:none}#lobby .lobby-bottom{grid-template-columns:1fr;gap:20px;padding:20px;margin:0 22px;min-height:0;flex:none}#lobby .location{display:flex;max-width:none;width:auto}#lobby .habitat-mark{height:50px;width:50px}#lobby .location p{font-size:11px;max-width:none}#lobby .lobby-selects{grid-template-columns:1fr 1fr;gap:12px}#lobby .lobby-selects select{font-size:12px}#lobby footer{padding:13px 22px;min-height:50px;flex:none;margin-top:0}#lobby .footer-controls{font-size:7px;gap:5px}#lobby .edition{font-size:7px}#lobby .edition b{margin-left:4px}#loading{padding:22px 6vw}#loading .boot-top>span:last-child{font-size:8px;letter-spacing:.7px}#loading .boot-center{padding-bottom:25px}#loading .game-logo{font-size:clamp(48px,9vw,70px)}#loading .boot-progress{margin-bottom:28px}#titleScreen{padding:7vw}#titleScreen .title-copy{min-width:280px;width:53%}#titleScreen .game-logo{font-size:clamp(48px,7vw,64px)}}
@media(max-width:480px){#lobby .lobby-header{gap:10px;padding:0 15px}#lobby nav .quiet,#lobby .nav-active{padding:0 10px;font-size:9px;letter-spacing:.1px}#lobby .lobby-main{padding:28px 22px;min-height:370px}#lobby .match-panel{width:100%;min-width:0;max-width:305px}#lobby .match-panel h1{font-size:43px;max-width:275px}#lobby #lobbyRuleDescription{max-width:245px}#lobby .lobby-bottom{padding:18px 16px;gap:17px}#lobby .location h2{font-size:26px}#lobby .lobby-selects{gap:9px}#lobby .lobby-selects select{padding:10px 8px;font-size:11px}#lobby .footer-controls{display:none}#lobby footer{justify-content:flex-end;min-height:38px}#loading .boot-kicker{font-size:8px;letter-spacing:2px}#loading .boot-caption{font-size:7px;letter-spacing:1px;gap:8px}#loading .boot-progress-heading{font-size:10px}#loading .boot-bottom{font-size:7px}#titleScreen .title-copy{width:100%;min-width:0;max-width:310px}#titleScreen .game-logo{font-size:55px}#titleScreen .title-copy .eyebrow{font-size:9px}#titleScreen .title-copy p{font-size:9px}#titleScreen .title-bottom{font-size:7px;bottom:22px}}
@media(max-height:650px){#lobby{overflow-y:auto}#lobby .lobby-main{flex:none;min-height:350px}#loading .boot-kicker{margin-bottom:14px}#loading .game-logo{font-size:clamp(38px,8vh,65px)}#loading .boot-center{padding:12px 0 15px}#loading .boot-caption{margin-top:25px}#loading .boot-progress{margin-bottom:20px}#titleScreen .game-logo{font-size:clamp(35px,8vh,65px)}#titleScreen .title-copy .eyebrow{margin-bottom:20px}#titleScreen .title-copy p{margin-top:22px}#titleScreen .primary{margin-top:20px}}
@media(prefers-reduced-motion:reduce){#loading,#loading .boot-depth,#loading #loadingProgress::-webkit-progress-value,#lobby .primary,#titleScreen .primary{transition:none}#loading .game-logo,#titleScreen .game-logo{transform:none}}

/* Move the title aside once Capp is visible; transforms keep progress stationary. */
@media(min-width:1000px){
 #loading .boot-center{transform:translateX(0);transition:transform .65s cubic-bezier(.2,.75,.2,1)}
 #loading.scene-ready .boot-center{transform:translateX(-24vw)}
}
@media(min-width:1000px) and (prefers-reduced-motion:reduce){#loading .boot-center{transition:none}}