:root{color-scheme:dark;--bg: #071018;--panel: rgba(8, 18, 28, .97);--panel-2: rgba(17, 33, 48, .98);--line: rgba(128, 205, 255, .22);--blue: #38bdf8;--blue-soft: #b6ecff;--red: #fb5b73;--gold: #ffd166;--green: #64e6a6;--tank: #61c0ff;--damage: #ff7d73;--support: #72e6a9;--text: #eff9ff;--muted: #9fb3c2}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:radial-gradient(circle at 50% 20%,#17314a 0%,var(--bg) 58%,#03070b 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text)}button,select{font:inherit}#game-shell{position:relative;width:100vw;height:100vh;display:grid;place-items:center;user-select:none}#game{width:min(100vw,calc(100vh * 16 / 9));height:min(100vh,56.25vw);display:block;background:#0a1720;box-shadow:0 0 80px #000000ad;cursor:crosshair}.overlay{position:absolute;inset:0;display:none;place-items:center;padding:22px;background:#02080da3;backdrop-filter:blur(8px);z-index:30}.overlay.active{display:grid}.panel{width:min(1100px,95vw);max-height:94vh;overflow:auto;padding:30px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(135deg,rgba(56,189,248,.08),transparent 30%),linear-gradient(180deg,var(--panel-2),var(--panel));box-shadow:0 24px 90px #0000009e,inset 0 1px #ffffff0d}.compact-panel{width:min(650px,92vw);text-align:center}.menu-panel{width:min(1120px,96vw)}.shop-panel{width:min(1080px,95vw)}.eyebrow{color:var(--blue-soft);font-size:.74rem;font-weight:850;letter-spacing:.22em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h2{margin-bottom:10px}h1{margin:4px 0 9px;font-size:clamp(2.7rem,6vw,5rem);line-height:.94;letter-spacing:-.06em;font-style:italic}h1 span{color:var(--blue)}.lead{max-width:860px;margin-bottom:22px;color:#cadbe7;font-size:1.02rem;line-height:1.52}.small{margin:7px 0 0;color:var(--muted);font-size:.8rem;line-height:1.45}.menu-heading-row,.shop-title-row,.selected-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.role-key{display:flex;gap:7px}.role-pill{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border-radius:999px;font-size:.7rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase;border:1px solid currentColor;background:#ffffff09}.role-pill.tank{color:var(--tank)}.role-pill.damage{color:var(--damage)}.role-pill.support{color:var(--support)}.hero-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:16px 0}.hero-option{position:relative;min-height:104px;padding:12px 9px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:#ffffff09;color:#fff;text-align:center}.hero-option:hover{border-color:#81d5ff73}.hero-option.selected{border-color:var(--blue);box-shadow:0 0 0 2px #38bdf821,0 12px 30px #0003}.hero-option .mini-portrait{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 7px;border-radius:12px;font-weight:950;letter-spacing:-.03em;color:#061019;background:var(--hero-color, #7dd3fc);box-shadow:inset 0 -8px 14px #0000002e}.hero-option strong{display:block;font-size:.82rem}.hero-option span{display:block;margin-top:4px;color:var(--muted);font-size:.67rem;text-transform:uppercase;letter-spacing:.07em}.selected-hero-card{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center;margin:14px 0 18px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#ffffff09}.hero-portrait{display:grid;place-items:center;width:100px;height:100px;border-radius:24px;color:#041018;font-size:2rem;font-weight:950;letter-spacing:-.08em;background:var(--hero-color, #79d5ff);box-shadow:inset 0 -22px 30px #0003,0 12px 30px #00000040}.hero-copy p{color:#c5d5e1;line-height:1.48}.ability-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ability-chip{padding:9px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#0000002e}.ability-chip strong{display:block;margin-bottom:4px;font-size:.72rem;color:var(--blue-soft)}.ability-chip span{color:var(--muted);font-size:.67rem;line-height:1.35}button{border:0;border-radius:10px;padding:13px 22px;color:#fff;cursor:pointer;transition:transform .12s ease,filter .12s ease,border-color .12s ease}button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.42;cursor:not-allowed}.primary{min-width:220px;font-weight:900;letter-spacing:.08em;background:linear-gradient(135deg,#078ac9,var(--blue));box-shadow:0 12px 30px #38bdf833}.secondary{margin-top:10px;min-width:220px;border:1px solid rgba(255,255,255,.12);background:#ffffff0e}.controls-line{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 15px;margin-top:17px;color:var(--muted);font-size:.76rem}kbd{padding:2px 6px;border:1px solid rgba(255,255,255,.2);border-bottom-width:2px;border-radius:4px;background:#ffffff14;color:#fff;font-family:inherit}.gold-display{display:grid;min-width:130px;padding:12px 17px;border:1px solid rgba(255,209,102,.25);border-radius:13px;background:#ffd1660f;text-align:right}.gold-display span{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em}.gold-display strong{color:var(--gold);font-size:1.55rem}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:20px 0 14px}.shop-item{min-height:142px;padding:15px;border:1px solid rgba(255,255,255,.09);background:#ffffff09;text-align:left}.shop-item h3{margin-bottom:4px;font-size:.94rem}.shop-item .price{color:var(--gold);font-weight:850;font-size:.82rem}.shop-item p{margin:9px 0 0;color:var(--muted);font-size:.76rem;line-height:1.4}.shop-item.owned{border-color:#64e6a652;background:#64e6a60e}.inventory-row{display:flex;gap:10px;align-items:center;min-height:38px;margin-bottom:16px;color:var(--muted);font-size:.8rem}.inventory-list{display:flex;flex-wrap:wrap;gap:7px;color:#fff}.inventory-chip{padding:4px 8px;border-radius:999px;background:#ffffff12}.result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:20px 0}.stat-box{padding:14px 8px;border-radius:10px;background:#ffffff0d}.stat-box strong{display:block;font-size:1.45rem}.stat-box span{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.reward-line{color:var(--gold);font-weight:800}#toast{position:absolute;top:22px;left:50%;z-index:50;opacity:0;transform:translate(-50%,-14px);padding:10px 18px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#08111af2;color:#fff;pointer-events:none;transition:opacity .18s ease,transform .18s ease}#toast.show{opacity:1;transform:translate(-50%)}@media(max-width:900px){.hero-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.panel{padding:20px}.hero-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.selected-hero-card{grid-template-columns:1fr}.hero-portrait{width:72px;height:72px;border-radius:18px}.ability-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-grid{grid-template-columns:1fr}.controls-line{display:none}.result-stats{grid-template-columns:repeat(2,1fr)}}.shop-item{display:flex;flex-direction:column;gap:4px}.shop-item .item-copy{flex:1}.shop-item.unaffordable{opacity:.72}.buy-item-button{width:100%;margin-top:12px;padding:10px 12px;border:1px solid rgba(255,209,102,.28);background:linear-gradient(135deg,#8f6009d9,#d6991cd9);color:#fff4c5;font-size:.76rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.buy-item-button:disabled{border-color:#ffffff17;background:#ffffff0e;color:var(--muted)}.shop-help{margin:8px 0 0;color:var(--blue-soft);font-size:.78rem}.progression-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 8px}.progression-card,.reward-summary,.battlepass-track{border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#ffffff0a}.progression-card{padding:12px 14px}.progression-card strong{display:block;font-size:1.15rem;color:var(--text)}.progression-card span{display:block;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.progression-card small{display:block;margin-top:5px;color:var(--blue-soft);font-size:.74rem}.reward-summary{padding:14px;margin:12px 0}.reward-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.reward-item{padding:10px;border-radius:10px;background:#0000002e;border:1px solid rgba(255,255,255,.07)}.reward-item strong{display:block;font-size:.78rem}.reward-item span{color:var(--muted);font-size:.7rem;line-height:1.35}.reward-item em{display:inline-block;margin-bottom:5px;font-style:normal;font-size:.64rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.reward-item.common em{color:#d6e0ea}.reward-item.rare em{color:#73d9ff}.reward-item.epic em{color:#d58cff}.reward-item.legendary em{color:#ffd166}.battlepass-track{padding:14px;margin:12px 0 16px}.bp-row{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px}.bp-bar{width:100%;height:10px;border-radius:999px;background:#00000073;overflow:hidden}.bp-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#9e7bff,#d58cff)}.bp-unlocks{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}.bp-chip,.card-chip{padding:5px 8px;border-radius:999px;background:#ffffff12;font-size:.7rem;color:var(--text)}.bp-chip{border:1px solid rgba(213,140,255,.2)}.card-chip{border:1px solid rgba(255,209,102,.22)}@media(max-width:900px){.progression-panel,.reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.progression-panel,.reward-grid{grid-template-columns:1fr}}.config-section{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;margin:10px 0 20px}.config-card{border:1px solid rgba(255,255,255,.08);background:#ffffff09;border-radius:16px;padding:14px}.config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}.config-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.config-field,.config-check{display:flex;flex-direction:column;gap:6px;font-size:.82rem;color:var(--muted)}.config-field.full,.config-check.full{grid-column:1 / -1}.config-field select{border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#071018db;color:var(--text);padding:10px 12px;font:inherit}.config-copy{margin:10px 0 0}.config-check{flex-direction:row;align-items:center}.config-check input{margin:0;accent-color:#7fe6ff}@media(max-width:900px){.config-section{grid-template-columns:1fr}}.config-block{margin-top:12px}.config-label{color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.select-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.starter-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:250px;overflow:auto;padding-right:4px}.select-card{border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#0a121ad1;color:var(--text);text-align:left;padding:12px;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease,box-shadow .12s ease}.select-card:hover{transform:translateY(-1px);border-color:#78e6ff59;background:#101c26f2}.select-card.active{border-color:#78e6ffb3;background:#142d3cfa;box-shadow:0 0 0 1px #78e6ff2e inset}.select-card strong{display:block;font-size:.86rem;line-height:1.2;color:var(--text)}.select-card span{display:block;font-size:.72rem;line-height:1.35;color:var(--muted);margin-top:4px}.select-card em{display:block;font-style:normal;font-size:.67rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--blue-soft);margin-top:6px}.select-card.active em{color:#7fe6ff}@media(max-width:900px){.select-grid,.mode-grid,.compact-grid,.starter-grid{grid-template-columns:1fr}}.menu-tabs{display:flex;gap:8px;margin:16px 0 18px;padding:5px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:#050d14b8}.menu-tab{flex:1;min-height:44px;padding:10px 14px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font-weight:900;letter-spacing:.08em}.menu-tab.active{color:#fff;border-color:#38bdf873;background:linear-gradient(135deg,#088ac9a6,#38bdf852)}.play-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(230px,.7fr);gap:14px;align-items:stretch}.match-card{min-height:260px}.selected-summary-card{display:flex;flex-direction:column;min-height:260px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(180deg,#38bdf814,#ffffff06)}.selected-summary-card strong{margin-top:8px;font-size:1.05rem}.selected-summary-card span{margin-top:4px;color:var(--muted);font-size:.78rem;line-height:1.4}.summary-separator{height:1px;margin:16px 0 8px;background:#ffffff14}.selected-summary-card .small-button{margin-top:auto}.map-label{margin-top:15px}.mode-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.map-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-heading-row{margin-top:22px}.start-row{display:flex;align-items:center;gap:16px;margin-top:16px}.start-hint{color:var(--muted);font-size:.76rem}.small-button{min-width:0;width:auto;padding:10px 14px;margin-top:0;font-size:.75rem}.loadout-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.loadout-card{max-height:62vh;overflow:auto}.select-card{height:100%}.select-card>button,.select-card button{width:100%}.hero-option{cursor:pointer}.hero-option.selected{transform:translateY(-2px)}@media(max-width:1000px){.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.play-layout{grid-template-columns:1fr}.selected-summary-card{min-height:0}}@media(max-width:700px){.mode-grid,.map-grid{grid-template-columns:1fr 1fr}.start-row,.loadout-header{align-items:stretch;flex-direction:column}}.map-preview-wrap{margin:12px 0 10px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#08121ab8}#map-preview-canvas{width:100%;height:auto;display:block;border-radius:10px;background:linear-gradient(180deg,#0e1c24fa,#07121afa)}.map-preview-copy{margin:8px 0 0;color:var(--muted)}.boss-timer-panel{position:absolute;top:88px;right:18px;width:252px;padding:10px;border-radius:14px;background:#050d14e6;border:1px solid rgba(140,215,255,.18);box-shadow:0 10px 24px #0003}.boss-timer-row{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:10px;background:#ffffff08;margin-top:8px}.boss-timer-row.warning{background:#ffb4461f;border:1px solid rgba(255,190,90,.28)}.boss-timer-row.active{background:#5affb41f;border:1px solid rgba(90,255,180,.22)}.menu-page{display:none}.menu-page.active{display:block}.hero-option.locked{opacity:.65;border-style:dashed}.hero-option.locked .mini-portrait{filter:grayscale(1)}.hero-option .hero-lock{display:block;font-size:11px;letter-spacing:.08em;color:#ffcf8d}.hero-option .hero-sub{display:block;font-size:11px;color:var(--muted)}.minimal-loadout-layout{display:grid;grid-template-columns:1.55fr .9fr;gap:18px;align-items:start}.minimalist-summary{min-height:100%}.battlepass-card{padding:20px}.bp-header-row,.bp-meta-row{display:flex;justify-content:space-between;gap:16px;align-items:center}.bp-progress-bar{width:100%;height:16px;border-radius:999px;background:#ffffff14;overflow:hidden;margin:12px 0 6px}#bp-progress-fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,#41c8ff,#8df0c9)}.bp-table-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.table-shell{max-height:270px;overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#050d146b}.table-shell table{width:100%;border-collapse:collapse;font-size:13px}.table-shell th,.table-shell td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.06);text-align:left;vertical-align:top}.table-shell th{position:sticky;top:0;background:#09141ff5;z-index:1}.table-shell tr.unlocked td{color:#dfffee}.table-shell tr.locked td{color:#9fb3c2}.table-shell .badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:10px;letter-spacing:.08em}.table-shell .badge.unlocked{background:#72e6a926;color:#8ef0bf}.table-shell .badge.locked{background:#ffffff14;color:#c1ccd5}.table-shell .badge.rare{background:#60beff26;color:#88d6ff}.table-shell .badge.epic{background:#ba70ff26;color:#cf9eff}.table-shell .badge.legendary{background:#ffd16629;color:#ffda82}.shop-item .path-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.shop-item .path-button{border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:var(--muted);padding:8px 6px;font-size:11px;cursor:pointer}.shop-item .path-button:hover{border-color:#61c0ff80;color:#fff}.shop-item .path-button:disabled{opacity:.55;cursor:not-allowed}.shop-item .item-state{display:block;margin-top:8px;font-size:11px;color:#8ef0bf}.gold-display.compact{min-width:120px}@media(max-width:1100px){.minimal-loadout-layout,.bp-table-grid{grid-template-columns:1fr}}.skin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:300px;overflow:auto;padding-right:4px}.select-card.locked-choice{opacity:.5;border-style:dashed;cursor:not-allowed}.select-card .choice-swatch{width:100%;height:8px;border-radius:999px;margin:8px 0 4px;background:var(--swatch, #7fe6ff);box-shadow:0 0 12px #7ee6ff47}.select-card .rarity-label{font-size:.63rem;letter-spacing:.09em;text-transform:uppercase}.select-card.common .rarity-label{color:#d7e1e8}.select-card.rare .rarity-label{color:#78d7ff}.select-card.epic .rarity-label{color:#cf9cff}.select-card.legendary .rarity-label{color:#ffd166}.card-grid .select-card{min-height:112px}.skin-grid .select-card{min-height:105px}.bp-table-grid{align-items:start}#card-collection-table{max-height:420px}.brush-legend{display:inline-flex;align-items:center;gap:6px}.brush-legend:before{content:"";width:12px;height:8px;border-radius:4px;background:#54b372b3}@media(max-width:900px){.skin-grid,.card-grid{grid-template-columns:1fr}}.hidden-control{display:none!important}.wizard-panel{max-width:1180px}.menu-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.top-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.home-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.mode-launch-card{min-height:180px;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px;background:linear-gradient(145deg,#122937fa,#08141efa);color:var(--text);text-align:left;cursor:pointer;transition:.16s ease}.mode-launch-card:hover{transform:translateY(-3px);border-color:#7ee6ff8c;box-shadow:0 18px 40px #0000003d}.mode-launch-card strong{display:block;font-size:1.25rem;margin:14px 0 8px}.mode-launch-card span:last-child{color:var(--muted);line-height:1.45}.online-launch{background:linear-gradient(145deg,#25234efa,#0a1426fa)}.launch-icon{display:inline-flex;width:52px;height:52px;align-items:center;justify-content:center;border-radius:15px;background:#7ee6ff21;color:#8be9ff;font-weight:900;letter-spacing:.08em}.online-launch .launch-icon{background:#ae7eff26;color:#d1b3ff}.home-info-grid{display:grid;grid-template-columns:.9fr 1.1fr .9fr;gap:18px}.profile-card{min-height:260px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(180deg,#72e6a912,#ffffff06)}.profile-card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.profile-card-heading h3{margin:4px 0 0}.profile-name-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch}.profile-name-row .small-button{height:100%}.profile-auth-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.profile-auth-row .small-button{width:100%}.profile-bound-copy{color:var(--blue-soft)}.profile-stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:10px;margin-top:auto}.profile-stat-row span{min-width:0;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#00000029}.profile-stat-row strong,.profile-stat-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-stat-row strong{color:var(--text);font-size:.9rem}.profile-stat-row small{margin-top:4px;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.multiplayer-note h3{margin:8px 0}.feature-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.feature-chips span{border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:5px 9px;color:var(--muted);font-size:.67rem;font-weight:900;letter-spacing:.08em}.wizard-header{display:flex;align-items:center;gap:18px;margin-bottom:22px}.wizard-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;flex:1}.wizard-progress span{padding:9px 8px;border-radius:999px;background:#ffffff0d;color:var(--muted);text-align:center;font-size:.68rem;font-weight:900;letter-spacing:.08em}.wizard-progress span.active{background:#41c8ff29;color:#bdefff;border:1px solid rgba(65,200,255,.38)}.wizard-progress span.complete{background:#72e6a921;color:#9af0c4}.wizard-step{display:none}.wizard-step.active{display:block}.wizard-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.wizard-map-layout{display:grid;grid-template-columns:1fr .9fr;gap:18px;align-items:start}#wizard-map-preview-canvas{width:100%;height:auto;display:block;border-radius:12px;background:#0b1923}.wizard-footer{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.giant-start{width:100%;padding:18px;font-size:1.05rem;margin:18px 0 8px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.compact-loadout-card .config-block{margin-top:10px}.online-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.text-input{width:100%;border:1px solid rgba(255,255,255,.12);background:#050e16db;color:var(--text);padding:12px 13px;border-radius:11px;font:inherit;box-sizing:border-box}.text-input:focus{outline:none;border-color:#7ee6ff8c;box-shadow:0 0 0 3px #7ee6ff14}.online-button-row{display:flex;gap:10px;margin-top:14px}.online-button-row>*{flex:1}.join-room-panel{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:12px}.room-code-input{text-transform:uppercase;letter-spacing:.18em;font-weight:900}.online-status{margin-top:12px;min-height:36px}.online-lobby-card{min-height:310px}.invite-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin:14px 0}.online-player-list{min-height:120px;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px;background:#00000024}.online-player-row{display:flex;justify-content:space-between;gap:10px;padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.06)}.online-player-row:last-child{border-bottom:0}.online-player-row strong{color:var(--text)}.online-player-row span{color:var(--muted);font-size:.75rem}.remote-player-label{pointer-events:none}@media(max-width:900px){.menu-topbar,.wizard-header{flex-direction:column}.home-choice-grid,.home-info-grid,.wizard-map-layout,.online-layout,.review-grid,.wizard-choice-grid{grid-template-columns:1fr}.wizard-progress{width:100%;grid-template-columns:repeat(5,minmax(55px,1fr));overflow:auto}}.online-host-note{display:block;margin-top:5px;color:var(--muted)}.online-player-row .connection-pill{display:inline-block;margin-left:6px;padding:2px 7px;border-radius:999px;background:#7ee6ff1a;color:#9cecff;font-size:.66rem}.online-player-row .connection-pill.host{background:#ffd1661f;color:#ffd166}.online-player-row .connection-pill.direct{background:#72e6a91f;color:#8ff0c0}.online-player-row .connection-pill.relay{background:#b784ff1f;color:#d7b5ff}.online-connect-card{min-height:360px}.online-action-stack{margin-top:8px}.giant-online-button{width:100%;min-height:82px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;padding:16px 20px}.giant-online-button strong{font-size:1.05rem}.giant-online-button span{font-size:.78rem;opacity:.8;font-weight:600}.online-divider{display:flex;align-items:center;gap:10px;margin:18px 0 12px;color:var(--muted);font-size:.72rem;letter-spacing:.12em;font-weight:800}.online-divider:before,.online-divider:after{content:"";height:1px;flex:1;background:#ffffff17}.join-room-panel.always-visible{display:grid;grid-template-columns:1fr auto}.room-code-share{margin:16px 0 12px;padding:15px;border-radius:14px;background:#38bdf812;border:1px solid rgba(126,230,255,.18);display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.room-code-share>span{font-size:.68rem;letter-spacing:.12em;color:var(--muted);font-weight:900}.room-code-share>strong{font-size:1.65rem;letter-spacing:.2em;color:#dff8ff;text-align:center}.online-lobby-tip{margin-top:12px;color:var(--muted)}.developer-online-details{margin-top:14px;color:var(--muted)}.developer-online-details summary{cursor:pointer;font-size:.72rem;letter-spacing:.08em;font-weight:800}.connection-pill{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:4px 9px;border:1px solid rgba(126,230,255,.25);border-radius:999px;background:#7ee6ff1a;color:#9cecff;font-size:.66rem;font-weight:900;letter-spacing:.08em}.connection-pill.creator{background:#ffd1661f;color:#ffd166}@media(max-width:700px){.room-code-share{grid-template-columns:1fr;text-align:center}.room-code-share>strong{text-align:center}.join-room-panel.always-visible{grid-template-columns:1fr}}.online-lobby-workspace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;transition:opacity .2s ease,filter .2s ease}.online-lobby-workspace.lobby-locked{opacity:.52;filter:saturate(.6);pointer-events:none}.online-match-config-card,.online-loadout-config-card,.online-hero-config-card{min-width:0}.online-loadout-config-card{grid-column:1 / -1}.online-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}.online-section-heading h3{margin:3px 0 0}.online-config-label{margin-top:15px}.online-choice-grid{display:grid;gap:9px;margin-top:8px}.online-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.online-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.online-choice-button{min-height:88px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:#ffffff09;color:var(--text);text-align:left;cursor:pointer}.online-choice-button:hover:not(:disabled){border-color:#38bdf88c}.online-choice-button.active{border-color:var(--blue);background:#38bdf81c;box-shadow:0 0 0 2px #38bdf81a}.online-choice-button:disabled{cursor:default;opacity:.72}.online-choice-button strong,.online-choice-button span,.online-choice-button em{display:block}.online-choice-button strong{font-size:.9rem}.online-choice-button span{margin-top:5px;color:var(--muted);font-size:.72rem;line-height:1.35}.online-choice-button em{margin-top:8px;color:var(--blue-soft);font-size:.65rem;font-style:normal;letter-spacing:.06em;text-transform:uppercase}.online-role-filters{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 4px}.online-role-filters button{padding:7px 11px;min-height:0}.online-role-filters button.active{border-color:var(--blue);color:var(--blue-soft);background:#38bdf81a}.online-hero-grid{grid-template-columns:repeat(5,minmax(0,1fr));max-height:290px;overflow:auto;padding-right:4px}.online-hero-grid .hero-option{min-height:92px}.online-selected-hero{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:12px;margin-top:12px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#ffffff06}.online-selected-hero .mini-portrait{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;color:#061019;font-weight:950;background:var(--hero-color, #7dd3fc)}.online-selected-hero strong{margin-right:8px}.online-loadout-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.online-loadout-grid label{display:grid;gap:6px;color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.lobby-select{width:100%;min-height:42px;padding:9px 11px;border:1px solid rgba(128,205,255,.2);border-radius:10px;background:#0b1a27;color:var(--text);outline:none}.lobby-select:focus{border-color:var(--blue);box-shadow:0 0 0 2px #38bdf81f}.online-loadout-summary{margin-top:12px;padding:11px 12px;border-radius:11px;background:#38bdf80e;border:1px solid rgba(56,189,248,.12)}.online-player-row{align-items:center;gap:12px}.online-player-main{min-width:0}.online-player-main strong{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.online-player-hero{display:block;margin-top:4px;color:var(--muted);font-size:.72rem}.online-player-state{text-align:right}.online-player-state strong{display:block;font-size:.72rem;letter-spacing:.07em}.online-player-state span{display:block;margin-top:4px;color:var(--muted);font-size:.65rem}.connection-pill.ready{color:var(--green);border-color:#64e6a673}.connection-pill.choosing{color:var(--gold);border-color:#ffd16666}.online-config-copy{min-height:38px}#online-ready-button{display:inline-flex}@media(max-width:900px){.online-lobby-workspace{grid-template-columns:1fr}.online-loadout-config-card{grid-column:auto}.online-loadout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.online-hero-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.online-mode-grid,.online-map-grid,.online-loadout-grid{grid-template-columns:1fr}.online-hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.online-button-row{flex-wrap:wrap}.online-button-row>*{min-width:145px}.text-input:disabled,.giant-online-button:disabled{opacity:.58;cursor:not-allowed}.ready-text{color:var(--green)}