@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap');
@import url('./transport.css');
:root{--ink:#10191c;--panel:#152126;--paper:#f4f1e9;--muted:#9dacae;--orange:#f28b56;--cyan:#73d8d0;--line:rgba(238,246,245,.17);font-family:'Noto Sans JP',sans-serif;color:var(--paper);background:#15262c;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit;transition:background .18s,border-color .18s,transform .18s}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button:disabled{cursor:wait;opacity:.45}button:active{transform:translateY(1px)}a{color:inherit;text-decoration:none}.hidden{display:none!important}#game,#vignette,#damage-flash{position:fixed;inset:0;width:100%;height:100%}#game{display:block;outline:none}#vignette{pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,#0b172533 100%)}#damage-flash{pointer-events:none;box-shadow:inset 0 0 140px 20px #e74040;opacity:0;z-index:5;transition:opacity .15s}#loading{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--ink);gap:24px}#loading p{color:var(--muted);font-size:13px}.loading-line{height:2px;width:200px;background:var(--orange);animation:load 1s ease-in-out infinite alternate}@keyframes load{to{width:30px;opacity:.3}}.brand{display:flex;align-items:center;gap:10px;font:800 24px 'Barlow Condensed',sans-serif;letter-spacing:2px}.brandmark{background:var(--orange);color:var(--ink);font-size:22px;display:grid;place-items:center;width:31px;height:34px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);letter-spacing:-2px;padding-right:2px}.alpha{font:10px 'Noto Sans JP',sans-serif;letter-spacing:1px;border:1px solid var(--line);padding:5px 7px;margin-left:10px;color:var(--muted)}#lobby{position:fixed;inset:0;background:linear-gradient(90deg,#0e1b21f2 0%,#0e1b21d6 28%,#0e1b2160 46%,transparent 67%);overflow:auto}header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid #d3edec1a;background:linear-gradient(#0b192b55,transparent)}.header-right{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1.5px}.status-dot{display:inline-block;background:var(--cyan);width:6px;height:6px;border-radius:50%;box-shadow:0 0 10px #73d8d033}.icon-btn{border:1px solid var(--line);background:#10191c50;min-width:36px;height:36px;font-size:21px}.icon-btn:hover{background:#34484c}.header-right .icon-btn:first-of-type{margin-left:20px}.lobby-panel{margin:34px 0 100px 64px;width:470px}.eyebrow{font:600 12px 'Barlow Condensed',sans-serif;letter-spacing:3px;color:var(--orange);display:flex;align-items:center;gap:10px}.tiny-line{width:28px;height:2px;background:var(--orange)}.muted{color:var(--muted)}h1{font-size:clamp(32px,3.1vw,51px);letter-spacing:-2px;line-height:1.47;font-weight:900;margin:17px 0 13px}h1 span{color:var(--orange)}.intro{font-size:12px;line-height:2;color:#b1bdbf;margin-bottom:23px}.section-label{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:600;letter-spacing:1px;color:#ced7d7;margin:14px 0 10px}.section-label>span:first-child{color:var(--orange);font:600 13px 'Barlow Condensed',sans-serif}.section-label small{font-size:8px;color:#899b9e;margin-left:auto;letter-spacing:0}.characters{display:grid;grid-template-columns:1fr 1fr;gap:9px}.character{position:relative;display:flex;align-items:center;text-align:left;padding:0;height:78px;border:1px solid #ffffff20;background:#182830a0;overflow:hidden}.character img{width:76px;height:95px;object-fit:cover;object-position:center 8%;align-self:flex-start;margin-top:-2px;filter:saturate(.8)}.character span{position:relative;z-index:1;padding-left:3px}.character b{display:block;letter-spacing:1.5px;font:700 23px 'Barlow Condensed',sans-serif}.character small{font-size:8px;color:#bcc6c7}.character i{display:none;position:absolute;right:6px;top:4px;font-style:normal;color:var(--orange);font-size:10px}.character.selected{border-color:var(--orange);background:#44372e90}.character.selected i{display:block}.character:hover{border-color:#f28b5680}.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.role{display:flex;align-items:center;text-align:left;background:#182830a0;border:1px solid var(--line);padding:10px 12px;gap:10px}.role strong{font-size:25px;font-weight:400;color:#96a9ab}.role span{font-size:10px;white-space:nowrap}.role small{display:block;font-size:8px;color:#81999b;margin-top:3px}.role.selected{border-color:var(--cyan);background:#26434495}.role.selected strong{color:var(--cyan)}.mode-tabs{margin-top:22px;display:flex;border-bottom:1px solid var(--line);gap:20px}.mode-tabs button{padding:0 0 11px;background:none;border:0;border-bottom:2px solid transparent;font-size:12px;color:#92a4a8}.mode-tabs button.selected{color:var(--paper);border-bottom-color:var(--orange)}.mode-tabs span{font:12px 'Barlow Condensed';padding:1px 4px;background:#394a4e;margin-left:5px}.primary{display:flex;align-items:center;justify-content:space-between;background:var(--orange);color:#182126;border:0;width:100%;padding:15px 22px;text-align:left;font-size:18px;font-weight:800;letter-spacing:1px;min-height:62px}.primary:hover{background:#ffa672}.primary small{display:block;font-size:9px;font-weight:500;letter-spacing:.5px;margin-top:3px}.primary b{font-size:30px;font-weight:400}#deploy{margin-top:14px}.lobby-note{font:10px 'Barlow Condensed',sans-serif;letter-spacing:1.4px;display:flex;align-items:center;gap:8px;color:#b9c6c5;margin-top:16px}.separator{color:#65787c;margin:0 7px}.city-label{position:absolute;right:45px;bottom:145px;text-align:right;text-shadow:0 2px 12px #0a1c23}.label-code{color:var(--cyan);font:12px 'Barlow Condensed';letter-spacing:3px}.city-label h2{font:800 66px/.9 'Barlow Condensed';letter-spacing:2px;margin:9px 0}.city-label p{font-size:11px;letter-spacing:5px}.city-label div{display:flex;justify-content:flex-end;gap:7px;margin:18px 0}.city-label div span{font-size:9px;border:1px solid #ffffff40;background:#0c232a60;padding:5px 8px}.coords{font:11px 'Barlow Condensed';letter-spacing:3px;color:#c1ceca}.lobby-bottom{position:fixed;bottom:0;left:0;right:0;height:68px;display:flex;align-items:center;gap:28px;padding:0 42px;border-top:1px solid var(--line);background:#102027b0;backdrop-filter:blur(10px)}.lobby-bottom p{font-size:10px;color:#a2b5b7}.lobby-bottom kbd{margin-right:4px;margin-left:10px}kbd{font:10px 'Noto Sans JP',sans-serif;border:1px solid #ffffff30;color:#c5d2d1;display:inline-block;padding:2px 5px;line-height:1.2;background:#15262c66}.text-btn{background:none;border:none;color:#afc2c4;font-size:11px;padding:10px}.text-btn:hover{color:var(--orange)}.version{margin-left:auto;font:10px 'Barlow Condensed';letter-spacing:2px;color:#829a9f}.connection-input{display:flex;align-items:center;gap:10px;margin:12px 0}.connection-input label{font-size:10px;color:#a8b9bc}.connection-input input,.join-field input{min-width:0;color:var(--paper);background:#101d23;border:1px solid var(--line);padding:10px;font-size:12px}.connection-input input{flex:1}.room-actions{display:flex;gap:10px}.secondary{background:#294044;border:1px solid #698f92;color:var(--paper);font-size:12px;padding:10px 14px}.secondary:hover{background:#355559}.join-field{display:flex;flex:1}.join-field input{width:100%;text-transform:uppercase;letter-spacing:2px}.join-field button{white-space:nowrap;background:var(--orange);color:var(--ink);border:0;font-size:12px;padding:10px}#network-status{font-size:9px;line-height:1.8;color:#a7bcbe}#room-info{border:1px solid var(--line);background:#15272e;margin-top:10px;padding:12px}#room-info>span{font:10px 'Barlow Condensed';letter-spacing:2px}#copy-code{border:0;background:none;color:var(--cyan);font:24px 'Barlow Condensed';letter-spacing:5px;padding:0 12px}#peer-status{font-size:10px}#start-coop{font-size:14px;min-height:42px;padding:12px}#leave-room{padding-bottom:0}#hud{position:fixed;inset:0;pointer-events:none;text-shadow:0 2px 5px #07192490}#hud>*{position:absolute}.map-panel{top:27px;left:30px;width:185px;background:#10252ee6;border:1px solid #b9dbd350;box-shadow:0 6px 30px #0b1c2b30}#minimap{width:100%;height:185px;display:block}.map-panel>span{position:absolute;top:8px;left:9px;font:600 11px 'Barlow Condensed';letter-spacing:2px;padding:3px 6px;background:#12252bcd}.map-caption{font-size:9px;padding:6px 8px;border-top:1px solid var(--line);display:flex;align-items:center;gap:5px}.map-caption>span{margin-left:auto;font:13px 'Barlow Condensed'}.compass{top:21px;left:50%;transform:translateX(-50%);text-align:center;font:15px 'Barlow Condensed';letter-spacing:12px}.compass b{font-size:22px;color:var(--orange)}#bearing{display:block;font-size:11px;letter-spacing:2px;margin-top:3px}.ring-info{left:50%;top:90px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,transparent,#102730cc,transparent);padding:9px 28px;white-space:nowrap}.ring-icon{font-size:32px;color:var(--orange)}.ring-info small{font:9px 'Barlow Condensed';letter-spacing:2px;display:block;color:var(--orange)}.ring-info b{font:600 27px 'Barlow Condensed'}#ring-state{font-size:10px;color:#d9e3e1;padding-left:8px;border-left:1px solid #ffffff50}.match-stats{right:30px;top:30px;display:flex;gap:3px}.match-stats>span{padding:8px 11px;background:#10252ed9;font-size:10px}.match-stats b{font:700 25px 'Barlow Condensed';margin-right:4px}.kill-stat{color:var(--orange)}#killfeed{top:95px;right:30px;display:flex;align-items:flex-end;flex-direction:column;gap:5px}.killfeed-line{font-size:10px;padding:7px 10px;background:#12232eb0;border-right:2px solid #f28b5680;animation:feed .15s ease-out}.killfeed-line b{color:var(--orange);margin:0 7px}@keyframes feed{from{transform:translateX(20px);opacity:0}}#crosshair{left:50%;top:50%;width:24px;height:24px;transform:translate(-50%,-50%);filter:drop-shadow(0 0 2px #000)}#crosshair i{position:absolute;background:#effcf0}#crosshair i:nth-child(1){width:2px;height:6px;top:0;left:11px}#crosshair i:nth-child(2){width:2px;height:6px;bottom:0;left:11px}#crosshair i:nth-child(3){height:2px;width:6px;left:0;top:11px}#crosshair i:nth-child(4){height:2px;width:6px;right:0;top:11px}#crosshair span{position:absolute;left:11px;top:11px;width:2px;height:2px;background:#f28b56}#hitmarker{left:50%;top:50%;transform:translate(-50%,-54%);font-size:44px;color:#fff;opacity:0;transition:opacity .08s}#damage-number{left:50%;top:calc(50% - 55px);font:700 32px 'Barlow Condensed';color:var(--orange);transform:translateX(-50%);opacity:0;transition:opacity .2s}#scan-label{top:156px;left:50%;transform:translateX(-50%);font:12px 'Barlow Condensed';letter-spacing:2px;color:var(--cyan)}#event-banner{top:26%;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#12242de6,transparent);padding:15px 60px;font-size:20px;white-space:nowrap;border-top:1px solid #f28b5660;border-bottom:1px solid #f28b5660}#interaction{left:50%;top:62%;transform:translateX(-50%);font-size:12px;background:#132b2ccf;padding:9px 13px;border-left:2px solid var(--cyan);text-align:center}#interaction:empty{display:none}#action-progress{top:68%;left:50%;transform:translateX(-50%);width:220px;height:26px;border-bottom:3px solid #ffffff40;font-size:11px;text-align:center}#action-progress span{position:absolute;bottom:-3px;left:0;width:0;height:3px;background:var(--cyan)}.squad-hud{left:30px;bottom:52px;width:310px}.teammate{display:flex;align-items:center;gap:10px;width:235px;padding:7px 10px;margin-bottom:12px;background:linear-gradient(90deg,#142735e6,#14273580);border-left:2px solid var(--cyan)}.teammate img{width:34px;height:45px;object-fit:cover;object-position:50% 5%;border:1px solid #ffffff40}.teammate>div{flex:1}.teammate span{font:600 13px 'Barlow Condensed';letter-spacing:1px}.teammate small{font-size:9px;color:var(--cyan);margin-left:5px}.teammate #mate-distance{font-size:12px;color:var(--cyan);align-self:flex-start;padding-top:4px}.bar{background:#0a1929b3;position:relative;overflow:hidden}.bar i{display:block;height:100%;width:100%;transition:width .12s}.mini-shield{height:4px;margin:5px 0 3px}.mini-shield i,.shield i{background:linear-gradient(90deg,#6bade6,#b6cefa)}.mini-hp{height:3px}.mini-hp i{background:#d8e5de}.player-card{display:flex;align-items:center;gap:0;background:#10252ed9;border-left:3px solid var(--orange);height:80px;clip-path:polygon(0 0,95% 0,100% 17%,100% 100%,0 100%)}.player-card>img{width:75px;height:80px;object-fit:cover;object-position:50% 3%;border-right:1px solid #ffffff30}.player-vitals{flex:1;padding:8px 12px}.player-vitals>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.player-vitals b{font:600 17px 'Barlow Condensed';letter-spacing:1px}.player-vitals>div>span{font:9px 'Barlow Condensed';color:var(--orange);letter-spacing:1px}.shield{height:12px;margin-bottom:5px}.health{height:15px}.health i{background:linear-gradient(90deg,#cde4db,#f0f2e7)}.bar>span{position:absolute;right:5px;top:-1px;font:10px 'Barlow Condensed';color:#0f2534;text-shadow:none;font-weight:700}.consumables{font-size:9px;color:#c4d5d2;margin:7px 0 0 4px}.consumables>span:first-of-type{color:var(--cyan);margin-left:5px}.ability-hud{left:50%;bottom:65px;transform:translateX(-50%);display:flex;align-items:center;gap:10px}#ability-icon{width:59px;height:59px;display:grid;place-items:center;font-size:36px;background:#122b32db;border:1px solid var(--cyan);clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%);color:var(--cyan)}.ability-hud>span{font-size:10px}.ability-hud b{font-size:10px}.ability-hud small{font:11px 'Barlow Condensed';display:block;letter-spacing:2px;margin-top:6px;color:var(--cyan)}.ping-key{margin-left:12px;text-align:center}.ping-key small{font-size:8px;color:#b0c6c9}.weapon-hud{right:30px;bottom:51px;width:280px;background:linear-gradient(90deg,#12252e50,#12252ef0);border-right:3px solid var(--orange);padding:9px 13px 0;min-height:130px}.weapon-title{display:flex;align-items:center;gap:10px}.weapon-title>span{font:10px 'Barlow Condensed';color:var(--orange);letter-spacing:1px}.weapon-title b{font-size:10px;flex:1}.weapon-title kbd{font-size:9px}#weapon-image{width:133px;height:50px;object-fit:contain;object-position:left center;margin:12px 0 3px}.ammo{position:absolute;right:15px;top:42px}.ammo>b{font:700 43px/.9 'Barlow Condensed'}.ammo>span{font:17px 'Barlow Condensed';color:#a6bfc4}.ammo>small{display:block;font:8px 'Barlow Condensed';letter-spacing:2px;text-align:right;color:var(--orange);margin-top:4px}#weapon-slots{display:flex;border-top:1px solid var(--line);margin-top:4px;gap:7px;padding:7px 0}.weapon-key{font:10px 'Barlow Condensed';color:#8fa9af;flex:1;text-align:center;border-bottom:2px solid transparent;padding-bottom:3px}.weapon-key.active{color:var(--orange);border-color:var(--orange)}.hud-footer{left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:9px 30px;background:linear-gradient(transparent,#0e25338c);font:9px 'Barlow Condensed';letter-spacing:1px;color:#a8c2c6}.hud-footer>span:nth-child(2){font:8px 'Noto Sans JP';letter-spacing:0}.hud-footer kbd{font-size:8px;margin-left:7px}.overlay{position:fixed;inset:0;z-index:20;background:#0a182bd9;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}.modal{max-width:650px;width:calc(100% - 40px);padding:32px 40px;background:#14262d;border:1px solid var(--line);box-shadow:0 30px 120px #0005}.modal h2{font-size:29px;margin:12px 0 8px}.modal>p{font-size:11px;color:#96b0b7}.guide{display:grid;grid-template-columns:1fr 1fr;gap:13px 15px;margin:25px 0}.guide span{font-size:10px;color:#b8cbce;display:flex;align-items:center;gap:8px}.guide kbd{min-width:54px}.settings{border-top:1px solid var(--line);padding:17px 0;display:flex;gap:20px}.settings label{font-size:10px;color:#9bb4b9;display:flex;flex-direction:column;gap:8px;flex:1}.settings input{width:100%;accent-color:var(--orange)}.settings select{background:#1c3640;color:#dce7e4;border:1px solid var(--line);font-size:11px;padding:3px}.modal>.primary{font-size:14px;min-height:48px}.modal>.text-btn{display:block;margin:5px auto -8px}.fullmap-wrap{width:min(85vh,85vw);max-width:900px}.fullmap-wrap>.section-label{font-size:15px;justify-content:space-between}.fullmap-wrap canvas{display:block;width:100%;aspect-ratio:1;border:1px solid #bfd5cb50;background:#122c34}.fullmap-wrap p{font-size:9px;display:flex;gap:8px;align-items:center;color:#b4c8c9}.fullmap-wrap p>span:last-child{margin-left:auto}.legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.cyan{background:var(--cyan)}.red{background:#ee7867}.gold{background:var(--orange)}.result-card{max-width:740px;width:calc(100% - 40px);text-align:center}.result-card>.eyebrow{justify-content:center}.result-card h2{font-size:40px;letter-spacing:-1px;margin:20px 0}.result-card p{font-size:12px;color:#c1cfcf}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:35px 0;padding:25px 0}.result-stats span{display:flex;flex-direction:column;gap:10px;font-size:10px;color:#aac0c4;border-right:1px solid var(--line)}.result-stats span:last-child{border:0}.result-stats b{font:600 45px 'Barlow Condensed';color:var(--paper)}.result-card>.primary{width:330px;margin:auto;font-size:15px;min-height:52px}#toast{position:fixed;z-index:90;bottom:40px;left:50%;transform:translateX(-50%);max-width:80vw;font-size:12px;background:#17353cf0;border:1px solid var(--cyan);padding:12px 22px;text-align:center}#fatal{position:fixed;inset:0;background:var(--ink);z-index:200;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px}#fatal p{max-width:600px;font-size:13px;line-height:1.8}#fatal button{background:var(--orange);border:0;padding:10px 20px;color:var(--ink)}
@media(min-width:1600px){.lobby-panel{margin-top:55px;width:510px}.intro{font-size:14px;margin-bottom:28px}h1{font-size:55px}.character{height:90px}.role{padding:13px}.section-label{margin-top:20px}.city-label{bottom:160px;right:65px}}
@media(max-height:820px) and (min-width:901px){header{height:68px}.lobby-panel{margin:20px 0 85px 44px;width:425px}h1{font-size:34px;line-height:1.4;margin-top:11px}.intro{font-size:10px;margin:9px 0 14px}.character{height:64px}.character img{width:60px;height:82px}.character b{font-size:20px}.role{padding:7px 10px}.section-label{margin:11px 0 8px}.mode-tabs{margin-top:15px}.lobby-bottom{height:52px}.primary{min-height:54px;padding:11px 18px}.city-label h2{font-size:60px}.city-label{bottom:95px}.lobby-note{font-size:9px}.lobby-panel:has(#coop-panel:not(.hidden)){margin-top:12px}#coop-panel #room-info{padding:8px}.connection-input{margin:8px 0}.connection-input input,.join-field input{padding:7px}.mode-tabs button{padding-bottom:8px}}
@media(max-width:900px){header{padding:0 20px;height:68px}.header-right>span,.alpha{display:none}.lobby-panel{margin:25px 25px 90px;width:420px;max-width:calc(100% - 50px)}#lobby{background:linear-gradient(90deg,#101e29f0 0%,#101e29d0 55%,#101e2920)}h1{font-size:36px}.city-label{display:none}.lobby-bottom{padding:0 20px;gap:10px}.lobby-bottom p{font-size:8px}.version{display:none}.map-panel{width:140px;left:15px;top:15px}#minimap{height:140px}.match-stats{right:15px;top:15px}.match-stats>span{padding:5px}.match-stats b{font-size:20px}.compass{top:20px;font-size:10px;letter-spacing:5px}.ring-info{top:67px;padding:5px 15px}.ring-info b{font-size:22px}#ring-state{font-size:8px}.squad-hud{left:15px;width:250px;bottom:45px}.weapon-hud{right:15px;width:220px;bottom:45px}.weapon-title b{font-size:8px}#weapon-image{width:100px}.ability-hud{bottom:192px}.hud-footer{padding:9px 15px}.hud-footer>span:nth-child(2){display:none}.teammate{width:210px}.player-card>img{width:60px}.guide{gap:10px}.modal{padding:25px}.modal h2{font-size:24px}}
@media(max-width:500px){header{padding:0 15px}.brand{font-size:21px}.lobby-panel{margin:20px 20px 100px;max-width:calc(100% - 40px)}h1{font-size:31px}.intro{font-size:10px}.character b{font-size:21px}.character img{width:58px}.character small{font-size:7px}.role{padding:9px 8px;gap:6px}.role strong{font-size:21px}.role span{font-size:9px}.section-label small{display:none}.lobby-bottom p{display:none}.lobby-bottom{height:50px}.city-label{display:none}.settings{gap:10px}.guide{grid-template-columns:1fr}.modal{max-height:94vh;overflow:auto}.result-card h2{font-size:28px}.result-stats b{font-size:30px}.squad-hud{width:195px}.weapon-hud{width:175px}.weapon-hud .weapon-title b{font-size:7px}.weapon-hud #weapon-image{width:70px}.player-vitals{padding:7px}.player-card>img{width:40px}.player-vitals b{font-size:14px}.player-vitals>div>span{font-size:7px}.teammate{width:185px}.ring-info{top:180px}.compass{left:65%}.match-stats{top:65px}.map-panel{width:125px}#minimap{height:125px}.ability-hud{bottom:190px}.result-card>.primary{width:100%}}
@media(max-height:720px){header{height:56px}.lobby-panel{margin-top:15px;margin-bottom:70px}h1{font-size:29px;line-height:1.4;margin:12px 0 8px}.intro{font-size:10px;margin:8px 0 13px}.eyebrow{font-size:10px}.section-label{margin:9px 0 6px}.character{height:62px}.character img{height:80px;width:60px}.character b{font-size:20px}.role{padding:6px 10px}.role strong{font-size:22px}.mode-tabs{margin-top:14px}.mode-tabs button{font-size:11px;padding-bottom:9px}.primary{min-height:49px;padding:10px 17px;font-size:16px}#deploy{margin-top:10px}.lobby-note{font-size:9px;margin-top:10px}.lobby-bottom{height:49px}.city-label{bottom:100px}.city-label h2{font-size:50px}}
.character:disabled{opacity:1;cursor:default}.character:disabled:not(.selected){border-color:#ffffff20;background:#182830a0}.friend-link{padding:5px 0 0;color:var(--cyan);font-size:9px;display:block;margin-left:auto}.version small{display:block;font:9px 'Noto Sans JP',sans-serif;letter-spacing:0;text-align:right;margin-top:5px;color:#a9bec1}.audio-credit{font-size:10px!important;text-align:center;line-height:1.7;color:#a9bec1!important;margin:0 0 15px}.audio-credit a{text-decoration:underline;text-underline-offset:3px}#mate-marker{font:600 12px 'Barlow Condensed',sans-serif;letter-spacing:1px;color:var(--cyan);padding:3px 7px;background:#0a293c99;border-bottom:1px solid #73d8d080;transform:translate(-50%,-100%);white-space:nowrap}#floor-label{font:9px 'Barlow Condensed',sans-serif;color:var(--cyan);letter-spacing:1px;margin-left:3px}
@media(max-width:700px){.lobby-bottom{flex-wrap:wrap;align-content:center;gap:0 10px}.version{display:block;font-size:8px}.version small{font-size:7px;margin-top:2px}}
#weapon-rarity{display:block;font-size:8px;margin-top:4px;letter-spacing:1px}.weapon-hud{min-height:174px}#weapon-image{margin-top:4px}.attachment-slots{display:flex;justify-content:space-between;gap:3px;border-top:1px solid var(--line);padding:7px 0}.attachment-slots>span{font:10px 'Barlow Condensed',sans-serif;white-space:nowrap}#weapon-detail{display:block;font:9px 'Barlow Condensed',sans-serif;letter-spacing:1px;color:#96afb4;padding-bottom:8px}#armor-tag{font-size:8px;margin-bottom:4px}.player-card{height:92px}.player-card>img{height:92px}.weapon-key{font-size:9px;line-height:1.4}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.teammate{width:100%;max-width:260px;min-height:78px}.teammate>img{width:64px;height:64px;flex:0 0 64px;object-position:center}.teammate>div{min-width:0}.teammate #mate-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.teammate #mate-distance{flex-shrink:0;letter-spacing:0}
@media(max-width:900px){.teammate{max-width:235px}}
@media(max-width:500px){.teammate{gap:8px;min-height:70px}.teammate>img{width:56px;height:56px;flex-basis:56px}}