:root{--bg:#141c18;--panel:#1c2823;--border:#35433c;--mint:#becb96;--muted:#91a397;--text:#e8ebdf}
body{background:var(--bg);transition:background .25s}body[data-biome="swamp"]{--bg:#1b211b;--mint:#c4c394;--border:#424c3e}body[data-biome="floors"]{--bg:#171f23;--mint:#a6c2c4;--border:#35474d}
body:before{background:radial-gradient(ellipse at 9% 3%,#69875815,transparent 47%),repeating-linear-gradient(0deg,#ffffff02 0,#ffffff02 1px,transparent 1px,transparent 5px)}
.app-shell{max-width:1420px}.topbar{height:92px;border-bottom-color:#b8ccae16}.brand-mark{border-color:#73886670;color:var(--mint);background:#a9c18b06}.brand small{letter-spacing:2px;font-size:8px}.topbar nav{gap:26px}.connection{border-color:var(--border);background:#1c2a2380;color:#b2bfae}.nav-active:after{bottom:-36px}.hero-copy h1{font-size:58px;letter-spacing:1px}.hero-copy p{color:#9cafa1;font-size:12px}.lobby{gap:90px;padding:48px 0 39px}.eyebrow{color:var(--mint)}.hero-tags span{background:#91ac6d0c;border-color:#78926745;color:#b5c7aa}.hero-tags{gap:8px}.mission-coordinate{display:flex;align-items:center;gap:15px;border-left:2px solid var(--mint);padding-left:13px;margin-top:24px;font-size:9px;color:#819785}.mission-coordinate strong{font-size:10px;color:#cad5c0;font-weight:500}.lobby-card{background:linear-gradient(125deg,#28352b9c,#1a2722dc);border-color:#60755c50;box-shadow:0 16px 50px #0002;position:relative;border-radius:10px}.lobby-card:after{content:"";position:absolute;right:-1px;top:-1px;border-top:2px solid var(--mint);border-right:2px solid var(--mint);width:24px;height:24px;border-radius:0 10px 0 0;pointer-events:none}.lobby-card input{background:#111d1880;border-color:#6c7d6455;color:#d6e1ce}.lobby-card input::placeholder{color:#728471}.lobby-card label{color:#aebfa9}.micro{color:#809179;letter-spacing:1.6px}.lobby-card .primary{background:var(--mint);color:#263621}.separator:before,.separator:after{background:#4e624745}.separator{color:#7c9176}.secondary,.ghost{background:#28382c;border-color:#62735d55;color:#c8d5be}.chosen-loadout{display:flex;justify-content:space-between;gap:10px;margin:12px 0 14px;font-size:10px;color:#becda9}.chosen-loadout span:before{content:"◆";font-size:6px;color:var(--mint);margin-right:7px}.practice-link{color:#b5c5ac}.practice-link span,.lobby-notice{color:#81967f}.lobby-notice{border-top-color:#5e74543a}.deployment-board{margin:0 0 33px}.section-title{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:21px 0 15px}.section-title>div{display:flex;gap:12px;align-items:center}.section-number{font:11px ui-monospace,monospace;color:#a4b58e;border:1px solid #52694460;background:#8ea36d09;border-radius:4px;padding:6px}.section-title h2{font-size:15px;letter-spacing:1px;font-weight:600;margin:0}.section-title h2 small{font-size:8px;letter-spacing:2px;color:#7f957c;font-weight:500;margin-left:13px}.section-note{font-size:9px;color:#81977e}.map-options{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.map-card{position:relative;overflow:hidden;border:1px solid #4a614840;border-radius:8px;background:#1b2b20;padding:0;text-align:left;transition:transform .2s,border-color .2s;color:#dbe3d0}.map-card:hover:not(:disabled){transform:translateY(-3px);border-color:#adc28788}.map-card.selected{border-color:var(--mint);box-shadow:0 0 0 1px #adbd8722}.map-card:disabled{opacity:.65;cursor:not-allowed}.map-card canvas{width:100%;aspect-ratio:2.65;object-fit:cover;display:block;filter:saturate(.78) brightness(.9);transition:filter .2s}.map-card.selected canvas{filter:saturate(1.05) brightness(1.05)}.map-card .map-region{position:absolute;top:11px;left:11px;font:8px ui-monospace,monospace;letter-spacing:1px;background:#12231dc4;color:#d7e3c3;padding:5px 7px;border:1px solid #baceab33;border-radius:3px}.map-card .selection-mark{position:absolute;right:11px;top:11px;height:21px;min-width:21px;padding:3px 5px;border:1px solid #ccdcb066;border-radius:50%;font-size:10px;background:#15271d80;color:#c4d99b}.map-card.selected .selection-mark{background:var(--mint);color:#243521;border-color:var(--mint)}.map-copy{padding:13px 14px 14px;border-top:1px solid #40563d55}.map-name-line{display:flex;justify-content:space-between;align-items:center;gap:9px}.map-name-line strong{font-size:14px;font-weight:600;letter-spacing:.5px}.map-name-line>span{font-size:8px;color:#a9bd95;border:1px solid #82987545;border-radius:3px;padding:3px 6px}.map-copy p{font-size:9px;color:#81977f;line-height:1.7;margin:8px 0 0}.map-copy small{display:block;font-size:8px;letter-spacing:1.8px;color:#6b8468;margin-top:5px}.operator-heading{margin-top:30px}.class-options{display:grid;grid-template-columns:repeat(6,1fr);gap:11px}.class-card{min-width:0;position:relative;text-align:left;border:1px solid #4b624441;border-radius:7px;background:linear-gradient(130deg,#223226,#19271f);padding:9px 12px 12px;overflow:hidden;transition:border-color .2s,background .2s,transform .2s}.class-card:hover:not(:disabled){transform:translateY(-2px);border-color:#9eb48388}.class-card.selected{border-color:var(--mint);background:linear-gradient(140deg,#4b5e3b55,#223329);box-shadow:inset 0 -2px 0 var(--mint)}.class-card:disabled{cursor:not-allowed}.class-card .class-top{font:8px ui-monospace,monospace;letter-spacing:1.3px;display:flex;justify-content:space-between;color:#869b7c}.class-card .class-top span:last-child{color:var(--mint)}.class-card canvas{display:block;width:100%;height:123px;object-fit:contain;margin:0 0 2px}.class-card strong{display:block;font-size:15px;font-weight:650;letter-spacing:1px;color:#dae4cd}.class-card .class-name{display:block;font-size:9px;color:#8ba27f;margin-top:5px}.class-card .class-weapon{display:block;font-size:8px;color:#b1c29b;margin-top:10px;border-top:1px solid #516c4333;padding-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loadout-detail{display:grid;grid-template-columns:220px 1fr 180px;gap:25px;position:relative;border:1px solid #536a4650;border-radius:8px;background:linear-gradient(110deg,#607a3a0d,#1b2921b8);margin-top:14px;overflow:hidden;min-height:217px;padding-right:25px}.loadout-portrait{position:relative;background:repeating-linear-gradient(90deg,#8da56a05 0,#8da56a05 1px,transparent 1px,transparent 26px),linear-gradient(160deg,#71924b18,#15301d00);border-right:1px solid #66834f26;display:flex;align-items:center}.loadout-portrait canvas{width:100%;height:210px;object-fit:contain}.loadout-portrait>span{position:absolute;left:16px;bottom:13px;font:8px ui-monospace,monospace;color:#9eb48c;letter-spacing:1px}.loadout-copy{padding:24px 0 22px}.loadout-copy>.eyebrow{font-size:8px;letter-spacing:1.8px}.loadout-copy h3{margin:8px 0 10px;font-size:25px;font-weight:650;letter-spacing:2px}.loadout-copy h3 small{font-size:11px;letter-spacing:1px;color:#a7b99a;font-weight:400;margin-left:14px}.loadout-copy>p{font-size:10px;color:#8fa585;line-height:1.9;margin:0}.loadout-specs{display:flex;gap:35px;margin-top:13px}.loadout-specs small{display:block;font-size:8px;color:#6f8868;margin-bottom:5px}.loadout-specs strong{display:block;font-size:10px;color:#b9caaa;font-weight:500}.operator-skill{display:flex;gap:9px;align-items:center;margin-top:16px}.operator-skill kbd{padding:5px 8px;font-size:12px;background:#a6bb7d14;border-color:#98ad7160;color:#becf9c}.operator-skill strong{font-size:10px;font-weight:500;color:#c4d2ad}.operator-skill span{display:block;color:#7c9772;font-size:9px;margin-top:4px}.operator-stats{align-self:center;display:grid;gap:17px}.operator-stats label{display:flex;justify-content:space-between;color:#93aa88;font-size:9px;margin-bottom:7px}.operator-stats meter{height:5px;width:100%;display:block;border:0;background:#34432f}.operator-stats meter::-webkit-meter-bar{background:#34432f;border:0;height:4px}.operator-stats meter::-webkit-meter-optimum-value{background:#b4c58c}.operator-stats meter::-moz-meter-bar{background:#b4c58c}.operator-stats .trait-chip{font-size:8px;line-height:1.8;color:#a7bc94;border:1px solid #7495523b;padding:7px 9px;text-align:center;border-radius:4px}.material-heading{margin-top:27px}.material-options{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.material-card{padding:12px;display:flex;align-items:center;gap:13px;text-align:left;border:1px solid #51654544;border-radius:6px;background:#1b2a20}.material-card:hover,.material-card.selected{border-color:#9caf7977;background:#2b3d263a}.material-swatch{width:46px;height:45px;border:1px solid #d0d8b925;border-radius:4px;flex-shrink:0;box-shadow:inset 0 1px 6px #0002}.material-swatch.brick{background:linear-gradient(0deg,transparent 45%,#3b3a3288 45%,#3b3a3288 53%,transparent 53%),repeating-linear-gradient(90deg,#a46b50 0,#a46b50 20px,#4f4437 20px,#4f4437 23px);background-size:100% 16px,100% 16px}.material-swatch.foliage{background:repeating-linear-gradient(67deg,transparent 0,transparent 5px,#9ca66199 5px,#9ca66199 7px,transparent 7px,transparent 12px),repeating-linear-gradient(110deg,#355c36 0,#355c36 8px,#70844b 8px,#70844b 10px)}.material-swatch.concrete{background:radial-gradient(circle at 23% 31%,#293e3d66 0 1px,transparent 2px),radial-gradient(circle at 73% 68%,#c6cbb077 0 2px,transparent 3px),linear-gradient(130deg,#a7ad97,#65786e);background-size:11px 13px,17px 19px,100% 100%}.material-swatch.steel{background:repeating-linear-gradient(45deg,transparent 0,transparent 20px,#172f3666 20px,#172f3666 23px,transparent 23px,transparent 40px),linear-gradient(140deg,#8d9fa0,#3e5b61 45%,#75898a 65%,#283f48)}.material-card strong{font-size:12px;font-weight:600;color:#cdd9c0}.material-card small{display:block;font-size:8px;color:#879d7c;margin-top:7px;line-height:1.6}.material-intel{font-size:9px;color:#9aae8d;line-height:1.8;border-left:2px solid #6d8759;padding:4px 0 4px 12px;margin:13px 0 25px}.arena-section{border-color:#63725e66;border-radius:8px}.arena-topline{background:#223127;color:#c2d2b5}.map-label{color:#7c9272}.arena-actions{color:#83977a}.icon-button{color:#acbea0;border-left-color:#6b7d5c35}.arena-bottomline{background:#1a2a20;color:#819677}.arena-bottomline em{color:#576c4c}.scoreboard{background:#14241eeb;border-color:#b1c4993b;border-radius:7px;backdrop-filter:blur(8px)}.match-clock{border-color:#a6b78a26}.score-player>span{color:#b3dce5}.score-player.orange span{color:#e9c4a7}.match-clock span{color:#96a58b}.room-code-panel{background:#283626;border-color:#80946044}.player-card{background:#243026;border-color:#52694a5c}.player-card.empty{background:#1c281f}.player-card strong{color:#d6dfcb}.player-card small{color:#91a384}.room-title p,.room-actions>span{color:#8b9f80}.player-avatar{background:#30545b;color:#b3dfe3}.player-card.orange .player-avatar{background:#604733}.overlay-card{background:#14271fe8;border-color:#a1b48477}.overlay-card p{color:#a2b798}.overlay-card h2{color:var(--mint)}.preview-stamp{color:#e0ecc6bb;font-size:22px;letter-spacing:5px}.preview-stamp span{color:#b8cda3aa}.ammo-display{background:#162820e8;border-color:#8da27166}.ammo-display small{color:#a8ba97}.ammo-display b{color:#d1d9ad}.dash-display{background:#1c3124cf;color:#bbcca6;border-color:#84996555}.game-hud{gap:12px;justify-content:flex-start}.game-hud #practice-exit-wrap{margin-left:auto}.skill-display{pointer-events:auto;display:grid;grid-template-columns:28px 1fr;gap:3px 8px;align-items:center;padding:11px 14px;border:1px solid #9aaf7177;border-radius:7px;background:#213822ed;text-align:left;color:#c7d7b2;min-width:140px}.skill-display kbd{grid-row:span 2;background:#adc7801a;color:#d6e6b6;font-size:15px;border-color:#b1c6835c;padding:5px}.skill-display>span{font-size:11px}.skill-display>small{font-size:8px;color:#8fa978}.skill-display.cooldown{filter:saturate(.5);border-color:#66805855}.skill-display.active{background:#5b74369c;border-color:#c8d8a0}.material-focus{position:absolute;left:20px;top:102px;max-width:240px;border-left:2px solid #b8c78c;padding:7px 11px;background:#16291ec9;color:#d2dcc4;font-size:10px;pointer-events:none;line-height:1.7}.killfeed div{background:#14241cd9;border-color:#d6b987}.touch-controls button{background:#304a33e0;color:#dfebcb;border-color:#b6ce8b77}.touch-controls .touch-fire{background:#896a39e8;border-color:#d9c48d}.guide-number{color:#5b7251}.guide-strip strong{color:#b1c3a2}.guide-strip small{color:#7e9970}kbd{background:#283c28;border-color:#6f865356;color:#c4d4ae}footer{border-color:#7f986322;color:#657e58}.connection .status-dot.connected{background:var(--mint);box-shadow:0 0 10px #bdd08c50}dialog{background:#223126;border-color:#7a8b64;color:#dbe5cf}dialog p,dialog ul{color:#a4b79a}dialog input{background:#14231a;border-color:#5b704b}.toast{background:#2c422c;border-color:#8a9c6d;color:#d7e5c6}body[data-biome="floors"] .lobby-card,body[data-biome="floors"] .map-card,body[data-biome="floors"] .class-card{background:linear-gradient(125deg,#293c3f80,#1b292bdc)}body[data-biome="floors"] .arena-topline,body[data-biome="floors"] .arena-bottomline{background:#233438}body[data-biome="swamp"] .lobby-card{background:linear-gradient(125deg,#3e443180,#252d22dc)}
@media(max-width:1100px){.lobby{gap:40px}.hero-copy h1{font-size:49px}.mission-coordinate{gap:10px;font-size:8px}.loadout-detail{grid-template-columns:180px 1fr 140px;gap:19px;padding-right:19px}.class-card{padding:9px 10px}.class-card canvas{height:105px}.class-card strong{font-size:14px}.material-card{gap:9px;padding:10px}.material-swatch{width:38px;height:38px}.material-card small{font-size:7px}.section-note{font-size:8px}}
@media(max-width:800px){.app-shell{padding:0 20px}.lobby{gap:28px}.hero-copy h1{font-size:43px}.hero-copy p{font-size:11px}.hero-tags{gap:6px;flex-wrap:wrap}.hero-tags span{font-size:8px}.mission-coordinate{flex-wrap:wrap;line-height:1.6}.class-options{grid-template-columns:repeat(3,1fr);gap:10px}.class-card canvas{height:130px}.class-card .class-top{font-size:9px}.class-card strong{font-size:16px}.loadout-detail{grid-template-columns:170px 1fr;gap:16px;padding-right:17px}.operator-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);padding:0 16px 16px;gap:15px}.operator-stats .trait-chip{grid-column:1/-1;padding:5px}.section-title h2 small{display:none}.section-note{font-size:8px;max-width:45%;line-height:1.7;text-align:right}.map-copy{padding:11px}.map-copy p{font-size:8px}.map-name-line strong{font-size:12px}.map-name-line>span{font-size:7px;padding:3px 4px}.map-copy small{font-size:7px;letter-spacing:.6px}.material-options{grid-template-columns:repeat(2,1fr)}.material-swatch{width:40px;height:40px}.material-card strong{font-size:12px}.material-card small{font-size:9px}.skill-display{min-width:125px;padding:8px 9px}.skill-display>span{font-size:10px}.skill-display>small{font-size:7px}.game-hud .dash-display{font-size:8px}.stage.touch.active .game-hud{bottom:77px}.stage.touch.active .dash-display{display:none}.touch-controls>div{gap:4px}.touch-controls button{width:39px;height:39px;font-size:10px}.touch-controls .touch-fire{width:47px;height:47px}.stage.touch.active .skill-display{display:none}}
@media(max-width:600px){.app-shell{padding:0 15px}.topbar{height:76px}.lobby{grid-template-columns:1fr;padding:30px 0 21px;gap:23px}.hero-copy h1{font-size:39px;margin:17px 0}.hero-copy h1 br{display:block}.hero-copy p{font-size:10px;line-height:1.9}.hero-tags{margin-top:15px}.hero-tags span{font-size:8px;padding:5px 7px}.mission-coordinate{margin-top:17px;gap:10px}.mission-coordinate strong{font-size:9px}.lobby-card{padding:21px 22px}.chosen-loadout{font-size:9px}.section-title{margin-top:20px;gap:9px}.section-title h2{font-size:13px}.section-title>div{gap:9px}.section-note{font-size:7px}.section-number{font-size:9px;padding:5px}.map-options{gap:8px}.map-card canvas{aspect-ratio:1.5}.map-copy{padding:9px 8px}.map-copy p{display:none}.map-name-line{display:block}.map-name-line>span{display:inline-block;margin-top:6px;font-size:7px}.map-name-line strong{font-size:11px;display:block}.map-copy small{font-size:6px;letter-spacing:.1px;line-height:1.6;margin-top:7px;min-height:20px}.map-card .map-region{left:7px;top:7px;font-size:6px;padding:4px}.map-card .selection-mark{right:7px;top:7px;font-size:8px;min-width:17px;height:17px;padding:2px 3px}.class-options{gap:8px}.class-card{padding:8px 9px 10px}.class-card canvas{height:98px}.class-card .class-top{font-size:7px;letter-spacing:.5px}.class-card strong{font-size:14px}.class-card .class-name{font-size:8px}.class-card .class-weapon{font-size:7px;margin-top:8px;padding-top:7px}.loadout-detail{grid-template-columns:120px 1fr;gap:12px;padding-right:12px}.loadout-portrait canvas{height:205px}.loadout-portrait>span{font-size:6px;left:8px;letter-spacing:0;bottom:16px}.loadout-copy{padding:18px 0}.loadout-copy>.eyebrow{font-size:6px;letter-spacing:1px}.loadout-copy h3{font-size:21px;margin:7px 0}.loadout-copy h3 small{display:block;margin:6px 0 0;font-size:9px}.loadout-copy>p{font-size:8px}.loadout-specs{gap:15px;margin-top:10px}.loadout-specs small{font-size:7px}.loadout-specs strong{font-size:8px}.operator-skill{gap:5px;margin-top:12px}.operator-skill kbd{font-size:10px;padding:4px 6px}.operator-skill strong{font-size:9px}.operator-skill span{font-size:7px;line-height:1.7}.operator-stats{gap:10px;padding:0 12px 12px}.operator-stats label{font-size:8px}.material-card{gap:9px;padding:9px}.material-swatch{width:32px;height:34px}.material-card strong{font-size:10px}.material-card small{font-size:7px}.material-intel{font-size:8px}.deployment-board{margin-bottom:23px}.preview-stamp{font-size:11px;letter-spacing:3px}.preview-stamp span{font-size:8px;letter-spacing:2px}.game-hud{gap:7px;left:8px;right:8px}.ammo-display{min-width:106px;padding:6px 8px}.ammo-display small{font-size:6px}.ammo-display strong{font-size:18px}.ammo-display b{font-size:7px;margin-left:3px}.skill-display{min-width:103px;grid-template-columns:20px 1fr;padding:6px;gap:2px 4px}.skill-display kbd{font-size:11px;padding:3px}.skill-display>span{font-size:8px}.skill-display>small{font-size:6px}.game-hud .dash-display{display:none}.game-hud .button{font-size:8px;padding:8px}.material-focus{left:9px;top:63px;font-size:8px;padding:4px 6px;max-width:150px}.room-code-panel strong{font-size:22px}.map-label{display:none}.guide-strip small{font-size:9px}.touch-controls{left:7px;right:7px;bottom:7px}.touch-controls button{width:31px;height:34px;font-size:8px}.touch-controls .touch-fire{width:37px;height:40px}.touch-controls>div{gap:3px}}