@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;1,800&family=Inter:wght@500;600;700&display=swap');

:root { color-scheme: dark; --ink:#f4f7ff; --muted:#8c94aa; --acid:#d8ff38; --cyan:#2de2e6; --danger:#ff3d68; --panel:rgba(8,11,23,.84); }
* { box-sizing:border-box; }
html,body { margin:0; width:100%; height:100%; overflow:hidden; background:#05060a; color:var(--ink); font-family:Inter,system-ui,sans-serif; touch-action:none; }
body:before { content:""; position:fixed; inset:0; background:radial-gradient(circle at 50% 48%,#162037 0,#090b14 42%,#030407 80%); pointer-events:none; }
.shell { height:100dvh; padding:14px 18px 12px; display:grid; grid-template-rows:36px minmax(0,1fr) 25px; gap:8px; position:relative; }
.topbar,footer { display:flex; align-items:center; justify-content:space-between; font-family:"Barlow Condensed",sans-serif; letter-spacing:.14em; }
.brand { font-size:22px; font-weight:800; } .brand span{color:var(--acid)} .brand b{font:600 11px Inter;color:#697087;margin-left:10px;letter-spacing:.08em}
.round-status { font-size:12px;color:#98a0b7;display:flex;align-items:center;gap:8px}.round-status i{width:7px;height:7px;background:var(--acid);border-radius:50%;box-shadow:0 0 12px var(--acid)}
.game-wrap { position:relative; min-height:0; border:1px solid #30364b; overflow:hidden; background:#080b13; box-shadow:0 16px 70px #0008,inset 0 0 80px #0008; clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px)); }
.game-wrap:after { content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#ffffff06 50%,#0000000c 50%);background-size:100% 4px;mix-blend-mode:screen;opacity:.32; }
canvas { width:100%;height:100%;display:block; }
.hud { position:absolute;top:17px;z-index:2;display:flex;flex-direction:column;gap:2px;text-shadow:0 2px 8px #000;pointer-events:none}.hud-label{font:700 10px Inter;letter-spacing:.18em;color:#8992aa}.hud strong{font:800 26px "Barlow Condensed";letter-spacing:.05em}.top-left{left:18px}.top-center{left:50%;transform:translateX(-50%);align-items:center}.top-center strong{font-size:17px;color:var(--acid)}.top-right{right:18px;align-items:flex-end}
.leaderboard { --lb-width:196px;position:absolute;right:17px;top:87px;width:var(--lb-width);padding:10px 12px;background:linear-gradient(135deg,#0b1020df,#090b14bb);border-left:2px solid var(--acid);z-index:2;backdrop-filter:blur(8px);pointer-events:none;transition:right .22s ease}.leaderboard.collapsed{right:calc(4px - var(--lb-width))}.leaderboard-toggle{position:absolute;left:-32px;top:0;width:32px;height:42px;min-width:0;padding:0;clip-path:none;border:1px solid #3a455c;border-right:0;background:#0b1020e8;color:var(--acid);font:800 26px/1 "Barlow Condensed";pointer-events:auto}.leaderboard-toggle:hover{transform:none}.board-head{display:flex;justify-content:space-between;color:#70798f;font-size:10px;font-weight:700;letter-spacing:.15em;margin-bottom:6px}.leaderboard ol{list-style:none;margin:0;padding:0}.leaderboard li{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:5px;align-items:center;height:22px;font:600 12px Inter;color:#9aa2b7}.leaderboard li.me{background:#ffffff08}.leaderboard .player-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--player-color);text-shadow:0 0 8px color-mix(in srgb,var(--player-color) 55%,transparent)}.leaderboard .player-name:before{content:"";display:inline-block;width:6px;height:6px;margin-right:5px;background:var(--player-color);box-shadow:0 0 7px var(--player-color)}.rank{font-family:"Barlow Condensed";font-size:14px}.pts{font-variant-numeric:tabular-nums;color:#e7ebf4}.final-leaders li:not(.table-head) strong{color:var(--player-color);text-shadow:0 0 8px color-mix(in srgb,var(--player-color) 45%,transparent)}
.squad-tracker{position:absolute;left:16px;bottom:18px;z-index:3;width:185px;padding:9px;background:#080d19dc;border-left:2px solid #2de2e6;pointer-events:none}.squad-tracker[hidden]{display:none}.squad-tracker h3{margin:0 0 5px;color:#78849a;font:700 9px Inter;letter-spacing:.14em}.squad-tracker div{display:grid;grid-template-columns:1fr auto;gap:4px;padding:3px 0;color:#d8deeb;font-size:10px}.squad-tracker b{color:#2de2e6;font-weight:700}.mode-intro{position:absolute;left:50%;top:22%;transform:translate(-50%,-50%);z-index:5;width:min(480px,82%);padding:15px 18px;text-align:center;background:#070b15e8;border:1px solid var(--acid);box-shadow:0 0 35px #000b,0 0 24px #d8ff3822;pointer-events:none;animation:introPulse .45s ease-out}.mode-intro[hidden]{display:none}.mode-intro strong{display:block;color:var(--acid);font:800 27px "Barlow Condensed";letter-spacing:.1em}.mode-intro span{display:block;margin-top:4px;color:#b4bdd0;font-size:11px}@keyframes introPulse{from{opacity:0;transform:translate(-50%,-60%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.danger-meter{position:absolute;bottom:0;left:0;right:0;height:3px;background:#1c2030;z-index:3}.danger-meter span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--acid),#ffbf38,var(--danger));box-shadow:0 0 12px currentColor;transition:width .25s}
.overlay{position:absolute;inset:0;z-index:6;display:none;place-items:center;background:radial-gradient(circle,#0f1625cc,#03050af2);backdrop-filter:blur(3px);padding:22px}.overlay.active{display:grid}.start-card{max-width:560px;text-align:center}.results{max-height:96%;overflow:auto}.eyebrow{margin:0 0 10px;color:var(--acid);font:700 12px Inter;letter-spacing:.2em}.start-card h1{font:italic 800 clamp(70px,13vw,150px)/.66 "Barlow Condensed";letter-spacing:-.055em;margin:23px 0 30px;text-shadow:10px 10px 0 #111729,-2px -2px 0 #fff2}.start-card h1 em{font-style:italic;color:transparent;-webkit-text-stroke:2px var(--acid);filter:drop-shadow(0 0 14px #d8ff3830)}.brief{max-width:490px;margin:0 auto 20px;color:#b7bed0;font-size:15px;line-height:1.55}.controls{display:flex;justify-content:center;gap:22px;margin-bottom:22px}.controls div{display:flex;align-items:center;gap:8px}.controls span{font-size:12px;color:#8b93a8}kbd{padding:6px 9px;border:1px solid #41495d;background:#111626;box-shadow:0 3px 0 #343a4d;border-radius:3px;color:#fff;font:700 11px Inter}button{border:0;color:#080a0d;background:var(--acid);font:800 16px "Barlow Condensed";letter-spacing:.12em;padding:14px 24px;min-width:230px;cursor:pointer;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:transform .15s,filter .15s}button:hover{transform:translateY(-2px);filter:brightness(1.1)}button span{margin-left:14px}.start-card small{display:block;margin-top:12px;color:#636b7e;font-size:11px}.results h2{font:800 clamp(48px,9vw,100px)/.9 "Barlow Condensed";letter-spacing:-.03em;margin:12px 0 24px}.final-score{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:5px}.final-score span{font-size:11px;letter-spacing:.18em;color:#818aa0}.final-score strong{font:800 46px "Barlow Condensed";color:var(--acid)}.results>p:not(.eyebrow){color:#929ab0;margin:0 0 22px}
.install-btn{display:block;margin:10px auto 0;background:#111626;color:var(--acid);border:1px solid #3f475c;padding:10px 20px;font-size:14px}.install-btn[hidden]{display:none}.install-note{min-height:18px;margin:8px auto 0!important;color:#aab2c4!important;font-size:12px;line-height:1.4;max-width:390px}
.mode-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 auto 9px;max-width:560px}.mode-picker button{min-width:0;padding:8px 6px;background:#0c1220;color:#8c96ab;border:1px solid #30394f;clip-path:none;letter-spacing:.04em}.mode-picker button:hover{transform:none;border-color:#78849e}.mode-picker button.selected{border-color:var(--acid);color:var(--acid);box-shadow:inset 0 -2px var(--acid)}.mode-picker strong,.mode-picker small{display:block}.mode-picker strong{font:800 15px "Barlow Condensed"}.mode-picker small{margin-top:2px;font-size:9px;color:#737d92}.custom-cap{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;max-width:430px;margin:0 auto 9px;color:#7f899f;font-size:9px;letter-spacing:.12em}.custom-cap[hidden]{display:none}.custom-cap input{accent-color:var(--acid);width:100%}.custom-cap strong{color:var(--acid);font:800 13px "Barlow Condensed"}
.lobby-card{width:min(560px,100%);padding:26px;text-align:center;background:#080d19f2;border:1px solid #354059}.lobby-card h2{font:800 52px/1 "Barlow Condensed";margin:5px 0 14px}.lobby-count{display:flex;align-items:baseline;justify-content:center;gap:8px}.lobby-count strong{font:800 72px/1 "Barlow Condensed";color:var(--acid)}.lobby-count span{color:#778197;font-size:12px}.lobby-slots{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin:14px 0}.lobby-slots i{height:7px;background:#232b3d}.lobby-slots i.filled{background:var(--acid);box-shadow:0 0 8px #d8ff3866}.lobby-card>p:not(.eyebrow){color:#9aa4b8;font-size:13px}.lobby-timer{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;color:#778197;font-size:10px;letter-spacing:.12em}.lobby-timer strong{color:#fff;font:800 34px "Barlow Condensed"}
.lobby-powers{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin:9px 0}.lobby-powers span{padding:4px 6px;background:#12192a;border:1px solid #34415a;color:#b9c3d8;font-size:9px}.lobby-powers b{color:#ffbf38;margin-right:3px}
.lobby-cancel,.exit-match{display:block;margin:12px auto 0;min-width:190px;padding:10px 16px;background:#111626;color:#ff6b87;border:1px solid #603144;clip-path:none}.pause-button{position:absolute;left:18px;top:83px;z-index:5;min-width:0;padding:8px 12px;background:#0b1020dd;color:var(--acid);border:1px solid #3a455c;clip-path:none;font-size:13px}.pause-button[hidden]{display:none}.pause-card{width:min(390px,100%);padding:28px;text-align:center;background:#080d19f5;border:1px solid var(--acid);box-shadow:0 20px 70px #000}.pause-card h2{margin:4px 0 22px;font:800 72px/1 "Barlow Condensed";color:#fff}.pause-card .exit-match{color:#aeb7c9;border-color:#3a455c}
.weapon-button{position:absolute;left:18px;top:126px;z-index:5;min-width:0;padding:9px 12px;background:#ffbf38;color:#090b10;border:1px solid #fff3a0;clip-path:none;font-size:13px;box-shadow:0 0 18px #ffbf3855}.weapon-button[hidden]{display:none}.redline-warning{position:absolute;left:50%;top:82px;transform:translateX(-50%);z-index:5;padding:8px 14px;background:#22060ee8;border:1px solid #ff3d68;color:#fff;font:800 20px "Barlow Condensed";letter-spacing:.12em;box-shadow:0 0 24px #ff3d6877;animation:redlinePulse .55s infinite alternate}.redline-warning[hidden]{display:none}@keyframes redlinePulse{to{background:#5b0b20;transform:translateX(-50%) scale(1.04)}}
.main-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.main-actions button{min-width:205px}.shop-btn,.shop-close{background:#111626;color:var(--acid);border:1px solid #3f475c}.shop-card{width:min(760px,100%);max-height:92%;overflow:auto;padding:22px;background:#080d19f2;border:1px solid #354059;box-shadow:0 20px 70px #000b}.shop-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;border-bottom:1px solid #273047;padding-bottom:12px}.shop-head h2{font:800 48px/1 "Barlow Condensed";margin:0}.shop-head .eyebrow{margin-bottom:4px}.wallet{text-align:right}.wallet span{display:block;color:#788197;font-size:10px;letter-spacing:.15em}.wallet strong{font:800 28px "Barlow Condensed";color:var(--acid)}.shop-note{color:#9ba5ba;font-size:13px;margin:12px 0}.shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;text-align:left;margin-bottom:16px}.shop-category{border:1px solid #293248;background:#0c1221;padding:12px}.shop-category h3{margin:0 0 8px;color:#eef2ff;font:800 20px "Barlow Condensed";letter-spacing:.08em}.shop-items{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.shop-item{min-width:0;padding:9px;border:1px solid #30394f;background:#090e1a;color:#dce2f2;clip-path:none;text-align:left;font:700 12px Inter;letter-spacing:0}.shop-item:hover{transform:none;border-color:var(--acid)}.shop-item strong,.shop-item small{display:block}.shop-item small{margin:3px 0 0;color:#7f899f;font-size:10px}.shop-item.owned{border-color:#506079}.shop-item.equipped{border-color:var(--acid);box-shadow:inset 0 0 0 1px var(--acid);color:var(--acid)}.shop-swatch{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:50%;box-shadow:0 0 8px currentColor}.shop-close{display:block;margin:auto}
.loadout-preview{margin:12px 0;border:1px solid #2e3950;background:#050812}.loadout-preview canvas{width:100%;height:190px}.loadout-preview>div{display:flex;gap:6px;justify-content:center;padding:8px;flex-wrap:wrap}.loadout-preview button{min-width:150px;padding:9px 12px;clip-path:none;font-size:12px}.loadout-preview button:nth-child(2){background:#171d2b;color:#aeb7c9;border:1px solid #3a455c}.shop-item.previewing{border-color:#ffbf38;box-shadow:inset 0 0 0 1px #ffbf38}.powers-card{width:min(900px,100%);max-height:92%;overflow:auto;padding:22px;background:#080d19f2;border:1px solid #354059}.powers-card>.shop-head>strong{color:#ffbf38;font:800 18px "Barlow Condensed"}.power-collection{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:14px 0}.power-category{padding:12px;background:#0b1120;border:1px solid #29344b}.power-category h3{margin:0 0 8px;font:800 22px "Barlow Condensed";color:var(--power-color)}.power-entry{display:grid;grid-template-columns:32px 1fr;gap:8px;padding:7px 0;border-top:1px solid #202a3e}.power-entry b{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--power-color);color:var(--power-color)}.power-entry strong,.power-entry small{display:block}.power-entry strong{font:800 14px "Barlow Condensed"}.power-entry small{color:#8590a6;font-size:10px;line-height:1.35}
.league-card{width:min(430px,100%);margin:0 auto 18px;padding:10px 13px;display:grid;grid-template-columns:auto 1fr;gap:10px 16px;align-items:center;text-align:left;background:#0b1020cc;border:1px solid #30394f;border-left:3px solid var(--league,#d8ff38)}.league-card>div:first-child{display:flex;flex-direction:column}.league-card span{font-size:9px;letter-spacing:.12em;color:#788197}.league-card strong{font:800 22px "Barlow Condensed";letter-spacing:.08em;color:var(--league,#d8ff38)}.league-progress{display:grid;grid-template-columns:1fr auto;gap:5px 9px;align-items:center}.league-progress>span{font-size:11px;color:#eef2ff}.league-progress .best-visible{color:var(--league,#d8ff38);font-weight:800}.league-progress i{grid-column:1/-1;height:5px;background:#242b3d;overflow:hidden}.league-progress b{display:block;width:0;height:100%;background:var(--league,#d8ff38);transition:width .4s}.league-progress small{grid-column:1/-1;margin:0;color:#727c94;font-size:9px;letter-spacing:.1em}.ladder-levels{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.ladder-levels span{padding:4px 3px;text-align:center;border:1px solid #262e42;color:#667087;font-size:8px;letter-spacing:.06em}.ladder-levels span.current{border-color:var(--league,#d8ff38);color:var(--league,#d8ff38);background:#ffffff08}.result-ladder{max-width:500px;margin:0 auto 8px}.result-ladder[hidden]{display:none}
.run-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 auto 10px;max-width:500px}.run-stats div{padding:7px 5px;background:#0c1120;border:1px solid #283044}.run-stats strong{display:block;font:800 20px "Barlow Condensed";color:var(--acid)}.run-stats span{display:block;font-size:8px;letter-spacing:.1em;color:#818aa0}.rank-change{margin:0 0 8px!important;color:var(--acid)!important;font:800 17px "Barlow Condensed";letter-spacing:.09em}
.run-stats[hidden]{display:none}
.weapon-choice{max-width:520px;margin:8px auto 12px;padding:10px;background:#120d08;border:1px solid #ffbf38}.weapon-choice[hidden]{display:none}.weapon-choice>span{display:block;margin-bottom:8px;color:#ffbf38;font:800 13px "Barlow Condensed";letter-spacing:.12em}.weapon-choice>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.weapon-choice button{min-width:0;padding:9px 6px;background:#17131b;border:1px solid #615127;color:#fff;clip-path:none;font-size:12px}.weapon-choice button:disabled{opacity:.28;cursor:not-allowed}.weapon-choice small{margin:7px 0 0!important;color:#9f9477!important}.results>button:disabled{opacity:.35;cursor:not-allowed}.leaderboard li.eliminated{opacity:.58;background:#3d0812}.leaderboard li.eliminated .player-name{color:#ff6b87}.arsenal-mark{color:#ffbf38;text-shadow:0 0 8px #ffbf38}.redline-mark{color:#ff6b87}
.mvp-awards{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:0 auto 8px;max-width:560px}.mvp-awards[hidden]{display:none}.mvp-awards div{padding:6px;background:#12182a;border:1px solid #2e3950}.mvp-awards span{display:block;color:#727d93;font-size:8px;letter-spacing:.08em}.mvp-awards strong{display:block;color:#ffbf38;font:800 13px "Barlow Condensed";white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.final-leaders{display:block;list-style:none;margin:0 auto 8px;padding:0;max-width:560px;max-height:230px;overflow:auto;border:1px solid #283044}.final-leaders[hidden]{display:none}.final-leaders li{display:grid;grid-template-columns:42px minmax(105px,1.5fr) repeat(4,minmax(46px,.65fr));align-items:center;gap:5px;padding:6px 8px;background:#090e1a;border-bottom:1px solid #20283a;font-size:10px;color:#a5aec1;text-align:right}.final-leaders li:last-child{border-bottom:0}.final-leaders li.me{background:#d8ff380d;color:var(--league,#d8ff38);box-shadow:inset 3px 0 var(--league,#d8ff38)}.final-leaders li.table-head{position:sticky;top:0;z-index:1;background:#151c2d;color:#6f7a91;font-size:8px;letter-spacing:.08em}.final-leaders strong{font:800 14px "Barlow Condensed";color:#eef2ff;text-align:left}.final-leaders b{font:800 12px "Barlow Condensed";text-align:left}
.mobile-controls{position:absolute;inset:0;z-index:4;display:none;pointer-events:none}.stick-zone{position:absolute;left:22px;bottom:24px;width:112px;height:112px;border:1px solid #ffffff28;border-radius:50%;background:#05070c66;pointer-events:auto}.stick{position:absolute;width:48px;height:48px;left:31px;top:31px;border-radius:50%;background:#d8ff3855;border:2px solid var(--acid);box-shadow:0 0 18px #d8ff3840}.dash-btn{position:absolute;right:27px;bottom:38px;width:82px;height:82px;min-width:0;padding:0;border-radius:50%;clip-path:none;pointer-events:auto;box-shadow:0 0 25px #d8ff383c}.dash-btn:active{transform:scale(.94)}
footer{font-size:10px;color:#4e566b;padding:0 2px}footer span:nth-child(2){color:#697289}
@media(max-width:700px){html,body{touch-action:manipulation}.shell{padding:7px;grid-template-rows:31px minmax(0,1fr) 0;gap:5px}.topbar{padding:0 4px}.brand{font-size:18px}.brand b{display:none}.round-status{font-size:10px}footer{display:none}.leaderboard{--lb-width:156px;width:var(--lb-width);top:75px;right:8px;padding:7px 8px}.leaderboard.collapsed{right:calc(4px - var(--lb-width))}.leaderboard li{height:19px;font-size:10px}.hud{top:10px}.top-left{left:10px}.top-right{right:10px}.hud strong{font-size:21px}.top-center{display:none}.pause-button{left:9px;top:72px;padding:7px 10px}.weapon-button{left:auto;right:27px;top:auto;bottom:130px;padding:8px 10px}.redline-warning{top:66px;font-size:17px}.mobile-controls{display:block}.game-wrap canvas,.mobile-controls{touch-action:none}.controls div:not(.touch-note){display:none}.start-card h1{font-size:72px;margin:16px 0 20px}.brief{font-size:13px;margin-bottom:12px}.league-card{margin-bottom:12px}.overlay{padding:12px}.overlay.active{display:block;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.overlay>.start-card,.overlay>.lobby-card,.overlay>.pause-card,.overlay>.shop-card,.overlay>.powers-card{margin:auto}.overlay>.start-card{width:min(560px,100%);padding-bottom:max(28px,env(safe-area-inset-bottom))}.start-card>small{display:none}.run-stats{grid-template-columns:repeat(2,1fr)}.weapon-choice>div{grid-template-columns:1fr}.shop-grid{grid-template-columns:1fr}.shop-card{padding:14px}.shop-head h2{font-size:36px}.shop-items{grid-template-columns:1fr 1fr}.main-actions button{min-width:170px;padding:12px 15px}}
@media(pointer:coarse) and (min-width:701px){.mobile-controls{display:block}.stick-zone{width:96px;height:96px}.stick{width:42px;height:42px;left:26px;top:26px}.dash-btn{width:72px;height:72px}}
@media(max-height:700px){.start-card h1{font-size:62px;margin:12px 0 15px}.brief{margin-bottom:9px;line-height:1.35}.controls{margin-bottom:10px}.league-card{margin-bottom:9px}.mode-picker{margin-bottom:8px}}
@media(max-width:700px){.squad-tracker{left:8px;bottom:145px;width:150px;padding:6px}.squad-tracker div:nth-child(n+4){display:none}.mvp-awards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.mode-picker{grid-template-columns:repeat(2,1fr)}.lobby-slots{grid-template-columns:repeat(5,1fr)}}
@media(max-width:700px){.power-collection{grid-template-columns:1fr}.powers-card{padding:14px}.powers-card>.shop-head{align-items:flex-start}.powers-card>.shop-head>strong{font-size:14px;text-align:right}.loadout-preview canvas{height:145px}.lobby-powers span{font-size:8px}.lobby-powers b{width:100%}}
.lobby-slots i.bot{background:#2de2e6;box-shadow:0 0 8px #2de2e655}.lobby-slots i.human{background:var(--acid);box-shadow:0 0 8px #d8ff3866}
.online-account{width:min(430px,100%);margin:-8px auto 14px;padding:9px 11px;display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:9px;align-items:center;text-align:left;background:#08131a;border:1px solid #24404b}.online-dot{width:8px;height:8px;border-radius:50%;background:#ffbf38;box-shadow:0 0 12px #ffbf38}.online-account.ready .online-dot{background:#49f58a;box-shadow:0 0 12px #49f58a}.online-account.offline .online-dot{background:#ff3d68;box-shadow:0 0 12px #ff3d68}.online-account small,.online-account strong{display:block}.online-account small{margin:0;color:#7e8ca2;font-size:9px;letter-spacing:.1em}.online-account strong{color:#f2f5ff;font:800 16px "Barlow Condensed";letter-spacing:.07em}.online-account>div:last-child{text-align:right}.online-account button{min-width:0;padding:5px 7px;margin-top:2px;clip-path:none;background:transparent;border:1px solid #34455b;color:#2de2e6;font-size:10px}.online-account button:hover{transform:none}
@media(max-width:520px){.online-account{grid-template-columns:10px 1fr}.online-account>div:last-child{grid-column:2;text-align:left;display:flex;align-items:center;justify-content:space-between}.online-account button{margin:0}.online-account small{font-size:8px}}