:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:#10151d;--color-surface:#0d1117e8;--color-text:#e8eef7;--color-accent:#ff8a3d;--color-crosshair:#f5f9ff;--color-crosshair-outline:#0d1117;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--color-background);color:var(--color-text);overflow:hidden}#app{width:100%;height:100%;position:relative}#app canvas{width:100%;height:100%;display:block}.damage-feedback{opacity:0;pointer-events:none;will-change:opacity;background:radial-gradient(circle,#0000 38%,#b912186b 100%);position:absolute;inset:0}.hud{pointer-events:none;position:absolute;inset:0}.hud__crosshair{width:14px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hud__crosshair:before,.hud__crosshair:after{background:var(--color-crosshair);box-shadow:0 0 0 1px var(--color-crosshair-outline);content:"";position:absolute}.hud__crosshair:before{width:14px;height:2px;top:6px;left:0}.hud__crosshair:after{width:2px;height:14px;top:0;left:6px}.hud[hidden],.hud__crosshair[hidden]{display:none}.hud__clock,.hud__scoreboard,.hud__vitals,.hud__weapon{background:var(--color-surface);border:1px solid #ffffff14;border-radius:12px;gap:1.25rem;padding:.6rem 1rem;display:flex;position:absolute}.hud__clock{top:1rem;left:50%;transform:translate(-50%)}.hud__scoreboard{top:1rem;right:1rem}.hud__vitals{bottom:1rem;left:1rem}.hud__weapon{bottom:1rem;right:1rem}.hud__stat{flex-direction:column;gap:.15rem;display:flex}.hud__caption{color:#e8eef799;letter-spacing:.08em;text-transform:uppercase;font-size:.7rem}.hud__value{font-variant-numeric:tabular-nums;font-size:1.35rem;line-height:1}.hud__arsenal{background:var(--color-surface);opacity:1;border:1px solid #ffffff14;border-radius:12px;gap:.5rem;padding:.45rem .75rem;transition:opacity .12s ease-out;display:flex;position:absolute;bottom:4.75rem;left:50%;transform:translate(-50%)}.hud__arsenal[data-state=hidden]{opacity:0;transition-duration:.45s}.hud__slot{letter-spacing:.02em;border:1px solid #0000;border-radius:8px;padding:.2rem .55rem;font-size:.8rem}.hud__slot[data-state=missing]{color:#e8eef747}.hud__slot[data-state=owned]{color:#e8eef7d1}.hud__slot[data-state=equipped]{border-color:var(--color-accent);color:#fff;background:#ffffff1a}.hud__notice{background:var(--color-surface);border-radius:999px;margin:0;padding:.45rem 1.1rem;font-size:.95rem;position:absolute;bottom:8.25rem;left:50%;transform:translate(-50%)}.hud__notice[hidden]{display:none}.hud__hint{background:var(--color-surface);border-radius:999px;margin:0;padding:.5rem 1.25rem;font-size:.85rem;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.hud__hint[hidden]{display:none}.start,.overlay{z-index:20;background:var(--color-background);box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:clamp(1rem,5vh,3rem) 1rem;display:flex;position:absolute;inset:0;overflow-y:auto}.start[hidden],.overlay[hidden]{display:none}.loading{background:radial-gradient(circle at 50% 40%, #ff8a3d1f, transparent 42%), var(--color-background);text-align:center;z-index:40;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex;position:absolute;inset:0}.loading[hidden]{display:none}.loading__logo{width:100%;max-width:min(70vw,505px);height:auto}.loading__spinner{border:3px solid #e8eef738;border-top-color:var(--color-accent);border-radius:50%;width:2.5rem;height:2.5rem;animation:.8s linear infinite loading-spin}.loading__message{color:#e8eef7c2;letter-spacing:.12em;text-transform:uppercase;max-width:min(90vw,460px);margin:0;font-size:.9rem}.loading__bar{background:#e8eef724;border-radius:999px;width:min(70vw,320px);height:4px;overflow:hidden}.loading__bar-fill{background:var(--color-accent);width:0%;height:100%;transition:width .18s linear;display:block}.loading__error{flex-direction:column;align-items:center;gap:1rem;max-width:min(90vw,460px);display:flex}.loading__error[hidden]{display:none}.loading__error-message{color:#ffc4b2eb;margin:0;font-size:1rem;line-height:1.5}.loading__action{background:var(--color-accent);color:#10131a;cursor:pointer;font:inherit;border:none;border-radius:6px;padding:.7rem 1.6rem;font-weight:600}.loading__action[hidden]{display:none}.loading__action:disabled{cursor:default;opacity:.6}.loading__action--ghost{color:#e8eef7e0;background:0 0;border:1px solid #e8eef747}@media (prefers-reduced-motion:reduce){.loading__spinner{border-top-color:#e8eef766;animation:none}.loading__bar-fill{transition:none}}@keyframes loading-spin{to{transform:rotate(360deg)}}.start{z-index:30;justify-content:safe center;overflow-y:auto}:is(body:has(.metrics-consent:not([hidden])) .start,body:has(.metrics-consent:not([hidden])) .lobby){padding-bottom:9rem}.start__title{margin:0}.start__logo{width:100%;max-width:min(85vw,505px);height:auto;max-height:168px;display:block}.start__subtitle,.overlay__countdown{color:#e8eef7bf;margin:0}.start__options,.start__difficulty{gap:.75rem;display:flex}.start__maps{grid-template-columns:repeat(2,minmax(0,260px));gap:1rem;width:100%;max-width:min(92vw,540px);display:grid}.start__map{color:var(--color-text);cursor:pointer;text-align:left;background:#171f2a;border:2px solid #0000;border-radius:12px;grid-template-columns:1fr;gap:.35rem;padding:0 0 .75rem;display:grid;overflow:hidden}.start__map:hover,.start__map:focus-visible{border-color:#ff8a3d8c}.start__map[data-selected=true]{border-color:var(--color-accent);box-shadow:0 0 0 3px #ff8a3d2e}.start__map-preview{aspect-ratio:16/9;object-fit:cover;grid-column:1/-1;width:100%;display:block}.start__map-name{padding-left:.75rem;font-weight:700}@media (max-width:600px),(max-height:700px){.start{gap:.8rem;padding:1rem;overflow-y:auto}.start__logo{max-height:90px}.start__maps{grid-template-columns:repeat(2,minmax(0,1fr))}}.start__option{background:var(--color-surface);color:var(--color-text);cursor:pointer;font-variant-numeric:tabular-nums;border:1px solid #ffffff26;border-radius:10px;min-width:4rem;padding:.75rem 1rem;font-size:1.5rem}.start__difficulty .start__option{min-width:5.5rem;padding:.6rem 1rem;font-size:1rem}.start__option[data-selected=true]{background:var(--color-accent);border-color:var(--color-accent);color:#10151d;font-weight:700}.start__begin,.overlay__button{background:var(--color-accent);color:#10151d;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;border:none;border-radius:999px;padding:.85rem 2.5rem;font-size:1rem;font-weight:700}.overlay__title{margin:0;font-size:2.25rem}.overlay--result .overlay__title{letter-spacing:.06em;text-transform:uppercase}.overlay__stats{gap:2.5rem;display:flex}.overlay__stat{flex-direction:column;gap:.25rem;display:flex}.overlay__caption{color:#e8eef799;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.overlay__value,.overlay__seconds{font-variant-numeric:tabular-nums;font-size:1.75rem}.diagnostics{background:var(--color-surface);pointer-events:none;border:1px solid #ffffff14;border-radius:12px;min-width:15rem;padding:1rem 1.25rem;position:absolute;top:1rem;left:1rem}.diagnostics__title{color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .75rem;font-size:.85rem}.diagnostics__list{grid-template-columns:auto auto;gap:.35rem;margin:0;font-size:.85rem;display:grid}.diagnostics__list dt{color:#e8eef7a6}.diagnostics__list dd{font-variant-numeric:tabular-nums;text-align:right;margin:0}.performance-hud{color:#9fe7b2;pointer-events:none;white-space:pre;background:#080c12e0;border:1px solid #ffffff1a;border-radius:8px;margin:0;padding:.65rem .8rem;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:absolute;bottom:1rem;right:1rem}.diagnostics[hidden],.performance-hud[hidden]{display:none}.start__settings{border-top:1px solid #ffffff1f;justify-content:center;width:100%;padding-top:1.5rem;display:flex}.start__footer{color:#e8eef78c;letter-spacing:.04em;text-align:center;width:100%;margin-top:-.75rem;font-size:.75rem}.metrics-consent{z-index:50;background:#0d1117f5;border:1px solid #ffffff29;border-radius:12px;flex-wrap:wrap;align-items:center;gap:.75rem;max-width:min(94vw,760px);padding:1rem 1.25rem;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.metrics-consent[hidden]{display:none}.metrics-consent__text{flex:260px;margin:0}.metrics-consent__privacy{color:#ffae78}.metrics-consent__accept,.metrics-consent__reject,.metrics-consent-control{color:var(--color-text);cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:999px;padding:.5rem .8rem}.metrics-consent__accept{background:var(--color-accent);border-color:var(--color-accent);color:#10151d;font-weight:700}.metrics-consent-control{margin-left:.75rem}.volume{align-items:center;gap:.75rem;display:flex}.volume__label{color:#e8eef7bf;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.volume__slider{accent-color:var(--color-accent);width:10rem}.volume__value{font-variant-numeric:tabular-nums;text-align:right;min-width:3rem}.volume__mute{color:var(--color-text);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;background:0 0;border:1px solid #ffffff40;border-radius:999px;padding:.4rem .9rem;font-size:.75rem}.volume__mute[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:#10151d}.start__uniform,.player-color{justify-content:center;display:flex}.player-color__group{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.5rem;display:flex}.player-color__label{color:#e8eef7bf;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.player-color__swatch{background:var(--player-color);cursor:pointer;border:2px solid #ffffff40;border-radius:.4rem;width:1.75rem;height:1.75rem;padding:0}.player-color__swatch[aria-pressed=true]{border-color:var(--color-text);transform:scale(1.15);box-shadow:0 0 0 2px #00000073}.start__option:focus-visible,.start__begin:focus-visible,.overlay__button:focus-visible,.player-color__swatch:focus-visible,.volume__mute:focus-visible,.volume__slider:focus-visible{outline:3px solid var(--color-crosshair);outline-offset:3px}.overlay__actions{gap:1rem;display:flex}.overlay__button--secondary{color:var(--color-text);background:0 0;border:1px solid #ffffff40}.overlay--result{background:#10151d9e}.overlay__panel{background:var(--color-surface);border:1px solid #ffffff1a;border-radius:18px;flex-direction:column;align-items:center;gap:1.5rem;max-width:96vw;padding:clamp(1.25rem,4vh,2.25rem) clamp(1rem,4vw,2.5rem);display:flex;box-shadow:0 18px 48px #00000073}.scoreboard{flex-direction:column;gap:.5rem;width:min(38rem,92vw);max-width:92vw;display:flex}.scoreboard__row{border:1px solid #0000;border-radius:10px;grid-template-columns:3.5rem minmax(0,1fr) 5.5rem 5.5rem;align-items:center;gap:.75rem;padding:.7rem 1.25rem;display:grid}.scoreboard__row:not(.scoreboard__row--header){background:#171f2a}.scoreboard__row[data-local=true]{border-color:var(--color-accent);box-shadow:0 0 0 3px #ff8a3d2e}.scoreboard__row[data-local=true] .scoreboard__position{color:var(--color-accent)}.scoreboard__row--header{background:0 0;padding-top:0;padding-bottom:.25rem}.scoreboard__body{flex-direction:column;gap:.5rem;max-height:min(26rem,52vh);padding:.25rem;display:flex;overflow-y:auto}.scoreboard__caption{color:#e8eef799;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.scoreboard__caption:first-child,.scoreboard__position{text-align:left}.scoreboard__caption:nth-child(3),.scoreboard__caption:nth-child(4),.scoreboard__value{text-align:center}.scoreboard__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scoreboard__position,.scoreboard__value{font-variant-numeric:tabular-nums;font-weight:700}@media (max-width:600px){.scoreboard__row{grid-template-columns:2.5rem minmax(0,1fr) 3.5rem 3.5rem;gap:.5rem;padding:.6rem .75rem}}.overlay__settings{border-top:1px solid #ffffff1f;justify-content:center;width:min(28rem,80vw);padding-top:1.5rem;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.lobby{z-index:30;background:var(--color-background);color:var(--color-text);flex-direction:column;gap:1rem;padding:1.5rem clamp(1rem,5vw,3rem);display:flex;position:absolute;inset:0;overflow-y:auto}.lobby[hidden]{display:none}.lobby__header{justify-content:space-between;align-items:center;display:flex}.lobby__title{margin:0;font-size:1.6rem}.lobby__back,.lobby__refresh,.lobby__cancel{background:var(--color-surface);color:var(--color-text);cursor:pointer;border:1px solid #ffffff26;border-radius:10px;padding:.5rem 1rem}.lobby__status{color:#e8eef7bf;margin:0}.lobby__error{color:#ffb4b0;background:#d645412e;border-radius:10px;margin:0;padding:.6rem .9rem}.lobby__error[hidden]{display:none}.lobby__panels{grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.lobby__panels[hidden]{display:none}.lobby__create,.lobby__list{flex-direction:column;gap:.75rem;display:flex}.lobby__field{text-align:left;flex-direction:column;gap:.25rem;display:flex}.lobby__field-label{color:#e8eef7a6;font-size:.85rem}.lobby__input{color:var(--color-text);font:inherit;background:#171f2a;border:1px solid #ffffff26;border-radius:8px;padding:.5rem .65rem}.lobby__submit,.lobby__join{background:var(--color-accent);color:#10151d;cursor:pointer;border:none;border-radius:999px;padding:.6rem 1.5rem;font-weight:700}.lobby__join[disabled]{cursor:not-allowed;opacity:.45}.lobby__rooms,.lobby__roster{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.lobby__room{text-align:left;background:#171f2a;border-radius:10px;grid-template-columns:1fr auto auto auto;align-items:center;gap:.75rem;padding:.6rem .9rem;display:grid}.lobby__room-players{font-variant-numeric:tabular-nums}.lobby__password{background:#171f2a;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem;display:flex}.lobby__password[hidden],.lobby__joined[hidden]{display:none}.lobby__roster-title{margin:0 0 .5rem}.lobby__roster-name{background:#171f2a;border-radius:8px;padding:.5rem .75rem}.start__multiplayer{border:1px solid var(--color-accent);color:var(--color-accent);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;background:0 0;border-radius:999px;padding:.6rem 2rem;font-size:.95rem;font-weight:700}@media (max-width:800px){.lobby__panels{grid-template-columns:minmax(0,1fr)}}.start,.lobby{--command-border:#4b5864;--command-border-soft:#27333e;--command-panel:#0b1219f5;--command-orange:#f47a12;isolation:isolate;background:linear-gradient(90deg,#f47a1214 1px,#0000 1px) 14% 0/320px 100%,linear-gradient(#f47a120f 1px,#0000 1px) 0 18%/100% 290px,radial-gradient(circle at 50% 30%,#111c25 0,#091017 55%,#050a0f 100%)}.start:before,.lobby:before{display:none}.start:after,.lobby:after{content:"";opacity:.65;pointer-events:none;z-index:-1;background:linear-gradient(90deg,#0000 0 9%,#f47a1266 9% 9.12%,#0000 9.12%) 0 11%/100% 1px no-repeat,linear-gradient(90deg,#0000 0 88%,#f47a1259 88% 88.12%,#0000 88.12%) 0 82%/100% 1px no-repeat,radial-gradient(circle,#f47a1261 0 1px,#0000 1.5px) 21% 9%/18px 18px;position:fixed;inset:0}.start{grid-template-rows:109px 46px 172px 46px 54px 28px 115px 46px 22px;align-content:start;justify-items:center;gap:8px 0;padding:24px clamp(54px,9vw,180px) 18px;display:grid;overflow-x:hidden}.start__title{height:109px}.start__logo{object-fit:contain;width:329px;max-width:329px;height:109px;max-height:none}.start__subtitle{letter-spacing:.12em;text-transform:uppercase;align-items:center;width:100%;max-width:1100px;font-size:15px;display:flex}.start__subtitle:before,.start__subtitle:after,.start__section-title:before,.start__section-title:after{background:linear-gradient(90deg, transparent, var(--command-orange));content:"";flex:1;height:1px;margin:0 18px}.start__subtitle:after,.start__section-title:after{background:linear-gradient(90deg, var(--command-orange), transparent)}.start>.start__maps{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:18px;width:100%;max-width:826px;height:172px;display:grid;position:relative;overflow:visible}.start>.start__maps:has(.start__map:first-child[data-selected=true]){grid-template-columns:1.25fr 1fr 1fr}.start>.start__maps:has(.start__map:nth-child(2)[data-selected=true]){grid-template-columns:1fr 1.25fr 1fr}.start>.start__maps:has(.start__map:nth-child(3)[data-selected=true]){grid-template-columns:1fr 1fr 1.25fr}.start>.start__maps:before,.start>.start__maps:after{clip-path:polygon(22% 0,78% 0,100% 22%,100% 78%,78% 100%,22% 100%,0 78%,0 22%);color:var(--command-orange);content:"‹";background:#101923;border:1px solid #56616c;justify-content:center;align-items:center;width:34px;height:34px;padding-bottom:4px;font-size:34px;line-height:1;display:flex;position:absolute;top:69px;left:-52px}.start>.start__maps:after{content:"›";left:auto;right:-52px}.start .start__map{border:1px solid var(--command-border);box-shadow:inset 0 0 0 5px #0a1118, inset 0 0 0 6px var(--command-border-soft), 0 6px 16px #00000059;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);background:linear-gradient(#121d27,#0c141c);border-radius:0;align-self:center;gap:0;height:160px;padding:5px;display:grid;position:relative}.start .start__map:before{clip-path:polygon(0 0,100% 0,100% 70%,68% 100%,0 100%);color:#dbe5ee;content:"0" counter(map-index);counter-increment:map-index;z-index:2;background:#162330;padding:6px 10px 8px 8px;font-size:14px;position:absolute;top:5px;left:5px}.start>.start__maps{counter-reset:map-index}.start .start__map[data-selected=true]{border-color:#ff9d3d;height:167px;box-shadow:inset 0 0 0 5px #0a1118,inset 0 0 0 6px #ff9d3d,0 0 20px #f47a1261}.start .start__map[data-selected=true]:before{color:var(--command-orange)}.start .start__map-preview{aspect-ratio:auto;object-fit:cover;height:120px}.start .start__map[data-selected=true] .start__map-preview{height:127px}.start .start__map-name{text-align:center;justify-content:center;align-items:center;min-height:30px;padding:0 7px;font-size:14px;display:flex}.start__section-title{letter-spacing:.1em;text-transform:uppercase;align-items:center;width:min(100%,1000px);margin:0;font-size:15px;font-weight:500;display:flex}.start__options{gap:18px}.start__option{clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);background:linear-gradient(#16222d,#0d151d);border:1px solid #53606c;border-radius:0;min-width:136px;height:46px;padding:0 28px;font-size:21px;box-shadow:inset 0 0 0 4px #0b1219,inset 0 0 0 5px #2c3944}.start__option[data-selected=true]{color:#fff;background:linear-gradient(#f88b21,#db6206);border-color:#ffab53;box-shadow:inset 0 0 0 4px #8e3700,inset 0 0 0 5px #ffb35d,0 0 16px #f47a124d}.start__difficulty-title,.start__difficulty{opacity:0;z-index:0;position:absolute;top:300px;left:8px;right:auto}.start__difficulty-title{color:#e8eef78c;letter-spacing:.1em;text-transform:uppercase;font-size:10px;top:284px}.start__difficulty{flex-direction:column;gap:4px;width:56px}.start__difficulty .start__option{clip-path:none;border-radius:2px;min-width:56px;height:28px;padding:0 8px;font-size:10px}.start__uniform{align-items:stretch;width:min(100%,854px)}.start__uniform .player-color,.start__uniform .player-color__group{width:100%}.start__uniform .player-color__group{grid-template-columns:repeat(8,minmax(0,1fr));gap:11px;display:grid}.start__uniform .player-color__label{display:none}.player-color__swatch{border:1px solid color-mix(in srgb, var(--player-color) 70%, #71808e);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);background:linear-gradient(#15212b,#0b1218);border-radius:0;grid-template-rows:minmax(0,1fr) 24px;width:100%;height:112px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 4px #091018,inset 0 0 0 5px #ffffff1a}.player-color__swatch[aria-pressed=true]{border-color:var(--command-orange);box-shadow:inset 0 0 0 4px #251304, inset 0 0 0 5px var(--command-orange), 0 0 16px color-mix(in srgb, var(--player-color) 45%, transparent);transform:none}.player-color__preview{object-fit:cover;width:100%;height:100%;min-height:0}.player-color__name{color:#edf2f7;text-transform:uppercase;justify-content:center;align-items:center;font-size:11px;display:flex}.start__actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:26px;width:min(100%,540px);margin-top:16px;display:grid}.start__begin,.start__multiplayer,.lobby__submit,.lobby__join{clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);letter-spacing:.08em;border-radius:0;height:46px;padding:0 30px;font-size:16px}.start__begin,.lobby__submit,.lobby__join{background:linear-gradient(#fb8d22,#dc6408);border:1px solid #ffab50;box-shadow:inset 0 0 0 5px #a13f00,inset 0 0 0 6px #ffc16c}.start__multiplayer{color:#e8eef7;background:linear-gradient(#1a2936,#111b24);border:1px solid #657482;box-shadow:inset 0 0 0 5px #0a1118,inset 0 0 0 6px #3b4956}.start__settings{opacity:1}.start__settings,.lobby__settings{transform-origin:100% 0;background:#070e14b8;border:1px solid #f47a123d;align-items:center;gap:10px;width:auto;padding:8px 10px;position:absolute;top:34px;right:34px;transform:scale(.792)}.lobby__settings{opacity:1;z-index:2;flex-wrap:nowrap;width:max-content;display:flex;position:absolute;top:34px;right:34px}.lobby__settings .metrics-consent-control{white-space:nowrap}.start__footer{color:#e8eef79e;letter-spacing:.05em;opacity:1;pointer-events:none;z-index:31;width:auto;height:auto;margin:0;padding:0;font-size:12px;display:block;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.lobby{gap:10px;padding:24px 90px 38px;overflow-x:hidden}.lobby__header{justify-content:center;height:105px;min-height:105px;position:relative}.lobby__brand{flex-direction:column;justify-content:flex-start;align-items:center;height:105px;display:flex}.lobby__logo{object-fit:contain;width:210px;height:70px}.lobby__title{letter-spacing:.2em;text-transform:uppercase;font-size:25px;line-height:1}.lobby__back,.lobby__refresh,.lobby__cancel{clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px);color:#e8eef7;text-transform:uppercase;background:linear-gradient(#17232e,#0d151d);border:1px solid #54616d;border-radius:0;box-shadow:inset 0 0 0 4px #091018,inset 0 0 0 5px #33414c}.lobby__back{padding:14px 22px 14px 48px;font-size:18px;position:absolute;top:34px;left:0}.lobby__back:before{color:var(--command-orange);content:"‹";font-size:38px;line-height:20px;position:absolute;top:13px;left:16px}.lobby__panels{flex:1;grid-template:"profile browser"minmax(350px,1fr)"create create"205px/460px minmax(0,1fr);align-items:stretch;gap:14px 18px;width:100%;max-width:1450px;margin:0 auto;display:grid}.lobby__profile,.lobby__list,.lobby__create{clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);background:linear-gradient(135deg,#121d27f0,#080f16f7);border:1px solid #53606c;padding:22px;box-shadow:inset 0 0 0 5px #091018,inset 0 0 0 6px #2b3843,0 12px 28px #00000042}.lobby__profile{grid-area:profile}.lobby__list{grid-area:browser;min-width:0}.lobby__create{grid-area:create;grid-template-rows:28px 1fr;grid-template-columns:minmax(360px,480px) minmax(390px,1fr) 190px;align-items:center;gap:10px 20px;padding:18px 22px;display:grid}.lobby__profile-title,.lobby__browser-title,.lobby__create-title{letter-spacing:.04em;text-transform:uppercase;align-items:center;margin:0 0 18px;font-size:19px;font-weight:500;display:flex}.lobby__profile-title:after,.lobby__browser-title:after,.lobby__create-title:after{background:linear-gradient(90deg, var(--command-orange), transparent);content:"";flex:1;height:1px;margin-left:14px}.lobby__profile .lobby__field{margin-bottom:28px}.lobby__field-label,.lobby__map-title{color:#e8eef7bf;letter-spacing:.04em;text-transform:uppercase;font-size:15px}.lobby__input{background:linear-gradient(#111b24,#0b1219);border:1px solid #46535f;border-radius:3px;height:45px;padding:0 12px;font-size:18px}.lobby__identity .player-color__label{display:none}.lobby__identity .player-color__group{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 12px;width:100%;display:grid}.lobby__identity .player-color__swatch{grid-template-rows:minmax(0,1fr) 28px;height:91px}.lobby__identity .player-color__name{font-size:13px}.lobby__list-header{justify-content:space-between;align-items:start;display:flex}.lobby__refresh{padding:10px 45px 10px 20px;font-size:14px;position:relative}.lobby__refresh:after{color:var(--command-orange);content:"↻";font-size:26px;position:absolute;top:3px;right:14px}.lobby__rooms{gap:10px;max-height:345px;overflow-y:auto}.lobby__room{clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);background:linear-gradient(90deg,#101a23,#0a1118);border:1px solid #4d5964;border-radius:0;grid-template-columns:245px minmax(0,1fr) auto auto auto;gap:20px;height:98px;padding:4px 12px 4px 4px;display:grid}.lobby__room-preview{height:88px;position:relative}.lobby__room-preview-image{object-fit:cover;width:100%;height:100%}.lobby__room-number{color:var(--command-orange);background:#142330;padding:5px 8px;font-size:18px;position:absolute;top:0;left:0}.lobby__room-name{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lobby__room-description{flex-direction:column;gap:8px;display:flex}.lobby__room-display-name{font-size:22px}.lobby__room-map{color:var(--command-orange);font-size:18px}.lobby__room-players{font-size:21px}.lobby__room-lock{font-size:0}.lobby__room-lock:before{content:"🔒";font-size:20px}.lobby__join{letter-spacing:.04em;text-transform:uppercase;min-width:175px;height:54px;padding:0 38px 0 22px;font-size:18px;position:relative}.lobby__join:after{content:"›";font-size:36px;position:absolute;top:4px;right:15px}.lobby__status{letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;min-height:30px;margin-top:auto;font-size:15px;display:flex}.lobby__status:before{content:"";background:#42c45d;border-radius:50%;width:12px;height:12px;margin-right:12px}.lobby__create-title{grid-column:1/-1;margin:0}.lobby__create-fields{grid-area:2/1;grid-template-columns:repeat(2,minmax(0,1fr));align-self:center;gap:22px;display:grid}.lobby__map-title{grid-area:2/2;place-self:start;margin-top:-12px}.lobby__create .start__maps{overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-color:var(--command-orange) #0a1118;scrollbar-width:thin;grid-area:2/2;align-self:center;gap:14px;width:100%;min-width:0;max-width:none;margin-top:12px;padding:4px 2px 9px;display:flex;overflow:auto hidden}.lobby__create .start__maps::-webkit-scrollbar{height:6px}.lobby__create .start__maps::-webkit-scrollbar-track{background:#0a1118}.lobby__create .start__maps::-webkit-scrollbar-thumb{background:var(--command-orange)}.lobby__create .start__map{clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);scroll-snap-align:start;border-radius:0;flex:0 0 calc(33.3333% - 9.33333px);gap:0;min-width:140px;max-width:180px;padding:4px 4px 5px}.lobby__create .start__map-preview{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;min-height:62px}.lobby__create .start__map-name{text-align:center;justify-content:center;align-items:center;padding:4px 4px 0;font-size:12px;line-height:1.15;display:flex}.lobby__create .start__map[data-selected=true]{border-color:var(--command-orange);box-shadow:0 0 10px #f47a124d}.lobby__submit{letter-spacing:.04em;text-transform:uppercase;grid-area:2/3;place-self:center stretch;max-width:190px;height:56px;padding:0 38px 0 20px;font-size:16px;position:relative}.lobby__submit:after{content:"›";font-size:30px;line-height:1;position:absolute;top:50%;right:15px;transform:translateY(-52%)}.lobby__error{text-align:center;z-index:1;width:-moz-fit-content;width:fit-content;max-width:min(100%,440px);margin:-8px auto 12px;position:relative}.start .start__map,.start__option,.player-color__swatch,.start__begin,.start__multiplayer,.lobby__back,.lobby__refresh,.lobby__cancel,.lobby__submit,.lobby__join,.lobby__room,.lobby__input{transition:background .16s,border-color .16s,box-shadow .16s,filter .16s,transform .16s}.start .start__map-preview,.player-color__preview{transition:transform .18s}@media (hover:hover){.start .start__map:hover{filter:brightness(1.06);border-color:#ff9d3d;transform:translateY(-3px);box-shadow:inset 0 0 0 5px #0a1118,inset 0 0 0 6px #ff9d3d,0 10px 24px #f47a124d}.start .start__map:hover .start__map-preview{transform:scale(1.015)}.start__option:hover{filter:brightness(1.12);border-color:#ff9d3d;transform:translateY(-2px);box-shadow:inset 0 0 0 4px #0b1219,inset 0 0 0 5px #6f3b16,0 6px 14px #f47a1238}.start__option[data-selected=true]:hover{box-shadow:inset 0 0 0 4px #8e3700,inset 0 0 0 5px #ffd08e,0 7px 18px #f47a1261}.player-color__swatch:hover{border-color:color-mix(in srgb, var(--player-color) 82%, white);box-shadow:inset 0 0 0 4px #091018, inset 0 0 0 5px color-mix(in srgb, var(--player-color) 70%, white), 0 8px 18px color-mix(in srgb, var(--player-color) 32%, transparent);filter:brightness(1.1);transform:translateY(-3px)}.player-color__swatch:hover .player-color__preview{transform:scale(1.035)}.start__begin:hover,.start__multiplayer:hover,.lobby__back:hover,.lobby__refresh:hover,.lobby__cancel:hover,.lobby__submit:hover,.lobby__join:hover{filter:brightness(1.15);transform:translateY(-2px)}.start__begin:hover,.lobby__submit:hover,.lobby__join:hover{box-shadow:inset 0 0 0 5px #a13f00,inset 0 0 0 6px #ffe0a6,0 9px 22px #f47a1259}.start__multiplayer:hover,.lobby__back:hover,.lobby__refresh:hover,.lobby__cancel:hover{border-color:#f29a4e;box-shadow:inset 0 0 0 4px #091018,inset 0 0 0 5px #7a4a25,0 8px 18px #f47a1238}.lobby__room:hover{background:linear-gradient(90deg,#162633,#0d1821);border-color:#b66a2c;transform:translateY(-2px);box-shadow:0 7px 18px #0000004d}.lobby__input:hover{border-color:#b66a2c;box-shadow:0 0 0 2px #f47a121a}}@media (prefers-reduced-motion:reduce){.start .start__map,.start .start__map-preview,.start__option,.player-color__swatch,.player-color__preview,.start__begin,.start__multiplayer,.lobby__back,.lobby__refresh,.lobby__cancel,.lobby__submit,.lobby__join,.lobby__room,.lobby__input{transition:none}}@media (max-width:1100px),(max-height:760px){.start{grid-template-rows:70px 40px 147px 28px 50px 28px 102px 42px 20px;padding:14px 70px}.start__title,.start__logo{height:70px}.start__logo{width:210px}.start>.start__maps{height:147px}.start .start__map,.start .start__map[data-selected=true]{height:137px}.start .start__map-preview,.start .start__map[data-selected=true] .start__map-preview{height:102px}.start .start__map-name{font-size:11px}.player-color__swatch{height:98px}.start__begin,.start__multiplayer{height:37px;font-size:13px}.lobby{padding:16px 30px 26px}.lobby__header{height:90px;min-height:90px}.lobby__brand{height:90px}.lobby__logo{width:175px;height:56px}.lobby__panels{grid-template-rows:minmax(330px,1fr) 190px;grid-template-columns:380px minmax(0,1fr)}.lobby__identity .player-color__swatch{height:78px}.lobby__create{grid-template-columns:420px minmax(360px,1fr) 180px}}@media (max-width:800px){.start{gap:14px;padding:18px;display:flex}:is(.start>.start__maps,.start>.start__maps:has(.start__map[data-selected=true])){grid-template-columns:1fr;height:auto}.start>.start__maps:before,.start>.start__maps:after{display:none}.start__uniform .player-color__group{grid-template-columns:repeat(2,minmax(0,1fr))}.start__actions{grid-template-columns:1fr;gap:12px}.start__difficulty-title,.start__difficulty,.start__settings,.lobby__settings{position:static;transform:none}.lobby__panels,.lobby__create{flex-direction:column;display:flex}.lobby__create-fields,.lobby__create .start__maps{width:100%}.lobby__submit{width:100%;max-width:none;height:70px}}