:root{--bg:#05060a;--panel:#0d1018;--panel-lift:#141926;--panel-edge:#2b3145;--panel-edge-hot:#47506e;--ink:#e8ecf4;--ink-dim:#97a0b7;--ink-faint:#666e85;--accent:#ffa41b;--accent-hot:#ff5722;--accent-cool:#4de1e8;--ok:#4caf50;--warn:#ffc400;--danger:#e53935;--font-ui:"Courier New", "DejaVu Sans Mono", monospace;--sky-0:#0a1240;--sky-1:#2a1c72;--sky-2:#5c1f86;--sky-3:#9c2478;--sky-4:#d33a5c;--sky-5:#f2683a;--sky-6:#ffa32b;--sky-7:#ffd463}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;padding:0;overflow:hidden}body{flex-direction:column;display:flex}.stage{flex:auto;min-height:0;display:flex;position:relative}#game-root{flex:auto;place-items:center;min-width:0;min-height:0;display:grid;overflow:hidden}#game-root canvas{image-rendering:pixelated;max-width:100%;max-height:100%;display:block;box-shadow:0 0 0 1px #6d7896}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:where(button,input,select,a,[tabindex]):focus-visible{outline:2px solid var(--accent-cool);outline-offset:2px}.hud{border-bottom:1px solid var(--panel-edge);z-index:10;background:linear-gradient(#10141f 0%,#080b12 100%);flex:none;padding:6px 10px 5px;font-size:12px;box-shadow:0 2px #000000b3}.hud[hidden]{display:none}.hud__status{align-items:center;gap:10px;min-height:34px;display:flex}.dial{border:1px solid var(--panel-edge);background:#0a0e17;border-radius:3px;align-items:center;gap:2px;padding:2px 6px 2px 8px;display:flex}.dial__label{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);margin-right:4px;font-size:10px}.dial__value{text-align:right;min-width:3ch;color:var(--accent);font-variant-numeric:tabular-nums;font-size:19px;font-weight:700;line-height:1}.dial__unit{color:var(--ink-faint);margin-right:2px;font-size:12px}.dial__step{width:19px;height:22px;color:var(--ink-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;padding:0;font-family:inherit;font-size:13px;line-height:1}.dial__step--coarse{color:var(--ink-faint)}.dial__step:hover{border-color:var(--accent);color:var(--accent)}.dial__step:active{background:var(--accent);color:#140a00}.onturn{border:1px solid var(--panel-edge);background:#0a0e17;border-radius:3px;align-items:center;gap:6px;max-width:210px;padding:4px 9px;display:flex}.onturn--you{border-color:var(--accent);box-shadow:inset 0 0 0 1px #ffa41b40}.onturn__swatch{background:#555;border:1px solid #ffffff8c;flex:none;width:11px;height:11px}.onturn__name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.onturn__health{color:var(--ok);font-variant-numeric:tabular-nums;margin-left:auto;padding-left:6px;font-size:13px;font-weight:700}.onturn__health[data-hurt=some]{color:var(--warn)}.onturn__health[data-hurt=bad]{color:var(--danger)}.weaponpick{flex:170px;min-width:140px;max-width:260px}.weaponpick__select{width:100%;color:var(--accent-cool);border:1px solid var(--panel-edge);background:#0a0e17;border-radius:3px;padding:5px 6px;font-family:inherit;font-size:13px}.clock{flex-direction:column;gap:3px;min-width:52px;display:flex}.clock[hidden]{display:none}.clock__value{text-align:center;color:var(--ink-dim);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700;line-height:1}.clock__track{background:#1c2231;border-radius:2px;height:4px;display:block;overflow:hidden}.clock__fill{background:var(--ok);width:100%;height:100%;display:block}.clock[data-urgency=soon] .clock__value{color:var(--warn)}.clock[data-urgency=soon] .clock__fill{background:var(--warn)}.clock[data-urgency=now] .clock__value{color:var(--danger)}.clock[data-urgency=now] .clock__fill{background:var(--danger)}.wind{background:#12100c;border:1px solid #6a5324;border-radius:3px;align-items:center;gap:9px;margin-left:auto;padding:3px 12px 3px 11px;display:flex}.wind[data-calm="0"]{border-color:var(--accent);box-shadow:inset 0 0 18px #ffa41b24}.wind__label{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-size:10px}.wind[data-calm="1"] .wind__label{color:var(--ink-faint)}.wind__gauge{background:#161c29;border:1px solid #232a3c;border-radius:2px;width:96px;height:10px;display:block;position:relative;overflow:hidden}.wind__zero{background:#414b66;width:1px;position:absolute;top:0;bottom:0;left:50%}.wind__fill{background:linear-gradient(90deg, var(--accent) 0%, var(--accent-hot) 100%);width:0;position:absolute;top:0;bottom:0;left:50%}.wind__fill[data-dir=left]{background:linear-gradient(270deg, var(--accent) 0%, var(--accent-hot) 100%);left:auto;right:50%}.wind__value{min-width:6ch;color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:21px;font-weight:700;line-height:1}.wind[data-calm="1"] .wind__value{color:var(--ink-faint)}.firebutton{letter-spacing:.22em;text-transform:uppercase;color:#1a0d00;background:linear-gradient(180deg, #ffc046 0%, var(--accent) 45%, var(--accent-hot) 100%);cursor:pointer;border:1px solid #ffd98f;border-radius:3px;padding:8px 22px;font-family:inherit;font-size:15px;font-weight:700}.firebutton:hover:not(:disabled){filter:brightness(1.12)}.firebutton:disabled{color:#4a5165;cursor:not-allowed;background:#10141f;border-color:#262d40}.hud__arsenal{flex-wrap:wrap;align-items:center;gap:5px;min-height:22px;margin-top:5px;display:flex}.ammo{color:var(--ink-dim);border:1px solid var(--panel-edge);cursor:pointer;white-space:nowrap;background:#0a0e17;border-radius:2px;align-items:center;gap:6px;padding:2px 8px;font-family:inherit;font-size:11px;display:flex}.ammo:hover:not(:disabled){border-color:var(--accent);color:var(--ink)}.ammo__count{color:var(--accent-cool);font-variant-numeric:tabular-nums;font-weight:700}.ammo--active{color:#140a00;background:linear-gradient(180deg, var(--accent) 0%, #e8890f 100%);border-color:#ffd98f}.ammo--active .ammo__count{color:#3a1c00}.ammo--empty{opacity:.4;cursor:not-allowed}.hud__hint{color:var(--ink-faint);font-size:11px}.hud__footline{align-items:center;gap:10px;margin-top:5px;display:flex}.hud__players{flex-wrap:wrap;gap:6px;display:flex}.hud__turn{color:var(--accent);text-align:right;flex:auto;min-height:1.1em;font-size:12px}.hud__link{letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--panel-edge);color:var(--ink-faint);border-radius:2px;flex:none;padding:2px 8px;font-size:10px}.hud__link[data-state=open]{color:var(--ok);border-color:#4caf5073}.hud__link[data-state=connecting],.hud__link[data-state=reconnecting]{color:var(--warn);border-color:#ffc40080}.hud__link[data-state=closed]{color:var(--danger);border-color:#e5393580}.playertag{border:1px solid var(--panel-edge);background:#0a0e17;border-radius:2px;align-items:center;gap:6px;padding:2px 7px;font-size:11px;display:flex}.playertag--active{border-color:var(--accent)}.playertag--you .playertag__name{color:var(--accent-cool)}.playertag--dead{opacity:.4}.playertag--dead .playertag__name{text-decoration:line-through}.playertag__swatch{border:1px solid #ffffff80;width:9px;height:9px}.playertag__health{background:#232a3c;width:42px;height:5px;overflow:hidden}.playertag__health span{background:var(--ok);height:100%;display:block}.playertag__health[data-hurt=some] span{background:var(--warn)}.playertag__health[data-hurt=bad] span{background:var(--danger)}.playertag__cash{color:var(--ink-dim);font-variant-numeric:tabular-nums}.playertag__cpu{letter-spacing:.12em;color:var(--accent-cool);border:1px solid #4de1e880;border-radius:2px;padding:0 4px;font-size:9px}.playertag--bot .playertag__name{color:var(--accent-cool)}.onturn--bot:after{content:"CPU";letter-spacing:.12em;color:var(--accent-cool);border:1px solid #4de1e880;border-radius:2px;flex:none;order:0;padding:0 4px;font-size:9px}.onturn--bot .onturn__health{order:1}.chat{border-top:1px solid var(--panel-edge);background:linear-gradient(#080b12 0%,#10141f 100%);flex-direction:column;flex:none;gap:4px;padding:5px 10px 6px;font-size:12px;display:flex;position:relative}.chat[hidden]{display:none}.chat__log{text-shadow:0 1px #000,0 0 4px #000;flex-direction:column;gap:2px;max-height:76px;padding:0 4px;display:flex;overflow-y:auto}.chat__log:empty{display:none}.chat__line{color:var(--ink);word-break:break-word}.chat__who{font-weight:700}.chat__line--system{color:var(--ink-dim);font-style:italic}.chat__form{opacity:.75;gap:4px;width:min(420px,100%);transition:opacity .15s;display:flex}.chat__form:hover,.chat__form:focus-within{opacity:1}.chat__input{min-width:0;color:var(--ink);border:1px solid var(--panel-edge);background:#06080ef0;border-radius:2px;flex:1;padding:5px 8px;font-family:inherit;font-size:12px}.chat__send{color:var(--ink-dim);border:1px solid var(--panel-edge);cursor:pointer;background:#06080ef0;border-radius:2px;padding:5px 10px;font-family:inherit;font-size:11px}.chat__send:hover{border-color:var(--accent);color:var(--accent)}.overlay{z-index:20;background-color:#05060c;background-image:radial-gradient(at 50% 0,#202e5680 0%,#05060c00 66%),radial-gradient(1.3px 1.3px at 18% 12%,#fff,#0000),radial-gradient(1px 1px at 62% 27%,#cfe0ff,#0000),radial-gradient(1.4px 1.4px at 83% 8%,#fff,#0000),radial-gradient(1px 1px at 34% 62%,#fff,#0000),radial-gradient(1px 1px at 9% 84%,#bcd2ff,#0000),radial-gradient(1.2px 1.2px at 71% 76%,#fff,#0000),radial-gradient(1px 1px at 47% 41%,#e6efff,#0000),radial-gradient(1px 1px at 91% 55%,#fff,#0000);background-size:100% 100%,173px 191px,211px 157px,241px 233px,137px 179px,197px 149px,163px 211px,229px 167px,151px 199px;grid-template-rows:minmax(0,1fr);place-items:center;padding:24px;display:grid;position:absolute;inset:0;overflow-y:auto}.overlay[hidden]{display:none}.panel{background:var(--panel);border:1px solid var(--panel-edge);border-radius:8px;width:min(430px,100%);padding:26px;box-shadow:0 24px 60px #0009}.panel[hidden]{display:none}.panel__heading{letter-spacing:.1em;color:var(--accent);margin:0 0 6px;font-size:20px}.panel__hint{color:var(--ink-dim);margin:0 0 14px;font-size:12px;line-height:1.5}.panel__actions{gap:10px;margin-top:16px;display:flex}.panel__error{color:#ffd9d6;background:#e539352e;border:1px solid #e539358c;border-radius:3px;margin:14px 0 0;padding:8px 10px;font-size:12px}.panel__error[hidden]{display:none}.panel__winner{color:var(--accent);margin:0 0 8px;font-size:24px}.panel--result .panel__heading{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);font-size:11px}.panel--result .panel__winner{text-shadow:0 0 26px #ffa41b59;margin:6px 0 10px;font-size:34px;line-height:1.1}.panel--title{width:auto;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;position:fixed;inset:0;overflow:hidden}.sunset{background:linear-gradient(180deg, var(--sky-0) 0%, var(--sky-1) 22%, var(--sky-2) 38%, var(--sky-3) 52%, var(--sky-4) 63%, var(--sky-5) 73%, var(--sky-6) 83%, var(--sky-7) 100%);position:absolute;inset:0}.sunset__sun{background:radial-gradient(circle,#fffbe0 0%,#ffee7a 34%,#ffe14d 58%,#ffc61f 84%,#ffb300 100%);border-radius:50%;width:min(52vh,460px);height:min(52vh,460px);position:absolute;bottom:4%;left:52%;transform:translate(-50%);box-shadow:0 0 90px 30px #ffd64d59}.sunset__range{width:100%;height:58%;display:block;position:absolute;bottom:0;left:0;right:0}.titlebar{text-align:center;z-index:2;padding:0 16px;position:absolute;top:clamp(14px,4vh,46px);left:0;right:0}.titlebar__name{letter-spacing:.04em;color:#ffe14d;text-shadow:0 0 2px #000,2px 3px #7a3d00,0 0 26px #ffe14d80;margin:0;font-size:clamp(34px,7vw,76px);font-weight:700;line-height:1}.titlebar__sub{letter-spacing:.16em;color:var(--accent-cool);text-shadow:0 0 2px #000;margin:10px 0 0;font-size:clamp(13px,1.7vw,20px)}.titlebar__badge{letter-spacing:.14em;color:#fff;opacity:.85;text-shadow:0 0 2px #000;margin:8px 0 0;font-size:clamp(10px,1.1vw,13px)}.titlebar__foot{text-align:center;color:#3a2a4a;z-index:2;margin:0;padding:0 16px;font-size:11px;line-height:1.5;position:absolute;bottom:10px;left:0;right:0}.console{z-index:3;background:linear-gradient(#1c1f2ce6 0%,#0c0e18e6 100%);border:1px solid #ffffff57;border-radius:5px;width:min(300px,42vw);padding:18px;position:absolute;top:50%;left:clamp(16px,5vw,84px);transform:translateY(-46%);box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0009,0 18px 44px #00000073}.console__rule{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.2em;align-items:center;gap:10px;margin:16px 0 12px;font-size:10px;display:flex}.console__rule:before,.console__rule:after{content:"";background:#fff3;flex:1;height:1px}.console .btn{width:100%}.field{margin-bottom:10px;display:block}.field span{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:5px;font-size:10px;display:block}.field input{width:100%;color:var(--ink);border:1px solid var(--panel-edge);letter-spacing:.08em;background:#06080f;border-radius:3px;padding:9px 11px;font-family:inherit;font-size:16px}.field input:focus{border-color:var(--accent)}.field__code{text-align:center;letter-spacing:.5em;text-indent:.5em;color:var(--accent);font-size:24px;font-weight:700}.btn{letter-spacing:.1em;color:var(--ink);border:1px solid var(--panel-edge-hot);cursor:pointer;background:linear-gradient(#202638 0%,#161b28 100%);border-radius:3px;flex:1;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:700}.btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{color:#1a0d00;background:linear-gradient(180deg, #ffc046 0%, var(--accent) 50%, #e8890f 100%);border-color:#ffd98f}.btn--primary:hover:not(:disabled){color:#1a0d00;filter:brightness(1.1)}.btn--ghost{flex:none;padding:8px 12px;font-size:11px}.btn[aria-pressed=true],.btn[aria-pressed=true]:hover:not(:disabled){color:#06210a;background:linear-gradient(180deg, #6fdc74 0%, var(--ok) 100%);border-color:#9df0a1}.btn[aria-pressed=true]:hover:not(:disabled){filter:brightness(1.08)}.panel--lobby{flex-direction:column;width:min(470px,100%);min-height:0;max-height:100%;display:flex}.lobby__eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);margin:0 0 8px;font-size:10px}.lobby__codebox{border:1px solid var(--accent);background:#06080f;border-radius:4px;align-items:center;gap:12px;padding:12px 16px;display:flex;box-shadow:inset 0 0 24px #ffa41b1f}.lobby__code{letter-spacing:.22em;text-indent:.22em;text-align:center;color:var(--accent);text-shadow:0 0 22px #ffa41b73;flex:1;font-size:46px;font-weight:700;line-height:1}.panel--lobby .panel__hint{margin:10px 0 14px}.lobby__spectators{color:var(--ink-dim);margin:8px 0 0;font-size:11px}.lobby__spectators[hidden]{display:none}.playerlist{scrollbar-width:thin;scrollbar-color:var(--panel-edge-hot) transparent;flex:0 auto;grid-template-columns:minmax(0,1fr);gap:6px;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.playerlist[data-more="1"]{-webkit-mask-image:linear-gradient(#000 0% calc(100% - 22px),#0000 100%);mask-image:linear-gradient(#000 0% calc(100% - 22px),#0000 100%)}.playerlist li{border:1px solid var(--panel-edge);background:#06080f;border-radius:3px;align-items:center;gap:10px;padding:9px 12px;font-size:14px;display:flex}.playerlist li.is-away{opacity:.55;border-style:dashed}.playerlist .swatch{border:1px solid #ffffff80;width:12px;height:12px}.playerlist .spacer{flex:1}.playerlist__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.playerlist .tag{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);border:1px solid var(--panel-edge);border-radius:2px;padding:2px 6px;font-size:10px}.playerlist .tag--host{color:var(--accent);border-color:#ffa41b80}.playerlist .tag--ready{color:var(--ok);border-color:#4caf5080}.playerlist .tag--away{color:var(--danger);border-color:#e5393580}.playerlist li.is-bot{background:#050d12;border-color:#4de1e859}.playerlist .tag--bot{color:var(--accent-cool);letter-spacing:.08em;white-space:nowrap;border-color:#4de1e880}.rowbtn{width:24px;height:24px;color:var(--ink-dim);border:1px solid var(--panel-edge);cursor:pointer;background:0 0;border-radius:2px;flex:none;padding:0;font-family:inherit;font-size:13px;line-height:1}.rowbtn:hover{color:var(--danger);border-color:var(--danger)}.botbar{align-items:stretch;gap:8px;margin-top:10px;display:flex}.botbar[hidden]{display:none}.botbar__pick{flex:auto;min-width:0;display:flex}.botbar__select{width:100%;color:var(--ink);border:1px solid var(--panel-edge);background:#06080f;border-radius:3px;padding:8px 10px;font-family:inherit;font-size:12px}.botbar__select:focus{border-color:var(--accent)}.botbar .btn{white-space:nowrap;flex:none}.botbar__blurb{min-height:4.4em;color:var(--ink-dim);align-items:flex-start;gap:8px;margin:7px 0 0;font-size:11px;line-height:1.45;display:flex}.botbar__blurb[hidden]{display:none}.skill{flex:none;gap:2px;margin-top:3px;display:flex}.skill__pip{border:1px solid var(--panel-edge);background:#1b2233;width:5px;height:11px}.skill__pip--on{background:var(--accent-cool);border-color:var(--accent-cool)}.botbar__blurb[data-rank="4"] .skill__pip--on{background:var(--accent-hot);border-color:var(--accent-hot)}.skill__tag{letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--warn);border:1px solid #ffc40080;border-radius:2px;padding:1px 5px;font-size:9px}.panel--armoury{flex-direction:column;width:min(1000px,100%);max-height:100%;display:flex}.armoury__head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.armoury__head .panel__hint{max-width:52ch;margin-bottom:12px}.armoury__cash{text-align:right;flex:none}.armoury__cash span{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);font-size:10px;display:block}.armoury__cash strong{color:var(--accent);font-variant-numeric:tabular-nums;font-size:30px}.armoury{flex:auto;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px;min-height:0;margin:0;padding:2px;list-style:none;display:grid;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 0% calc(100% - 34px),#0000 100%);mask-image:linear-gradient(#000 0% calc(100% - 34px),#0000 100%)}.wpn{border:1px solid var(--panel-edge);background:#06080f;border-radius:3px;grid-template-columns:1fr auto;grid-template-areas:"name own""desc desc""stats stats""price buy";align-items:center;gap:3px 10px;padding:9px 11px;display:grid}.wpn--owned{background:#071016;border-color:#4de1e873}.wpn--broke{opacity:.5}.wpn--free{border-color:#ffa41b66}.wpn__name{color:var(--ink);grid-area:name;font-size:14px;font-weight:700}.wpn__tier{letter-spacing:.12em;color:var(--ink-faint);vertical-align:1px;margin-left:6px;font-size:9px}.wpn__owned{color:var(--accent-cool);font-variant-numeric:tabular-nums;grid-area:own;font-size:13px;font-weight:700}.wpn__owned[data-empty="1"]{color:var(--ink-faint);font-weight:400}.wpn__desc{color:var(--ink-dim);grid-area:desc;min-height:2.9em;font-size:11px;line-height:1.45}.wpn__stats{letter-spacing:.06em;color:var(--ink-faint);text-transform:uppercase;grid-area:stats;gap:10px;margin:3px 0 4px;font-size:10px;display:flex}.wpn__stats b{color:var(--ink-dim);font-variant-numeric:tabular-nums}.wpn__price{color:var(--accent);font-variant-numeric:tabular-nums;grid-area:price;font-size:13px}.wpn__price small{color:var(--ink-faint);font-size:10px;display:block}.wpn__buttons{grid-area:buy;gap:5px;display:flex}.shop__buy,.shop__sell{letter-spacing:.08em;color:var(--ink);border:1px solid var(--panel-edge-hot);cursor:pointer;background:linear-gradient(#202638 0%,#161b28 100%);border-radius:2px;padding:6px 12px;font-family:inherit;font-size:11px;font-weight:700}.shop__buy:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.shop__sell:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.shop__buy:disabled,.shop__sell:disabled{opacity:.3;cursor:not-allowed}.armoury__foot{flex:none;align-items:center;gap:14px;margin-top:14px;display:flex}.armoury__waiting{color:var(--ink-dim);flex:1;font-size:11px}.armoury__foot .btn{flex:0 0 190px}.panel--result{width:min(520px,100%)}.standings{gap:6px;margin:0;padding:0;list-style:none;display:grid}.standings li{border:1px solid var(--panel-edge);background:#06080f;border-radius:3px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.standings li.is-first{border-color:var(--accent);box-shadow:inset 0 0 22px #ffa41b24}.standings__place{width:2.5ch;color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.standings li.is-first .standings__place{color:var(--accent)}.standings .swatch{border:1px solid #ffffff80;width:12px;height:12px}.standings__name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.standings__rounds{color:var(--ink-dim);font-size:11px}.standings__score{text-align:right;min-width:8ch;color:var(--accent);font-variant-numeric:tabular-nums;font-weight:700}.toast{color:#ffd9d6;z-index:40;pointer-events:none;text-align:center;background:#e53935f0;border:1px solid #ffffff59;border-radius:3px;max-width:min(76vw,620px);padding:9px 16px;font-size:13px;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 2px 12px #0009}.toast[data-tone=info]{color:#06210a;background:#92e296f5}.toast[hidden]{display:none}.connbanner{letter-spacing:.1em;text-align:center;color:#241500;background:var(--warn);z-index:45;padding:7px 14px;font-size:12px;position:fixed;bottom:0;left:0;right:0}.connbanner[data-state=closed]{color:#fff;background:var(--danger)}.connbanner[hidden]{display:none}body:has(#conn-banner:not([hidden])) .chat{margin-bottom:30px}@media (max-width:1150px){.hud__status{flex-wrap:wrap}}@media (max-width:900px){.hud__status{flex-wrap:wrap}.wind{margin-left:0}.console{width:min(340px,100%);margin:0 auto;position:static;transform:none}.panel--title{align-content:center;justify-items:center;padding:120px 16px 60px;display:grid;overflow-y:auto}.chat{display:none}}