@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#eef6ff;background:#070b17;font-synthesis:none;--cyan:#48f4cf;--red:#ff526e;--gold:#ffc968;--panel:rgba(10,17,31,.88)}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}button{font:inherit;color:inherit}.glass{background:linear-gradient(145deg,#131f33e6,#070d19eb);border:1px solid rgba(154,203,224,.18);box-shadow:0 22px 55px #00000057;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.game .glass{background:linear-gradient(145deg,#132033,#070d19);box-shadow:0 14px 34px #00000047;-webkit-backdrop-filter:none;backdrop-filter:none}.menu{position:relative;width:100%;height:100%;display:grid;grid-template-columns:minmax(420px,600px) 1fr;align-items:center;padding:8vw;overflow:hidden;background:radial-gradient(circle at 72% 42%,#152b48 0,transparent 36%),linear-gradient(120deg,#080d19,#0d1424 54%,#090b18)}.menu-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(92,165,191,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(92,165,191,.05) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 76%);mask-image:linear-gradient(90deg,#000,transparent 76%)}.flare{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(110px);opacity:.2}.flare-a{background:#00d5c3;left:-150px;bottom:-150px}.flare-b{background:#ff315f;right:-100px;top:-190px}.hero{position:relative;z-index:2}.kicker{color:var(--cyan);font:700 11px Inter;letter-spacing:.3em;margin-bottom:18px}.hero h1{font:900 clamp(72px,8vw,126px)/.72 "Barlow Condensed";letter-spacing:-.04em;margin:0;text-shadow:0 12px 60px rgba(0,0,0,.45)}.hero h1 span{color:transparent;-webkit-text-stroke:2px var(--cyan);filter:drop-shadow(0 0 20px rgba(72,244,207,.2))}.hero p{max-width:480px;color:#8ea1b5;font-size:14px;line-height:1.75;margin:35px 0 24px}.difficulty{display:flex;gap:6px}.difficulty button{border:1px solid #263a50;background:#0c1525;text-transform:uppercase;color:#657a90;font:700 10px Inter;letter-spacing:.1em;padding:9px 14px;cursor:pointer}.difficulty button.active{border-color:var(--cyan);color:var(--cyan);background:#48f4cf14}.launch,.rematch{display:flex;align-items:center;justify-content:space-between;width:270px;margin-top:18px;padding:15px 17px;border:0;background:var(--cyan);color:#061511;font:800 12px Inter;letter-spacing:.1em;cursor:pointer;clip-path:polygon(0 0,96% 0,100% 28%,100% 100%,4% 100%,0 72%)}.launch span{font-size:18px}.hero>small{display:block;margin-top:13px;color:#4f6275;font-size:9px}.hero-art{position:relative;height:70vh}.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(72,244,207,.2);border-radius:50%;transform:translate(-50%,-50%) rotateX(67deg)}.o1{width:520px;height:520px}.o2{width:390px;height:390px;border-color:#ff526e33}.top-mark{position:absolute;left:50%;top:48%;width:280px;height:280px;transform:translate(-50%,-50%) rotateX(62deg) rotate(-18deg);border-radius:50%;background:radial-gradient(circle,#ecffff 0 7%,#4cf5d2 8% 17%,#162a42 18% 28%,#ff4e6b 29% 37%,#121b2c 38% 53%,#44d9c3 54% 57%,#0b1322 58%);box-shadow:0 40px 70px #000,0 0 65px #48f4cf3d;animation:hero-spin 12s linear infinite}.top-mark:before,.top-mark:after{content:"";position:absolute;inset:-28px;border:28px dashed #283b51;border-radius:50%}.top-mark:after{inset:60px;border:12px dotted rgba(255,255,255,.42)}.versus{position:absolute;bottom:4%;right:8%;color:#566a80;font:900 32px/1 Barlow Condensed;letter-spacing:.12em}@keyframes hero-spin{to{transform:translate(-50%,-50%) rotateX(62deg) rotate(342deg)}}.menu-actions{display:flex;align-items:flex-end;gap:9px}.library-open{height:46px;padding:0 16px;border:1px solid #29465a;background:#0a1524d6;color:#a2b8c6;font:800 9px Inter;letter-spacing:.12em;cursor:pointer}.library-open:hover{border-color:var(--cyan);color:var(--cyan)}.library-open span{margin-left:10px;color:var(--cyan)}.top-library{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:34px;background:#03070ed4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.top-library[hidden]{display:none}.library-shell{width:min(1120px,calc(100vw - 68px));height:min(760px,calc(100vh - 68px));display:grid;grid-template-rows:70px 1fr;overflow:hidden;border-color:#48f4cf4d}.library-header{display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.09)}.library-header>span{display:grid}.library-header small{color:var(--cyan);font:700 7px Inter;letter-spacing:.22em}.library-header strong{font:900 25px Barlow Condensed;letter-spacing:.08em}.library-close{width:38px;height:38px;border:1px solid rgba(255,255,255,.1);background:#101b2c;color:#8fa4b3;font-size:24px;cursor:pointer}.library-close:hover{border-color:var(--red);color:var(--red)}.library-body{min-height:0;display:grid;grid-template-columns:310px 1fr}.library-list{overflow:auto;padding:12px;border-right:1px solid rgba(255,255,255,.08);display:grid;align-content:start;gap:6px}.library-card{width:100%;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:10px;border:1px solid rgba(255,255,255,.08);background:#0d1829;color:#dce8ee;text-align:left;cursor:pointer}.library-card:hover,.library-card.active{border-color:#48f4cf99;background:#48f4cf14}.library-card>i{width:34px;height:28px;border-radius:50%;background:radial-gradient(circle,var(--accent) 0 18%,var(--top) 19% 54%,#1b2637 55% 68%,var(--top) 69%);transform:rotateX(57deg);box-shadow:0 5px 12px #000}.library-card span{display:grid}.library-card strong{font:800 10px Inter}.library-card small{margin-top:3px;color:#71889a;font-size:7px}.library-card>b{color:var(--gold);font-size:8px}.library-detail{min-width:0;display:grid;grid-template-columns:42% 1fr;overflow:auto}.library-portrait{min-height:100%;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 44%,color-mix(in srgb,var(--top) 30%,transparent),transparent 42%),linear-gradient(145deg,#101d31,#080f1d);overflow:hidden}.library-portrait:before{content:"";position:absolute;width:360px;height:360px;border:1px solid color-mix(in srgb,var(--top) 35%,transparent);border-radius:50%;transform:rotateX(68deg)}.library-portrait>span{position:absolute;left:20px;bottom:18px;color:var(--top);font:800 9px Inter;letter-spacing:.16em;text-transform:uppercase}.library-top-model{position:relative;width:220px;height:220px;border-radius:50%;transform:rotateX(62deg) rotate(-15deg);background:radial-gradient(circle,var(--accent) 0 10%,#17263a 11% 25%,var(--top) 26% 44%,#172235 45% 57%,var(--top) 58% 65%,transparent 66%);filter:drop-shadow(0 32px 25px rgba(0,0,0,.65));animation:library-spin 9s linear infinite}.library-top-model:before{content:"";position:absolute;inset:32px;border:12px dotted color-mix(in srgb,var(--accent) 75%,transparent);border-radius:50%}.library-copy{padding:30px;overflow:auto}.library-name{display:flex;align-items:flex-start;justify-content:space-between}.library-name small,.library-ability small{color:var(--cyan);font:700 7px Inter;letter-spacing:.17em}.library-name h2{margin:3px 0 0;font:900 40px Barlow Condensed;letter-spacing:.03em}.library-name>b{color:var(--gold);font-size:12px}.library-copy>p{color:#8195a5;font-size:10px}.library-ability{display:grid;gap:5px;margin:18px 0;padding:13px;border-left:2px solid var(--top);background:#ffffff09}.library-ability strong{font-size:10px}.library-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.library-stats span{padding:10px;background:#101d2f;color:#71879a;font-size:7px}.library-stats b{display:block;margin-top:3px;color:#edf6fa;font:800 15px Barlow Condensed}.library-path-title{display:flex;justify-content:space-between;margin:22px 0 8px;color:#9eb0bc;font:800 8px Inter;letter-spacing:.13em}.library-path-title small{color:#617687;font-size:7px}.library-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.library-paths div{padding:10px;border:1px solid rgba(255,255,255,.08);background:#0e192a}.library-paths strong{font-size:8px}.library-paths small{display:block;margin-top:4px;color:#718596;font-size:7px;line-height:1.4}.library-chassis{display:grid;gap:4px;margin-top:9px;padding:10px;border:1px solid rgba(255,201,104,.2);color:var(--gold);font-size:8px}.library-chassis span{color:#7d8f9e;font-size:7px}.library-card.active{border-left:3px solid var(--cyan)}@keyframes library-spin{to{transform:rotateX(62deg) rotate(345deg)}}.menu-footer{margin-top:20px;color:#8398a8;font:700 10px Inter;letter-spacing:.16em}.menu-footer a{color:#c3d1d9;text-decoration:none}.menu-footer a:hover,.menu-footer a:focus-visible{color:var(--cyan);text-decoration:underline;text-underline-offset:4px}.game,.viewport,.game-canvas{position:absolute;inset:0;width:100%;height:100%}.viewport{background:#070b17}.game-canvas{cursor:grab}.hud{position:absolute;top:18px;left:50%;transform:translate(-50%);width:min(680px,60vw);height:68px;display:grid;grid-template-columns:1fr 148px 1fr;align-items:center;padding:0 19px;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%,0 12px)}.fighter{display:grid;align-items:center;gap:9px}.fighter.enemy{grid-template-columns:auto 1fr 30px}.fighter.player{grid-template-columns:30px 1fr auto;text-align:right}.fighter small{font:700 8px Inter;letter-spacing:.12em;color:#8ba1b2}.fighter strong{font:800 20px Barlow Condensed}.health{height:7px;background:#192538;transform:skew(-18deg);overflow:hidden}.health i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#cc2f4e,var(--red));transition:width .35s}.fighter.player .health i{background:linear-gradient(90deg,var(--cyan),#27bca5)}.round{text-align:center;border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1)}.round small,.round span{display:block;font:700 8px Inter;letter-spacing:.15em;color:var(--cyan)}.round strong{display:block;font:700 15px Barlow Condensed;letter-spacing:.08em;margin:3px}.round span{color:#e6f2f6;font-size:10px}.shop,.loadout{position:absolute;top:105px;bottom:24px;width:300px;padding:17px;overflow:auto;transition:opacity .25s,transform .25s}.shop{left:18px}.loadout{right:18px}.combat .shop,.combat .loadout{opacity:.18;pointer-events:none;transform:translate(-10px)}.combat .loadout{transform:translate(10px)}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.panel-heading>span{font:800 13px Barlow Condensed;letter-spacing:.13em}.panel-heading>b{font:700 13px Inter;color:var(--gold);font-style:normal}.panel-heading b i{display:inline-block;width:8px;height:8px;background:var(--gold);transform:rotate(45deg);margin-right:7px}.panel-heading em{font-style:normal}.panel-heading small{font-size:9px;color:#7790a3}.shop>p{font-size:9px;color:#71879a;line-height:1.5}.shop-list{display:grid;gap:7px}.shop-card,.roster-card,.paths button,.chassis{width:100%;border:1px solid rgba(138,180,201,.13);background:#0e192ab8;display:grid;grid-template-columns:36px 1fr auto;align-items:center;text-align:left;padding:9px;gap:9px;cursor:pointer}.shop-card:hover:not(:disabled),.roster-card:hover,.roster-card.active,.paths button:hover:not(:disabled),.paths button.active,.chassis:hover:not(:disabled){border-color:#48f4cf80;background:#48f4cf12}.shop-card:disabled,.paths button:disabled,.chassis:disabled{opacity:.35;cursor:not-allowed}.shop-card>i,.roster-card>i{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle,var(--accent,#fff) 0 20%,var(--top) 21% 56%,#1b2637 57% 69%,var(--top) 70%);transform:rotateX(57deg);box-shadow:0 5px 12px #000}.shop-card strong,.roster-card strong,.paths strong,.chassis strong{font:700 11px Inter}.shop-card small,.roster-card small,.paths small,.chassis small{display:block;color:#73899c;font-size:7.5px;margin-top:3px;line-height:1.3}.shop-card>b,.roster-card>b,.paths b,.chassis b{color:var(--gold);font-size:9px;white-space:nowrap}.ready{width:100%;height:43px;margin-top:12px;border:1px solid var(--cyan);background:#48f4cf1f;color:var(--cyan);font:800 10px Inter;letter-spacing:.12em;cursor:pointer}.ready span{float:right}.ready.active{background:var(--cyan);color:#081a17}.ready:disabled{opacity:.35}.roster{display:grid;gap:7px;margin-top:12px}.roster-card{grid-template-columns:34px 1fr auto}.roster-card.active{border-left:3px solid var(--cyan)}.upgrade-panel{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.empty-select{height:160px;display:grid;place-content:center;text-align:center;color:#53687a;font-size:9px;gap:10px}.empty-select i{font-size:26px;color:#3e5366}.tune-title{display:flex;align-items:center;gap:12px}.mini-top{width:46px;height:34px;background:radial-gradient(ellipse,var(--top) 0 30%,#1f2c3e 31% 45%,var(--top) 46% 65%,transparent 66%);transform:rotateX(48deg)}.tune-title span{display:grid}.tune-title small,.section-label small{font-size:8px;color:var(--cyan);text-transform:uppercase}.tune-title strong{font:800 19px Barlow Condensed;letter-spacing:.04em}.upgrade-panel>p{font-size:8px;color:#7890a1;margin:8px 0}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:12px 0}.stat-row span{background:#111e31;padding:7px;font-size:7px;color:#688093}.stat-row b{display:block;color:#dbe8ee;font-size:10px;margin-top:2px}.section-label{display:flex;justify-content:space-between;margin:14px 0 6px;font:700 8px Inter;letter-spacing:.12em;color:#8399aa}.paths{display:grid;gap:5px}.paths button,.chassis{grid-template-columns:1fr auto;padding:8px}.sell{width:100%;margin-top:10px;border:0;background:transparent;color:#8e6070;font-size:8px;padding:7px;cursor:pointer}.sell b{float:right;color:#6e8191}.combat-feed{position:absolute;top:94px;left:50%;transform:translate(-50%);display:grid;gap:6px;pointer-events:none}.combat-feed div{padding:8px 12px;background:#050b14e0;border-left:2px solid var(--cyan);font-size:9px;animation:feed .2s ease}.combat-feed .bad{border-color:var(--red)}@keyframes feed{0%{transform:translateY(-8px);opacity:0}}.round-callout{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%) scale(.9);display:grid;text-align:center;opacity:0;pointer-events:none;transition:.3s}.round-callout.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.round-callout small{font:800 10px Inter;letter-spacing:.3em;color:var(--cyan)}.round-callout strong{font:900 54px Barlow Condensed;font-style:italic;text-shadow:0 6px 30px #000}.round-callout span{font-size:10px;color:#9db0bc}.camera-tip{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font:600 8px Inter;letter-spacing:.1em;color:#4f6576;pointer-events:none}.leave{position:absolute;right:22px;top:30px;border:0;background:transparent;color:#657a8a;font:700 8px Inter;letter-spacing:.16em;cursor:pointer}.result{position:absolute;inset:0;background:#04080fb8;display:grid;place-items:center;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.result[hidden]{display:none}.result-card{width:420px;text-align:center;padding:38px}.result-card>small{font-size:9px;letter-spacing:.24em;color:var(--cyan)}.result-card h2{font:900 47px Barlow Condensed;margin:10px}.result-card p{color:#7f94a5;font-size:11px;line-height:1.6}.result-card .rematch{margin:18px auto 0}.menu-back{border:0;background:transparent;color:#708597;font-size:9px;margin-top:14px;cursor:pointer}.mutator-banner{position:absolute;top:98px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 13px;width:270px;pointer-events:none}.mutator-banner>i{font-style:normal;color:var(--gold);font-size:25px;text-shadow:0 0 14px rgba(255,201,104,.5)}.mutator-banner span{display:grid}.mutator-banner small{font-size:6px;letter-spacing:.18em;color:#71899b}.mutator-banner strong{font:800 12px Barlow Condensed;letter-spacing:.08em;color:#f1f7fa}.mutator-banner em{font-style:normal;font-size:7px;color:#71899b;margin-top:2px}.overtime .hud{border-color:#ff4669bf;box-shadow:0 0 42px #ff285433}.overtime #phase-label{color:#ff4b70;animation:overtime-pulse .5s ease-in-out infinite alternate}.overtime .mutator-banner{border-color:#ff466980}.round em{display:block;margin-top:2px;color:#ff7188;font:800 6px Inter;letter-spacing:.1em;font-style:normal}@keyframes overtime-pulse{to{opacity:.45;text-shadow:0 0 15px #ff315e}}.augment-modal{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:90px 24px 24px;background:#03070eb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.augment-modal[hidden]{display:none}.augment-modal-card{width:min(680px,calc(100vw - 48px));padding:25px;border-color:#ffc9687a;box-shadow:0 28px 90px #0000009e,0 0 55px #ffbe4614}.augment-modal-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.1)}.augment-modal-head>span{display:grid;gap:3px}.augment-modal-head small{font:700 7px Inter;letter-spacing:.2em;color:var(--gold)}.augment-modal-head strong{font:900 28px Barlow Condensed;letter-spacing:.06em}.augment-modal-card>p{margin:11px 0 15px;color:#8499aa;font-size:9px}.augment-timer{min-width:92px;padding:8px 11px;border:1px solid rgba(255,201,104,.35);background:#ffc96812;text-align:center}.augment-timer small{display:block;font-size:6px}.augment-timer b{display:block;color:var(--gold);font:900 29px/.9 Barlow Condensed;margin-top:4px}.augment-timer.urgent{border-color:var(--red);background:#ff526e1f;animation:augment-urgent .65s ease-in-out infinite alternate}.augment-timer.urgent small,.augment-timer.urgent b{color:#ff7188}.augment-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.augment-options button{min-height:142px;display:grid;grid-template-rows:42px 1fr auto;align-items:start;border:1px solid rgba(255,255,255,.11);background:linear-gradient(145deg,#142239,#0d1728);padding:15px;text-align:left;cursor:pointer;transition:transform .16s,border-color .16s,background .16s}.augment-options button:hover,.augment-options button:focus-visible{transform:translateY(-3px);outline:none;border-color:var(--gold);background:linear-gradient(145deg,#ffc96826,#111b2c)}.augment-options button>i{font-style:normal;font-size:29px;color:var(--gold)}.augment-options button strong{font:800 15px Barlow Condensed;letter-spacing:.05em}.augment-options button small{display:block;margin-top:5px;color:#8295a5;font-size:8px;line-height:1.45}.augment-options button>b{justify-self:end;color:var(--gold);font-size:7px;letter-spacing:.14em}.augment-owned{margin-top:10px}.augment-owned>small{font-size:6px;letter-spacing:.14em;color:#708697}.augment-owned div{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.augment-owned span{border:1px solid rgba(255,201,104,.25);background:#ffc9680f;color:#d8c18d;padding:4px 6px;font-size:7px}@keyframes augment-urgent{to{box-shadow:0 0 22px #ff526e59;transform:scale(1.04)}}@media(max-width:1050px){.shop,.loadout{width:250px}.hud{width:52vw}.hero-art{opacity:.5}.mutator-banner{width:230px}}@media(max-width:780px){.menu{grid-template-columns:1fr}.hero-art{display:none}.shop{width:220px}.loadout{display:none}.hud{left:auto;right:12px;transform:none;width:calc(100% - 260px)}.mutator-banner{display:none}}.mutator-banner.inactive{opacity:.42}.countdown-callout{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) scale(.82);display:grid;text-align:center;pointer-events:none;opacity:0;transition:opacity .18s,transform .18s;text-shadow:0 8px 32px #000}.countdown-callout.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.countdown-callout small{font:800 9px Inter;letter-spacing:.28em;color:var(--cyan)}.countdown-callout strong{font:900 96px/.85 Barlow Condensed;font-style:italic;color:#f5fbff}.overtime .countdown-callout small,.overtime .countdown-callout strong{color:#ff5574}.countdown-callout.show strong{animation:countdown-pop 1s ease-out infinite}@keyframes countdown-pop{0%{transform:scale(1.14);opacity:.7}22%{transform:scale(1);opacity:1}}.top-health{padding:9px 10px;background:linear-gradient(135deg,#48f4cf1a,#111e31e6);border:1px solid rgba(72,244,207,.2);margin:11px 0 7px}.top-health>div:first-child{display:flex;align-items:baseline;justify-content:space-between}.top-health span{font:700 7px Inter;letter-spacing:.11em;color:#88a9aa}.top-health strong{font:800 12px Barlow Condensed;color:#ecfffa}.top-health>small{display:block;margin-top:5px;font-size:6px;color:#6f8f92}.top-health-track{height:6px;margin-top:6px;background:#06100f;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.top-health-track i{display:block;height:100%;background:linear-gradient(90deg,#22bd9f,#60ffda);box-shadow:0 0 10px #48f4cf8c;transition:width .2s}.upgrade-panel .stat-row{grid-template-columns:repeat(4,1fr);margin:7px 0 12px}.combat .loadout.inspecting{opacity:.78;transform:translate(0)}.upgrade-panel .stat-row{grid-template-columns:repeat(3,1fr)}.shop,.loadout{opacity:1;transition:transform .38s cubic-bezier(.22,.8,.28,1)}.combat .shop{opacity:1;transform:translate(calc(-100% - 38px))}.combat .loadout{opacity:1;transform:translate(calc(100% + 38px))}.combat .loadout.inspecting{opacity:1;transform:translate(0)}.library-portrait{display:block}.library-portrait:before{display:none}.library-preview{position:absolute;inset:0}.library-preview-canvas{display:block;width:100%;height:100%;cursor:grab}.library-preview-canvas:active{cursor:grabbing}.library-preview-tip{position:absolute;left:50%;bottom:18px;transform:translate(-50%);color:#668092;font:700 6px Inter;letter-spacing:.14em;white-space:nowrap;pointer-events:none}.library-portrait>span{pointer-events:none}.library-top-model{display:none}.library-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}.library-tags i{font-style:normal;padding:4px 6px;border:1px solid rgba(72,244,207,.22);background:#48f4cf0f;color:#8dc9be;font:700 6px Inter;letter-spacing:.08em;text-transform:uppercase}.library-card{grid-template-columns:40px 1fr}.library-card>strong{font:800 10px Inter}.library-card>span,.library-card>b{display:none}.library-list,.library-copy,.shop,.loadout{scrollbar-width:thin;scrollbar-color:#31516a rgba(6,12,22,.72)}.library-list::-webkit-scrollbar,.library-copy::-webkit-scrollbar,.shop::-webkit-scrollbar,.loadout::-webkit-scrollbar{width:8px;height:8px}.library-list::-webkit-scrollbar-track,.library-copy::-webkit-scrollbar-track,.shop::-webkit-scrollbar-track,.loadout::-webkit-scrollbar-track{background:#060c16b8;border-left:1px solid rgba(255,255,255,.035)}.library-list::-webkit-scrollbar-thumb,.library-copy::-webkit-scrollbar-thumb,.shop::-webkit-scrollbar-thumb,.loadout::-webkit-scrollbar-thumb{background:linear-gradient(#31516a,#233a50);border:2px solid #091321;border-radius:8px}.library-list::-webkit-scrollbar-thumb:hover,.library-copy::-webkit-scrollbar-thumb:hover,.shop::-webkit-scrollbar-thumb:hover,.loadout::-webkit-scrollbar-thumb:hover{background:var(--cyan)}.diagnostics-panel{position:absolute;left:50%;bottom:34px;z-index:8;width:330px;transform:translate(-50%);padding:10px 12px;pointer-events:none;background:#050c16e6;border-color:#48f4cf47;font-variant-numeric:tabular-nums}.diagnostics-panel[hidden]{display:none}.diagnostics-panel header{display:flex;align-items:center;gap:7px;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.09)}.diagnostics-panel header i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.diagnostics-panel[data-quality=warning]{border-color:#ff526e8c}.diagnostics-panel[data-quality=warning] header i{background:var(--red);box-shadow:0 0 10px var(--red)}.diagnostics-panel header span{font:800 8px Inter;letter-spacing:.16em;color:#b9cad4}.diagnostics-panel header b{margin-left:auto;color:var(--cyan);font:800 8px Inter;letter-spacing:.1em}.diagnostics-panel[data-quality=warning] header b{color:#ff8296}.diagnostics-panel dl{display:grid;grid-template-columns:repeat(3,1fr);gap:7px 12px;margin:8px 0 0}.diagnostics-panel dl div{display:grid;gap:2px}.diagnostics-panel dt{color:#7f96a7;font:700 7px Inter;letter-spacing:.08em}.diagnostics-panel dd{margin:0;color:#eef7fb;font:800 11px Barlow Condensed;letter-spacing:.03em}:root{--text-primary:#f2f7fa;--text-secondary:#bdccd6;--text-muted:#91a7b7;--text-dim:#718899}body{color:var(--text-primary)}button{line-height:1.25}.glass{background:linear-gradient(145deg,#131f33f5,#070d19f7);border-color:#add7e840}.hero p{color:var(--text-secondary);font-size:16px;line-height:1.65}.difficulty button{color:#9eb1bf;font-size:11px}.launch,.library-open{font-size:11px}.fighter small{font-size:9px;color:#b2c2cd}.fighter strong{font-size:23px}.round small,.round span{font-size:9px}.round strong{font-size:17px}.panel-heading>span{font-size:15px}.panel-heading>b{font-size:14px}.panel-heading small{font-size:10px;color:#a1b4c1}.shop>p{font-size:10px;color:#9eb1be;line-height:1.55}.shop-card,.roster-card{padding:10px}.shop-card strong,.roster-card strong,.paths strong,.chassis strong{font-size:12px}.shop-card small,.roster-card small,.paths small,.chassis small{color:#a0b2be;font-size:9px;line-height:1.4}.shop-card>b,.roster-card>b,.paths b,.chassis b{font-size:10px}.shop-card:disabled,.paths button:disabled,.chassis:disabled{opacity:.52}.ready{font-size:11px}.empty-select{font-size:10px;color:#8ca1b0}.tune-title small,.section-label small{font-size:9px}.tune-title strong{font-size:21px}.upgrade-panel>p{font-size:10px;color:#a1b3bf;line-height:1.45}.top-health span{font-size:9px;color:#a9bec0}.top-health>small{font-size:8px;color:#91a8aa}.stat-row span{font-size:8px;color:#91a7b6}.stat-row b{font-size:12px}.section-label{font-size:9px;color:#afc0ca}.sell{font-size:9px}.combat-feed div{font-size:10px}.camera-tip,.leave{font-size:9px;color:#829aa9}.mutator-banner small{font-size:8px;color:#a0b2bf}.mutator-banner strong{font-size:14px}.mutator-banner em{font-size:9px;color:#9bafbc}.augment-modal-head small{font-size:8px}.augment-modal-card>p{font-size:11px;color:#a8bac5}.augment-options button strong{font-size:17px}.augment-options button small{font-size:10px;color:#a6b6c1}.augment-options button>b{font-size:9px}.augment-owned>small{font-size:8px}.augment-owned span{font-size:9px}.result-card p{font-size:13px;color:#abbac5}.library-header small{font-size:8px}.library-header strong{font-size:28px}.library-card>strong{font-size:12px}.library-name small,.library-ability small{font-size:8px}.library-name h2{font-size:44px}.library-copy>p{font-size:12px;line-height:1.55;color:#adbec8}.library-ability strong{font-size:12px;line-height:1.45}.library-stats span{font-size:9px;color:#9eb1bf}.library-stats b{font-size:18px}.library-path-title{font-size:10px;color:#b9c7cf}.library-path-title small{font-size:9px;color:#91a4b1}.library-paths strong{font-size:10px}.library-paths small{font-size:9px;color:#a2b4c0;line-height:1.45}.library-chassis{font-size:10px}.library-chassis span{font-size:9px;color:#a3b4bf}.library-preview-tip{font-size:8px;color:#94a9b7}.library-portrait>span{font-size:11px}.library-tags i{--tag-color:#9fb4c2;color:var(--tag-color);border-color:color-mix(in srgb,var(--tag-color) 45%,transparent);background:color-mix(in srgb,var(--tag-color) 12%,transparent);font-size:8px;padding:5px 7px}.library-tags i[data-tag=melee]{--tag-color:#ff7b69}.library-tags i[data-tag=ranged]{--tag-color:#4dc8ff}.library-tags i[data-tag=tank]{--tag-color:#91a8c7}.library-tags i[data-tag=striker]{--tag-color:#ff4f87}.library-tags i[data-tag=support]{--tag-color:#55e6ad}.library-tags i[data-tag=aoe]{--tag-color:#ff9d45}.library-tags i[data-tag=sustain]{--tag-color:#31d8c5}.library-tags i[data-tag=disruptor]{--tag-color:#c083ff}.library-tags i[data-tag=physical]{--tag-color:#d3aa78}.library-tags i[data-tag=energy]{--tag-color:#f1e45c}.library-tags i[data-tag=lightning]{--tag-color:#b879ff}.library-tags i[data-tag=ice]{--tag-color:#86e7ff}.library-tags i[data-tag=projectile]{--tag-color:#ffbd5b}.library-tags i[data-tag=explosive]{--tag-color:#ff5348}.library-tags i[data-tag=knockback]{--tag-color:#75a7ff}.library-paths{grid-template-columns:1fr;gap:8px}.library-paths>div{padding:12px}.library-paths ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:9px 0 0;padding:0}.library-paths li{display:grid;gap:3px;padding:7px;background:#ffffff09;border-top:1px solid rgba(255,255,255,.07)}.library-paths li b{color:var(--cyan);font-size:8px}.library-paths li span{color:#bdcbd4;font-size:8px;line-height:1.35}.library-preview-tip,.library-portrait>span,.library-chassis{display:none}.top-library{padding:16px}.library-shell{width:min(1280px,calc(100vw - 32px));height:min(820px,calc(100vh - 32px))}.library-body{grid-template-columns:285px minmax(0,1fr)}.library-detail{min-height:0;grid-template-columns:minmax(400px,46%) minmax(0,1fr);overflow:hidden}.library-portrait{min-width:0}.library-copy{min-width:0;min-height:0}@media(max-width:1100px){.top-library{padding:12px}.library-shell{width:calc(100vw - 24px);height:calc(100vh - 24px)}.library-body{grid-template-columns:250px minmax(0,1fr)}.library-detail{grid-template-columns:minmax(330px,43%) minmax(0,1fr)}}.settings-open{height:46px;padding:0 16px;border:1px solid #29465a;background:#0a1524d6;color:#a2b8c6;font:800 11px Inter;letter-spacing:.12em;cursor:pointer}.settings-open:hover{border-color:var(--cyan);color:var(--cyan)}.settings-modal{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:24px;background:#03070ed4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.settings-modal[hidden]{display:none}.settings-card{width:min(560px,calc(100vw - 48px));overflow:hidden}.settings-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.1)}.settings-header>span{display:grid;gap:3px}.settings-header small{color:var(--cyan);font:700 8px Inter;letter-spacing:.2em}.settings-header strong{font:900 28px Barlow Condensed;letter-spacing:.08em}.settings-close{width:38px;height:38px;border:1px solid rgba(255,255,255,.12);background:#101b2c;color:#a4b6c2;font-size:24px;cursor:pointer}.settings-close:hover{border-color:var(--red);color:var(--red)}.settings-body{display:grid;gap:24px;padding:24px}.settings-body section{display:grid;gap:10px}.settings-body h3{margin:0 0 2px;color:#9bb0bd;font:800 9px Inter;letter-spacing:.16em}.settings-toggle,.settings-slider{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px;border:1px solid rgba(255,255,255,.1);background:#101c2e}.settings-toggle>span{display:grid;gap:4px}.settings-toggle strong,.settings-slider strong{font-size:12px}.settings-toggle small{color:#9caeba;font-size:10px}.settings-toggle input{position:absolute;opacity:0;pointer-events:none}.settings-toggle>i{position:relative;width:46px;height:25px;flex:none;border-radius:20px;background:#26384c;box-shadow:inset 0 0 0 1px #ffffff1a;cursor:pointer}.settings-toggle>i:after{content:"";position:absolute;width:19px;height:19px;left:3px;top:3px;border-radius:50%;background:#a7bac6;transition:.18s}.settings-toggle input:checked+i{background:#48f4cf38;box-shadow:inset 0 0 0 1px #48f4cfa6}.settings-toggle input:checked+i:after{transform:translate(21px);background:var(--cyan)}.settings-toggle input:focus-visible+i{outline:2px solid #fff;outline-offset:3px}.settings-slider{display:grid}.settings-slider>span{display:flex;justify-content:space-between}.settings-slider output{color:var(--cyan);font:800 11px Inter}.settings-slider input{width:100%;height:18px;margin:4px 0 0;accent-color:var(--cyan);cursor:pointer}.settings-slider input::-webkit-slider-runnable-track{height:5px;border-radius:5px;background:#294157}.settings-slider input::-webkit-slider-thumb{margin-top:-5px;width:15px;height:15px;border-radius:50%;background:var(--cyan)}.difficulty{margin-top:38px}.menu-actions{flex-wrap:wrap}.online-play{height:46px;padding:0 16px;border:1px solid rgba(255,82,110,.7);background:#ff526e1a;color:#ff8ba0;font:800 11px Inter;letter-spacing:.1em;cursor:pointer}.online-play:hover{border-color:#ff7790;background:#ff526e2e}.online-play span{margin-left:10px;padding:3px 5px;background:var(--red);color:#15050a;font-size:7px}.matchmaking{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,#15314a,transparent 38%),#070b17}.matchmaking-card{position:relative;z-index:1;width:min(460px,calc(100vw - 40px));padding:42px;text-align:center}.matchmaking-card>small{color:var(--cyan);font:800 9px Inter;letter-spacing:.22em}.matchmaking-card h2{margin:10px 0 24px;font:900 38px Barlow Condensed;letter-spacing:.05em}.matchmaking-card p{min-height:20px;color:#a9bbc7;font-size:12px}.matchmaking-card p.bad{color:#ff8296}.matchmaking-spinner{position:relative;width:92px;height:92px;margin:10px auto 24px}.matchmaking-spinner i,.matchmaking-spinner b{position:absolute;inset:0;border:3px solid transparent;border-top-color:var(--cyan);border-radius:50%;animation:matchmaking-spin 1.1s linear infinite}.matchmaking-spinner b{inset:14px;border-top-color:var(--red);animation-direction:reverse;animation-duration:.72s}.cancel-matchmaking{margin-top:12px;padding:11px 18px;border:1px solid #40566b;background:#0c1625;color:#b6c5ce;font:800 10px Inter;letter-spacing:.13em;cursor:pointer}.cancel-matchmaking:hover{border-color:var(--red);color:#ff8296}@keyframes matchmaking-spin{to{transform:rotate(360deg)}}.queue-count{width:190px;margin:-4px auto 15px;display:grid;grid-template-columns:50px 1fr;align-items:center;text-align:left;border:1px solid rgba(72,244,207,.25);background:#48f4cf0f;padding:10px 13px}.queue-count strong{color:var(--cyan);font:900 34px/1 Barlow Condensed}.queue-count span{font:800 9px Inter;letter-spacing:.12em;color:#d8e6ec}.matchmaking-time{margin:0!important;min-height:0!important;color:#7f95a4!important;font-size:9px!important;letter-spacing:.06em}.matchmaking-time b{color:#d7e4e9}.matchmaking-timeout{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:20px;background:#03070ed1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.matchmaking-timeout[hidden]{display:none}.matchmaking-timeout-card{width:min(470px,calc(100vw - 40px));padding:34px;text-align:center;border-color:#ff526e66;box-shadow:0 28px 90px #000000a6}.matchmaking-timeout-card>small{color:#ff8296;font:800 9px Inter;letter-spacing:.2em}.matchmaking-timeout-card h2{margin:9px 0 12px;font:900 36px Barlow Condensed;letter-spacing:.05em}.matchmaking-timeout-card p{margin:0 auto 24px;max-width:340px;color:#adbec8;font-size:12px;line-height:1.6}.matchmaking-timeout-card>div{display:flex;justify-content:center;gap:10px}.retry-matchmaking,.timeout-menu{min-height:44px;padding:0 18px;border:1px solid #40566b;background:#0c1625;color:#c3d1d8;font:800 10px Inter;letter-spacing:.1em;cursor:pointer}.retry-matchmaking{border-color:var(--cyan);background:#48f4cf1a;color:var(--cyan)}.retry-matchmaking:hover,.retry-matchmaking:focus-visible{background:var(--cyan);color:#06110f}.timeout-menu:hover,.timeout-menu:focus-visible{border-color:#ff8296;color:#ff8296}.mobile-controls{display:none}@media(max-width:900px){html,body,#app{height:100dvh;min-height:100%;overscroll-behavior:none}.game{position:fixed;inset:0;height:100dvh;overflow:clip}button{touch-action:manipulation}.menu{display:flex;align-items:center;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));overflow-y:auto}.hero{width:100%;max-width:560px;margin:auto}.hero-art{display:none}.hero h1{font-size:clamp(68px,23vw,104px);line-height:.72}.difficulty{width:100%;margin-top:28px}.difficulty button{flex:1;min-height:44px;padding:10px 8px}.menu-actions{display:grid;grid-template-columns:1fr;width:100%;gap:9px;margin-top:16px}.launch,.online-play,.library-open,.settings-open{width:100%;height:50px;margin:0;padding:0 17px;text-align:left}.launch{height:56px}.online-play,.library-open,.settings-open{display:flex;align-items:center;justify-content:space-between}.top-library{position:fixed;inset:0;padding:0;place-items:stretch}.library-shell{width:100vw;height:100dvh;border:0;grid-template-rows:64px minmax(0,1fr)}.library-header{height:64px;padding:0 max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left))}.library-header strong{font-size:24px}.library-close,.settings-close{width:44px;height:44px}.library-body{display:grid;grid-template-columns:1fr;grid-template-rows:76px minmax(0,1fr)}.library-list{display:flex;gap:7px;padding:8px;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid rgba(255,255,255,.1);scroll-snap-type:x proximity}.library-card{flex:0 0 124px;min-height:58px;grid-template-columns:34px 1fr;padding:8px;scroll-snap-align:start}.library-card>i{width:30px;height:25px}.library-card>strong{font-size:11px}.library-detail{display:grid;grid-template-columns:1fr;grid-template-rows:clamp(220px,38dvh,320px) auto;min-width:0;overflow-y:auto;overscroll-behavior:contain}.library-portrait{width:100%;height:auto;min-height:0}.library-copy{min-height:auto;padding:18px;overflow:visible}.library-name h2{font-size:38px}.library-stats span{padding:9px}.library-tags i{font-size:7px;padding:4px 6px}.settings-modal{position:fixed;inset:0;padding:0;place-items:stretch;overflow:hidden}.settings-card{width:100%;height:100dvh;max-height:none;border:0;display:grid;grid-template-rows:64px minmax(0,1fr)}.settings-header{height:64px;padding:0 max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left))}.settings-header strong{font-size:26px}.settings-body{min-height:0;gap:20px;padding:18px max(14px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));overflow-y:auto;overscroll-behavior:contain}.settings-toggle,.settings-slider{min-height:58px;padding:13px}.settings-toggle>i{width:48px;height:28px}.settings-toggle>i:after{width:22px;height:22px}.settings-toggle input:checked+i:after{transform:translate(20px)}.settings-slider input{height:28px}.matchmaking{padding:max(14px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.matchmaking-card{width:100%;padding:30px 20px}.matchmaking-card h2{font-size:32px}.cancel-matchmaking{min-width:150px;min-height:46px}.hud{top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));width:auto;height:64px;transform:none;grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr);padding:0 10px}.fighter{gap:5px}.fighter.enemy{grid-template-columns:minmax(32px,1fr) 26px}.fighter.player{grid-template-columns:26px minmax(32px,1fr)}.fighter small{display:none}.fighter strong{font-size:20px}.round strong{font-size:14px}.round small,.round span{font-size:8px}.health{height:8px}.leave{z-index:17;top:max(78px,calc(env(safe-area-inset-top) + 76px));right:max(10px,env(safe-area-inset-right));min-width:48px;min-height:40px;padding:0 10px;border:1px solid rgba(255,255,255,.12);background:#060d18c7;color:#a9bbc6}.planning.mobile-shop-open .leave,.planning.mobile-loadout-open .leave{display:none}.combat .leave{top:auto;right:auto;bottom:max(8px,env(safe-area-inset-bottom));left:max(8px,env(safe-area-inset-left))}.mutator-banner,.camera-tip{display:none}.shop,.loadout{display:block;z-index:15;top:max(82px,calc(env(safe-area-inset-top) + 78px));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(72px,calc(env(safe-area-inset-bottom) + 66px));width:auto;padding:16px;transform:translateY(calc(100% + 90px));pointer-events:none;overscroll-behavior:contain;transition:transform .28s cubic-bezier(.22,.8,.28,1)}.mobile-shop-open .shop,.mobile-loadout-open .loadout{transform:translateY(0);pointer-events:auto}.combat .shop,.combat .loadout{transform:translateY(calc(100% + 90px));pointer-events:none}.combat.mobile-loadout-open .loadout,.combat .loadout.inspecting{transform:translateY(0);pointer-events:auto}.shop-card,.roster-card,.paths button,.chassis{min-height:48px}.ready{height:50px}.sell{min-height:42px}.mobile-controls{position:absolute;z-index:16;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr;height:56px;padding:5px;gap:5px}.mobile-controls button{display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(143,181,202,.18);background:#0d192a;padding:0 14px;color:#9fb2be;font:800 10px Inter;letter-spacing:.1em}.mobile-controls button b{color:var(--gold);font-size:10px}.mobile-controls button.active{border-color:var(--cyan);background:#48f4cf21;color:var(--cyan)}.combat .mobile-controls{grid-template-columns:1fr;left:auto;width:150px}.combat .mobile-controls [data-mobile-panel=shop]{display:none}.augment-modal{padding:max(76px,calc(env(safe-area-inset-top) + 72px)) 10px max(10px,env(safe-area-inset-bottom));align-items:end;overflow-y:auto}.augment-modal-card{width:100%;max-height:calc(100dvh - 88px);padding:16px;overflow-y:auto}.augment-modal-head{gap:12px;padding-bottom:12px}.augment-modal-head strong{font-size:23px}.augment-timer{min-width:76px}.augment-options{grid-template-columns:1fr;gap:7px}.augment-options button{min-height:82px;grid-template-columns:42px 1fr auto;grid-template-rows:1fr;align-items:center;padding:11px}.augment-options button>i{font-size:25px}.augment-options button>b{align-self:center}.augment-modal-card>p{margin:9px 0 12px}.combat-feed{top:78px;width:calc(100% - 24px)}.combat-feed div{width:max-content;max-width:100%;margin:auto}.countdown-callout strong{font-size:70px}.round-callout strong{font-size:44px}.diagnostics-panel{bottom:max(74px,calc(env(safe-area-inset-bottom) + 68px));width:calc(100% - 16px)}.result{padding:14px}.result-card{width:100%;padding:28px 20px}.result-card .rematch{width:100%;min-height:50px}.menu-back{min-height:44px;padding:0 16px}}@media(max-width:430px){.library-detail{grid-template-rows:240px auto}.library-copy{padding:15px}.library-stats{grid-template-columns:repeat(3,1fr)}.augment-modal-head>span small{font-size:7px}.augment-modal-head strong{font-size:20px}.settings-toggle small{font-size:9px}.diagnostics-panel dl{gap:6px}}.hero h1{white-space:nowrap;font-size:clamp(68px,7vw,108px);line-height:.82;letter-spacing:-.045em}@media(max-width:900px){.hero h1{font-size:clamp(50px,16vw,78px);line-height:.82}}@media(max-height:560px)and (max-width:900px){.menu{align-items:flex-start}.hero{margin:auto}.hero h1{font-size:62px}.difficulty{margin-top:18px}.menu-actions{grid-template-columns:1fr 1fr}.launch{height:50px}.menu-footer{margin-top:10px}.top-library .library-shell,.settings-card{height:100dvh}.library-body{grid-template-rows:64px minmax(0,1fr)}.library-detail{grid-template-columns:minmax(220px,42%) 1fr;grid-template-rows:1fr}.library-copy{overflow-y:auto}.augment-modal{padding-top:68px}.augment-modal-card{max-height:calc(100dvh - 76px)}.augment-options{grid-template-columns:repeat(3,1fr)}.augment-options button{min-height:100px;grid-template-columns:1fr;grid-template-rows:34px 1fr auto}.augment-options button>i{font-size:22px}}@media(max-width:600px){.queue-count{width:min(210px,100%)}.matchmaking-timeout{padding:max(14px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.matchmaking-timeout-card{width:100%;padding:28px 20px}.matchmaking-timeout-card>div{display:grid}.retry-matchmaking,.timeout-menu{width:100%}}.launch,.online-play,.paths button,.chassis,.sell{position:relative;overflow:hidden;will-change:transform;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease}.launch:after,.online-play:after,.paths button:after,.chassis:after,.sell:after{content:"";position:absolute;inset:-60% auto -60% -45%;width:32%;transform:skew(-18deg) translate(-220%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);pointer-events:none;transition:transform .38s ease}.launch:hover,.online-play:hover{transform:translateY(-3px) scale(1.015)}.launch:hover{box-shadow:0 12px 30px #48f4cf4d,0 0 0 1px #dffff840 inset;background:#68ffdc}.online-play:hover{box-shadow:0 12px 30px #ff526e33,0 0 20px #ff526e1f inset;color:#ffc1cc}.launch:hover:after,.online-play:hover:after,.paths button:hover:not(:disabled):after,.chassis:hover:not(:disabled):after,.sell:hover:not(:disabled):after{transform:skew(-18deg) translate(560%)}.launch:active,.online-play:active,.paths button:active:not(:disabled),.chassis:active:not(:disabled),.sell:active:not(:disabled){transform:translateY(1px) scale(.975);transition-duration:.06s}.paths button:hover:not(:disabled),.chassis:hover:not(:disabled){transform:translateY(-2px);border-color:#48f4cfcc;background:linear-gradient(135deg,#48f4cf29,#0e192ae0);box-shadow:0 8px 20px #00000047,0 0 18px #48f4cf14}.paths button:hover:not(:disabled)>b,.chassis:hover:not(:disabled)>b{color:#fff1bd;text-shadow:0 0 12px rgba(255,201,104,.55)}.sell{display:flex;align-items:center;justify-content:space-between;min-height:38px;margin-top:10px;padding:9px 12px;border:1px solid rgba(255,82,110,.34);background:linear-gradient(135deg,#ff526e21,#4a112229);color:#ff94a7;font:800 9px Inter;letter-spacing:.12em;cursor:pointer}.sell b{float:none;color:#c98694;font-size:8px;letter-spacing:.04em}.sell:hover:not(:disabled){transform:translateY(-2px);border-color:#ff526ed9;background:linear-gradient(135deg,#ff526e47,#62142b47);box-shadow:0 8px 22px #00000047,0 0 18px #ff526e1f;color:#ffd4dc}.sell:hover:not(:disabled) b{color:#ffb7c4}.launch:focus-visible,.online-play:focus-visible,.paths button:focus-visible,.chassis:focus-visible,.sell:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(prefers-reduced-motion:reduce){.launch,.online-play,.paths button,.chassis,.sell,.launch:after,.online-play:after,.paths button:after,.chassis:after,.sell:after{transition:none}.launch:hover,.online-play:hover,.paths button:hover:not(:disabled),.chassis:hover:not(:disabled),.sell:hover:not(:disabled){transform:none}}.shop-list{gap:16px}.shop-group{display:grid;gap:7px}.shop-group-heading{display:flex;align-items:center;justify-content:space-between;padding:3px 2px 5px;border-bottom:1px solid rgba(151,190,209,.13);color:#c7d5dd;font:800 9px Inter;letter-spacing:.14em;text-transform:uppercase}.shop-group-heading small{color:#728a9b;font:700 8px Inter}.shop-tags{display:flex;flex-wrap:wrap;gap:3px;margin-top:5px}.shop-tags i{--tag-color:#9fb4c2;padding:3px 5px;border:1px solid color-mix(in srgb,var(--tag-color) 45%,transparent);background:color-mix(in srgb,var(--tag-color) 12%,transparent);color:var(--tag-color);font:700 6px Inter;font-style:normal;letter-spacing:.06em;line-height:1;text-transform:uppercase}.shop-tags i[data-tag=melee]{--tag-color:#ff7b69}.shop-tags i[data-tag=ranged]{--tag-color:#4dc8ff}.shop-tags i[data-tag=tank]{--tag-color:#91a8c7}.shop-tags i[data-tag=striker]{--tag-color:#ff4f87}.shop-tags i[data-tag=support]{--tag-color:#55e6ad}.shop-tags i[data-tag=aoe]{--tag-color:#ff9d45}.shop-tags i[data-tag=sustain]{--tag-color:#31d8c5}.shop-tags i[data-tag=disruptor]{--tag-color:#c083ff}.shop-tags i[data-tag=physical]{--tag-color:#d3aa78}.shop-tags i[data-tag=energy]{--tag-color:#f1e45c}.shop-tags i[data-tag=lightning]{--tag-color:#b879ff}.shop-tags i[data-tag=ice]{--tag-color:#86e7ff}.shop-tags i[data-tag=projectile]{--tag-color:#ffbd5b}.shop-tags i[data-tag=explosive]{--tag-color:#ff5348}.shop-tags i[data-tag=knockback]{--tag-color:#75a7ff}.shop{display:flex;flex-direction:column;overflow:hidden}.shop-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}.shop>.ready{flex:none;margin-bottom:0}.ability-list{display:grid;gap:5px;margin:7px 0 0;padding:0;list-style:none}.ability-list li{position:relative;padding-left:11px;color:#d7e3e9;font:700 10px/1.35 Inter}.ability-list li:before{content:"";position:absolute;left:0;top:.48em;width:4px;height:4px;background:var(--cyan);transform:rotate(45deg)}.library-ability .ability-list{margin-top:8px}.library-ability .ability-list li{font-size:11px}.tune-abilities{margin:8px 0 10px;padding:8px 9px;background:#0d192ab8;border-left:2px solid rgba(72,244,207,.48)}.tune-abilities .ability-list{margin:0}.tune-abilities .ability-list li{font-size:8px;color:#adbec8}.diagnostics-panel .diagnostic-gpu{grid-column:1/-1}.diagnostics-panel .diagnostic-gpu dd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 8px Inter;color:#9db3c2}.performance-test{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px;border:1px solid rgba(72,244,207,.28);background:linear-gradient(135deg,#48f4cf1a,#101c2e);color:#edf9f6;text-align:left;cursor:pointer}.performance-test span{display:grid;gap:4px}.performance-test strong{font-size:12px}.performance-test small{color:#9caeba;font-size:10px}.performance-test b{color:var(--cyan);font:800 9px Inter;letter-spacing:.1em;white-space:nowrap}.performance-test:hover{border-color:var(--cyan);background:linear-gradient(135deg,#48f4cf2e,#13243a)}.diagnostics-panel .graphics-warning{margin:8px 0 0;padding:6px 8px;border:1px solid rgba(255,82,110,.55);background:#ff526e1f;color:#ff9aaa;font:800 7px Inter;letter-spacing:.08em;text-align:center}.diagnostics-panel .graphics-warning[hidden]{display:none}.diagnostics-panel:not(.show-advanced) .advanced-stat{display:none}.gpu-warning-banner{position:absolute;z-index:20;top:86px;right:18px;width:min(380px,calc(100vw - 36px));display:flex;align-items:center;gap:14px;padding:11px 12px;border-color:#ff526e9e;background:linear-gradient(135deg,#520c1cf2,#0b1422f5);box-shadow:0 12px 32px #00000061}.gpu-warning-banner[hidden]{display:none}.gpu-warning-banner span{display:grid;gap:3px;min-width:0}.gpu-warning-banner strong{color:#ff9aaa;font:900 10px Inter;letter-spacing:.1em}.gpu-warning-banner small{color:#d6bdc3;font:600 9px/1.4 Inter}.gpu-warning-banner button{flex:none;padding:7px 8px;border:1px solid rgba(255,154,170,.4);background:#ffffff0a;color:#ffc1cb;font:800 7px Inter;letter-spacing:.08em;cursor:pointer}.gpu-warning-banner button:hover{border-color:#ff9aaa;background:#ff9aaa1f}@media(max-width:900px){.gpu-warning-banner{position:fixed;top:max(76px,calc(env(safe-area-inset-top) + 72px));left:10px;right:auto;width:calc(100vw - 20px)}.game:has(.gpu-warning-banner:not([hidden])) .tutorial-guide{top:max(146px,calc(env(safe-area-inset-top) + 142px))}}.diagnostics-panel{pointer-events:auto;cursor:pointer;transition:width .2s ease,padding .2s ease,border-color .2s ease}.diagnostics-panel:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.diagnostics-panel:not(.expanded){width:auto;min-width:76px;padding:7px 24px 7px 10px}.diagnostics-panel:not(.expanded):after{content:"⌃";position:absolute;right:8px;top:50%;transform:translateY(-52%);color:#7895a7;font:900 10px Inter}.diagnostics-panel:not(.expanded) header,.diagnostics-panel:not(.expanded) .graphics-warning,.diagnostics-panel:not(.expanded) dl>div:not(:first-child){display:none}.diagnostics-panel:not(.expanded) dl{display:block;margin:0}.diagnostics-panel:not(.expanded) dl>div:first-child{display:flex;align-items:baseline;gap:7px}.diagnostics-panel:not(.expanded) dt{font-size:7px}.diagnostics-panel:not(.expanded) dd{font-size:15px;color:var(--cyan)}.diagnostics-panel.expanded:after{content:"⌄";position:absolute;right:10px;top:10px;color:#7895a7;font:900 10px Inter}.campaign-open{height:46px;padding:0 16px;border:1px solid rgba(255,191,82,.6);background:linear-gradient(135deg,#ffbf5224,#ff526e14);color:#ffe0a0;font:800 11px Inter;letter-spacing:.1em;cursor:pointer}.campaign-open span{float:right;margin-left:18px;color:#b99b68;font-size:7px}.campaign-open:hover{border-color:var(--gold);background:linear-gradient(135deg,#ffbf523d,#ff526e24);transform:translateY(-2px)}.campaign-modal{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:22px;background:#030810d6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.campaign-modal[hidden]{display:none}.campaign-card{width:min(960px,calc(100vw - 36px));height:min(790px,calc(100dvh - 36px));display:grid;grid-template-rows:72px auto minmax(0,1fr);overflow:hidden}.campaign-close{width:40px;height:40px;border:1px solid #2b4056;background:#0d1726;color:#8ba1b2;font-size:22px;cursor:pointer}.campaign-progress{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;border-bottom:1px solid rgba(255,255,255,.09);background:linear-gradient(90deg,rgba(72,244,207,.08),transparent)}.campaign-progress span{display:flex;align-items:baseline;gap:9px}.campaign-progress strong{color:var(--cyan);font:900 28px Barlow Condensed}.campaign-progress small{color:#96aab7;font:800 8px Inter;letter-spacing:.13em}.campaign-progress p{margin:0;color:#91a5b3;font-size:10px}.campaign-grid{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:18px;overflow-y:auto;scrollbar-color:#34536a #0a1321}.campaign-level{min-height:62px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:10px 13px;border:1px solid rgba(139,180,201,.16);background:#0c1727d1;color:#eaf3f7;text-align:left;cursor:pointer}.campaign-level>b{color:var(--cyan);font:900 20px Barlow Condensed}.campaign-level>span{display:grid;gap:4px}.campaign-level strong{font:800 11px Inter}.campaign-level small{color:#8298a8;font:700 8px Inter;letter-spacing:.05em}.campaign-level>i{color:var(--cyan);font:800 7px Inter;font-style:normal;letter-spacing:.08em}.campaign-level:hover:not(:disabled){border-color:var(--cyan);background:#48f4cf17;transform:translate(2px)}.campaign-level.complete>i{color:#7dc9b6}.campaign-level:disabled{opacity:.38;cursor:not-allowed}.campaign-level:disabled>b,.campaign-level:disabled>i{color:#71818d}@media(max-width:900px){.campaign-open{display:flex;align-items:center;justify-content:space-between;width:100%;height:50px;padding:0 17px}.campaign-modal{position:fixed;padding:0;place-items:stretch}.campaign-card{width:100%;height:100dvh;border:0;grid-template-rows:64px auto minmax(0,1fr)}.campaign-progress{padding:13px 15px}.campaign-progress p{display:none}.campaign-grid{grid-template-columns:1fr;padding:10px}.campaign-level{min-height:58px}.diagnostics-panel:not(.expanded){bottom:max(74px,calc(env(safe-area-inset-bottom) + 68px));width:auto}}.round em{display:table;margin:4px auto 0;padding:3px 7px;border:1px solid rgba(255,91,119,.72);border-radius:2px;background:#3a0e1b;color:#ff9caf;box-shadow:0 0 14px #ff315e3d;font:900 10px/1 Inter;letter-spacing:.07em;font-style:normal;white-space:nowrap}.round em[hidden]{display:none}@media(max-width:600px){.round em{padding:3px 4px;font-size:8px;letter-spacing:.03em}}.result-card{width:min(580px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto}.result-stats{margin-top:18px;border:1px solid rgba(143,181,202,.18);background:#060d189e;text-align:left}.result-stats>header{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;border-bottom:1px solid rgba(255,255,255,.08)}.result-stats>header span{color:#9fb2be;font:800 8px Inter;letter-spacing:.13em}.result-stats>header b{color:var(--cyan);font:800 8px Inter;letter-spacing:.07em}.result-stats>div{display:grid}.result-stats article{display:grid;grid-template-columns:30px minmax(90px,1fr) 76px 58px;align-items:center;gap:9px;padding:8px 11px;border-bottom:1px solid rgba(255,255,255,.055)}.result-stats article:last-child{border-bottom:0}.result-stats article>i{width:25px;height:20px;border-radius:50%;background:radial-gradient(circle,var(--accent) 0 20%,var(--top) 21% 58%,#1b2637 59% 70%,var(--top) 71%);transform:rotateX(57deg);box-shadow:0 4px 9px #000}.result-stats article>strong{font:800 10px Inter}.result-stats article>span{display:grid;text-align:right}.result-stats article>span b{font:900 15px Barlow Condensed;color:#edf8fb}.result-stats article>span small{color:#738a99;font:700 6px Inter;letter-spacing:.08em}.result-card .rematch{margin-top:16px}@media(max-width:600px){.result-card{padding:22px 14px}.result-card h2{font-size:40px}.result-stats article{grid-template-columns:26px minmax(70px,1fr) 62px 48px;gap:6px;padding:8px}.result-stats article>strong{font-size:9px}.result-stats>header b{font-size:7px}}.signature{position:relative;width:100%;min-height:48px;overflow:hidden;display:grid;grid-template-columns:1fr auto;align-items:center;gap:9px;padding:9px;border:1px solid rgba(255,191,82,.34);background:linear-gradient(135deg,#ffbf521c,#0e192ae0);color:#f3f7f9;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.signature span{display:grid}.signature strong{font:700 12px Inter}.signature small{display:block;margin-top:3px;color:#b9aa8e;font:500 9px/1.4 Inter}.signature>b{color:var(--gold);font:800 10px Inter;white-space:nowrap}.signature:hover:not(:disabled){transform:translateY(-2px);border-color:#ffbf52d1;background:linear-gradient(135deg,#ffbf5233,#161f2df0);box-shadow:0 8px 20px #00000047,0 0 18px #ffbf521a}.signature:disabled{cursor:not-allowed;opacity:.52}.signature.active:disabled{opacity:1;border-color:#48f4cf7a;background:linear-gradient(135deg,#48f4cf1f,#0e192ae6)}.signature.active>b{color:var(--cyan)}.signature:focus-visible{outline:2px solid #fff;outline-offset:3px}.library-special{position:relative;display:grid;gap:4px;margin-top:10px;padding:10px 74px 10px 11px;border:1px solid rgba(255,191,82,.25);background:#ffbf5212}.library-special small{color:var(--gold);font:800 7px Inter;letter-spacing:.13em}.library-special strong{font:800 11px Inter}.library-special span{color:#aebdc5;font:500 9px/1.4 Inter}.library-special>b{position:absolute;right:11px;top:50%;transform:translateY(-50%);color:var(--gold);font:800 10px Inter}.tutorial-open{height:46px;padding:0 16px;border:1px solid rgba(255,191,82,.48);background:#ffbf5214;color:#ffd27a;font:800 11px Inter;letter-spacing:.1em;cursor:pointer}.tutorial-open:hover{border-color:var(--gold);background:#ffbf5226}.tutorial-open span{margin-left:10px;color:#bca06d;font-size:7px}.tutorial-guide{position:absolute;z-index:19;top:98px;left:50%;width:min(390px,calc(100vw - 36px));transform:translate(-50%);padding:13px 15px;border:1px solid rgba(255,191,82,.52);box-shadow:0 14px 38px #0000006b;pointer-events:auto}.tutorial-guide[hidden]{display:none}.tutorial-guide header{display:flex;align-items:center;justify-content:space-between}.tutorial-guide header small{color:var(--gold);font:800 8px Inter;letter-spacing:.14em}.tutorial-guide header button{border:0;background:transparent;color:#899daa;font:700 8px Inter;letter-spacing:.1em;cursor:pointer}.tutorial-guide>strong{display:block;margin-top:5px;font:900 21px Barlow Condensed;letter-spacing:.04em}.tutorial-guide>p{margin:4px 0 0;color:#b8c7d0;font:500 10px/1.5 Inter}.tutorial-guide>[data-tutorial-next]{margin-top:10px;padding:8px 11px;border:1px solid var(--cyan);background:#48f4cf1f;color:var(--cyan);font:800 8px Inter;letter-spacing:.1em;cursor:pointer}.tutorial-focus{position:relative;z-index:18;outline:2px solid var(--gold)!important;outline-offset:2px;animation:tutorial-pulse 1.15s ease-in-out infinite}.viewport.tutorial-focus{z-index:auto;outline-offset:-4px}@keyframes tutorial-pulse{0%,to{box-shadow:0 0 0 2px #ffbf521f,0 0 16px #ffbf5240}50%{box-shadow:0 0 0 8px #ffbf524d,0 0 34px #ffbf52b8}}@media(prefers-reduced-motion:reduce){.tutorial-focus{animation:none;box-shadow:0 0 0 5px #ffbf524d,0 0 28px #ffbf528c!important}}@media(max-width:900px){.launch,.tutorial-open,.online-play,.library-open,.settings-open{width:100%;height:50px;margin:0;padding:0 17px;text-align:left}.tutorial-open{display:flex;align-items:center;justify-content:space-between}.tutorial-guide{position:fixed;top:max(78px,calc(env(safe-area-inset-top) + 74px));width:calc(100vw - 20px);padding:11px 13px}.tutorial-guide>strong{font-size:19px}.tutorial-guide>p{font-size:9px}.tutorial-focus{z-index:18}}.menu{display:grid;grid-template-columns:1fr;place-items:center;padding:clamp(24px,5vw,64px);overflow-y:auto;background:radial-gradient(circle at 50% 18%,rgba(36,92,112,.38),transparent 36%),radial-gradient(circle at 50% 108%,rgba(72,244,207,.12),transparent 40%),linear-gradient(145deg,#070c17,#0c1423 58%,#070a13)}.menu-grid{background-size:54px 54px;-webkit-mask-image:radial-gradient(circle at center,#000 0,rgba(0,0,0,.5) 45%,transparent 82%);mask-image:radial-gradient(circle at center,#000 0,rgba(0,0,0,.5) 45%,transparent 82%)}.menu .flare{display:none}.menu .hero{z-index:2;width:min(440px,100%);margin:auto;text-align:center}.menu .hero h1{display:flex;justify-content:center;width:100%;font-size:clamp(72px,9.5vw,116px);line-height:.78;text-align:center}.menu .menu-actions{display:grid;grid-template-columns:1fr;align-items:stretch;gap:9px;width:100%;margin-top:32px}.menu .menu-actions>button{position:relative;width:100%;height:50px;margin:0;padding:0 18px;display:flex;align-items:center;justify-content:center;text-align:center;clip-path:none}.menu .menu-actions>button>span{position:absolute;right:17px;margin:0}.menu .launch{height:56px}.menu .menu-footer{text-align:center}.difficulty-modal{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:24px;background:#03070ed6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.difficulty-modal[hidden]{display:none}.difficulty-card{width:min(460px,calc(100vw - 40px));overflow:hidden}.difficulty-close{width:38px;height:38px;border:1px solid rgba(255,255,255,.12);background:#101b2c;color:#a4b6c2;font-size:24px;cursor:pointer}.difficulty-close:hover{border-color:var(--red);color:var(--red)}.difficulty-options{display:grid;gap:9px;padding:22px}.difficulty-options button{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 17px;border:1px solid rgba(137,177,198,.22);background:#0d192a;color:#dce8ee;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.difficulty-options button strong{font:900 18px Barlow Condensed;letter-spacing:.08em}.difficulty-options button small{color:#8da2b0;font:600 9px Inter;text-align:right}.difficulty-options button:hover,.difficulty-options button:focus-visible{transform:translate(3px);outline:none;border-color:var(--cyan);background:#48f4cf17}.difficulty-options button[data-difficulty=expert]:hover,.difficulty-options button[data-difficulty=expert]:focus-visible{border-color:var(--red);background:#ff526e17}@media(max-width:600px){.menu{place-items:start center;padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.menu .hero{margin:auto}.menu .hero h1{font-size:clamp(54px,18vw,76px)}.menu .menu-actions{margin-top:26px}.menu .menu-actions>button{height:48px;text-align:center}.menu .launch{height:54px}.difficulty-modal{position:fixed;padding:16px}.difficulty-card{width:100%}.difficulty-options{padding:14px}.difficulty-options button{min-height:64px}}@media(max-height:590px){.menu{align-items:start;padding-top:18px;padding-bottom:18px}.menu .hero h1{font-size:58px}.menu .menu-actions{margin-top:16px}.menu .menu-actions{grid-template-columns:1fr 1fr;gap:7px}.menu .menu-actions>button,.menu .launch{height:46px}}.library-tags i[data-tag=fire],.shop-tags i[data-tag=fire]{--tag-color:#ff653d}