:root{color:#f7edc7;text-rendering:optimizelegibility;background:#11100d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.scene-shell{background:#11100d;position:fixed;inset:0}.scene-shell canvas{width:100%;height:100%;display:block}.loading{z-index:20;background:#0a0805bd;place-items:center;display:grid;position:fixed;inset:0}.loading[hidden]{display:none}.performance-hud{z-index:6;color:#fff0bd;pointer-events:none;background:#170f08e0;border:1px solid #ffd1597a;border-radius:8px;min-width:120px;padding:10px 12px;font-family:Cascadia Mono,Consolas,monospace;font-size:.68rem;font-weight:900;line-height:1.45;position:fixed;top:24px;right:24px}.performance-hud div{align-items:center;gap:7px;display:flex}.performance-hud i{border:1px solid #f4c748;border-radius:50%;width:7px;height:7px}.wave-hud{z-index:6;color:#fff0bd;pointer-events:none;background:#170f08e0;border:1px solid #ffd15980;border-radius:8px;min-width:132px;padding:10px 12px;position:fixed;top:24px;left:24px}.wave-hud__label{color:#f7c94e;text-transform:uppercase;font-size:.72rem;font-weight:950}.wave-hud__count{color:#fff6d0;margin-top:2px;font-family:Cascadia Mono,Consolas,monospace;font-size:1rem;font-weight:950}:root{--bg-0:#07050a;--bg-1:#0c0813;--bg-2:#130d1e;--gold:#f5b942;--gold-bright:#ffd680;--gold-deep:#a9711c;--crimson:#ff3b50;--crimson-deep:#8c0f1c;--teal:#3fe0d8;--teal-deep:#0e6f6a;--ink:#f5ecda;--ink-soft:#cfc1a4;--muted:#8a7e69;--line:#f5b94229;--line-bright:#f5b9426b;--line-cool:#3fe0d83d;--font-display:"Chakra Petch", "Oswald", Inter, sans-serif;--font-numeric:"Oswald", "Chakra Petch", Inter, sans-serif;--font-mono:"Cascadia Mono", Consolas, monospace;--font-body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--cut-panel:polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px));--cut-panel-sm:polygon(0 0, calc(100% - 11px) 0, 100% 11px, 100% 100%, 11px 100%, 0 calc(100% - 11px));--cut-btn:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 9px 100%, 0 calc(100% - 9px));--cut-hex:polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);color:var(--ink);background:var(--bg-0);font-family:var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}::selection{background:var(--gold);color:#1a1206}.online-shell{z-index:12;background:radial-gradient(120% 80% at 50% 38%,#ff3b5024,#0000 48%),radial-gradient(90% 60% at 18% 12%,#3fe0d81a,#0000 54%),linear-gradient(#0a0610 0%,#060409 52%,#08050e 100%);place-items:center;padding:28px;display:grid;position:fixed;inset:0;overflow:hidden}.online-shell:before{content:"";pointer-events:none;background-image:linear-gradient(#f5b9420f 1px,#0000 1px),linear-gradient(90deg,#f5b9420f 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 42%,#000 0 30%,#0000 70%);mask-image:radial-gradient(circle at 50% 42%,#000 0 30%,#0000 70%)}.online-shell:after{content:"";pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,#0000 50%,#000000b3 100%);position:absolute;inset:0}.online-shell>:not(.client-vfx-canvas){z-index:1;position:relative}.online-shell--client{place-items:stretch stretch;padding:0}.client-vfx-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.online-panel{z-index:1;width:min(720px,100%);clip-path:var(--cut-panel);color:var(--ink);filter:drop-shadow(0 28px 70px #0009);background:linear-gradient(150deg,#3c245a6b,#0000 42%),linear-gradient(#140d20f0,#08050ef5);gap:22px;padding:clamp(26px,3vw,38px);display:grid;position:relative}.online-panel:before{content:"";background:linear-gradient(135deg, var(--line-bright) 0%, transparent 34%, transparent 66%, var(--line-cool) 100%);clip-path:var(--cut-panel);-webkit-mask-composite:xor;pointer-events:none;padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.online-panel:after{content:"";clip-path:var(--cut-panel);pointer-events:none;background:linear-gradient(120deg,#f5b94212,#0000 30%),radial-gradient(circle at 86% -8%,#ffffff12,#0000 34%);position:absolute;inset:0}.online-panel>*{z-index:1;position:relative}.auth-panel{width:min(480px,100%)}.panel-header{flex-direction:column;align-items:center;gap:6px;display:flex}.panel-header p{color:var(--teal);font-family:var(--font-display);letter-spacing:.26em;text-transform:uppercase;margin:0 0 6px;font-size:.76rem;font-weight:600}.panel-header h1{color:var(--ink);font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;margin:0;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:700;line-height:.94}.stack-form{gap:14px;display:grid}.stack-form label{color:var(--ink-soft);font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;gap:8px;font-size:.76rem;font-weight:600;display:grid}.stack-form input,.friend-add-form input,.chat-form input{min-width:0;max-height:70%;color:var(--ink);border:1px solid var(--line);background:#00000075;outline:none;padding:12px 15px;transition:border-color .16s,box-shadow .16s}.stack-form input::placeholder,.friend-add-form input::placeholder,.chat-form input::placeholder{color:var(--muted)}.stack-form input:focus,.friend-add-form input:focus,.chat-form input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #3fe0d824}.primary-button{color:#1a1206;background:linear-gradient(180deg, #fff4c873, transparent 40%), linear-gradient(180deg, var(--gold-bright), var(--gold) 52%, var(--gold-deep));min-height:50px;font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;justify-content:center;align-items:center;font-weight:700;transition:transform .15s,filter .15s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff6,0 12px 30px #a9711c4d}.primary-button:after{content:"";background:linear-gradient(90deg,#0000,#ffffff73,#0000);width:55%;height:100%;transition:left .6s;position:absolute;top:0;left:-120%;transform:skew(-20deg)}.primary-button:hover{filter:brightness(1.07);transform:translateY(-2px)}.primary-button:hover:after{left:140%}.primary-button:active{transform:translateY(0)}.primary-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.status-line{min-height:20px;color:var(--teal);font-family:var(--font-display);letter-spacing:.04em;margin:0;font-size:.84rem;font-weight:600}.startup-assets{text-align:center;align-content:center}.startup-assets__crest{aspect-ratio:1;width:clamp(108px,15vw,150px);clip-path:var(--cut-hex);background:radial-gradient(circle at 40% 32%, #fff0c8d9, transparent 46%), linear-gradient(150deg, var(--gold-bright), var(--gold) 45%, var(--crimson-deep));justify-self:center;place-items:center;animation:3s ease-in-out infinite crest-pulse;display:grid;box-shadow:0 0 44px #f5b94257,inset 0 0 30px #1c130566}@keyframes crest-pulse{0%,to{box-shadow:0 0 44px #f5b94257,inset 0 0 30px #1c130566}50%{box-shadow:0 0 70px #f5b94299,inset 0 0 30px #1c130566}}.startup-assets__crest strong{color:#fff8dd;font-family:var(--font-mono);text-shadow:0 2px 10px #8c0f1cb3;font-size:clamp(1.6rem,3vw,2.1rem);font-weight:700}.startup-progress{height:16px;clip-path:var(--cut-panel-sm);border:1px solid var(--line);background:#000000b3;padding:3px;overflow:hidden}.startup-progress span{background:linear-gradient(90deg, var(--teal), var(--gold) 74%, var(--gold-bright));width:0;height:100%;transition:width .12s linear;display:block;box-shadow:0 0 16px #3fe0d86b}.startup-assets__meta{gap:7px;min-height:72px;display:grid}.startup-assets__meta span{color:var(--teal);font-family:var(--font-display);font-weight:600}.startup-assets__meta small{min-height:1.1em;color:var(--muted);font-family:var(--font-mono);font-size:.76rem;font-weight:700}.loading-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.loading-actions button{min-height:46px;clip-path:var(--cut-btn);color:var(--ink-soft);border:1px solid var(--line);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#0006;font-weight:600;transition:border-color .15s,color .15s}.loading-actions button:hover{border-color:var(--line-bright);color:var(--ink)}.loading-actions button[data-retry-post-login]{color:#1a1206;background:linear-gradient(180deg, var(--gold-bright), var(--gold-deep));border-color:#0000}.desktop-titlebar{z-index:50;border-bottom:1px solid var(--line);-webkit-app-region:drag;-webkit-user-select:none;user-select:none;background:linear-gradient(#0f0918f5,#07050cfa);justify-content:space-between;align-items:center;height:38px;padding:0 4px 0 14px;display:flex;position:fixed;top:0;left:0;right:0}.desktop-titlebar__identity{color:var(--ink);font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:9px;font-size:.8rem;font-weight:600;display:flex}.desktop-titlebar__identity img{width:18px;height:18px}.desktop-titlebar__controls{gap:2px;display:flex}.desktop-titlebar__controls button{width:38px;height:30px;color:var(--muted);cursor:pointer;-webkit-app-region:no-drag;background:0 0;border:0;font-size:.9rem;font-weight:700;transition:background .14s,color .14s}.desktop-titlebar__controls button:hover{color:var(--ink);background:#f5b94229}.desktop-titlebar__controls button[data-desktop-close]:hover{background:var(--crimson);color:#fff}.is-desktop-client .client-shell{border-top:0!important}.client-shell{width:100vw;min-width:980px;height:100vh;min-height:650px;color:var(--ink);background:radial-gradient(120% 80% at 50% 0,#3c1e5a2e,#0000 50%),linear-gradient(#0006,#0000 14%,#00000080);grid-template-rows:78px minmax(0,1fr) 30px;display:grid}.client-topbar{z-index:3;background:linear-gradient(#120b1cf5,#07050ceb);justify-content:space-between;align-items:center;gap:18px;padding:0 18px;display:flex;position:relative;box-shadow:0 10px 28px #00000057}.client-topbar:after{content:"";background:linear-gradient(90deg, transparent, var(--line-bright) 30%, var(--line-cool) 70%, transparent);height:1px;position:absolute;bottom:0;left:0;right:0}.client-topbar__left{justify-content:center;align-items:center;gap:8px;display:flex}.topbar-btn{clip-path:var(--cut-btn);color:var(--ink-soft);font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:#00000052;border:1px solid #ffffff0d;padding:9px 18px;font-size:.78rem;font-weight:600;transition:color .16s,background .16s}.topbar-btn:hover{color:var(--gold-bright);background:#f5b94214}.topbar-btn.is-active{color:#1a1206;background:linear-gradient(180deg, var(--gold-bright), var(--gold) 55%, var(--gold-deep));border-color:#0000;box-shadow:0 0 18px #f5b9424d}.client-profile{width:300px;clip-path:var(--cut-panel-sm);border:1px solid var(--line);background:#00000057;grid-template-columns:52px minmax(0,1fr) 30px;align-self:center;align-items:center;gap:12px;padding:6px 12px;display:grid}.profile-ring{background-image:url(/assets/default-BPhy4SaE.png);background-position:50%;background-size:cover;border-radius:50%;width:52px;height:52px}.client-profile strong,.client-profile span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.client-profile strong{color:var(--ink);font-family:var(--font-display);font-size:.9rem;font-weight:700}.client-profile span{color:var(--teal);font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:600}.client-profile button{width:30px;height:30px;clip-path:var(--cut-btn);color:var(--ink-soft);cursor:pointer;background:0 0;border:0;font-weight:700;transition:color .14s,background .14s}.client-profile button:hover{color:var(--crimson);background:#ff3b501a}.client-body{grid-template-columns:minmax(0,1fr) 290px;min-height:0;display:grid}.client-stage{min-width:0;min-height:0;position:relative;overflow:hidden}.home-stage,.party-stage,.client-empty-page{-webkit-user-select:none;user-select:none;display:grid;position:absolute;inset:0;overflow:hidden}.home-stage{background:radial-gradient(circle at 50% 46%,#3fe0d824,#0000 20%),radial-gradient(circle at 50% 54%,#ff3b501f,#0000 30%),linear-gradient(#0003,#000000b3);place-items:center}.home-stage__content{z-index:1;text-align:center;justify-items:center;gap:18px;width:min(640px,72%);display:grid;position:relative}.home-stage__content p{color:var(--teal);font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;text-shadow:0 0 18px #3fe0d84d;margin:0;font-size:.95rem;font-weight:600}.home-stage__content h1{color:var(--ink);font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;text-shadow:0 3px #000000d1,0 0 40px #f5b94238;margin:0;font-size:clamp(4rem,8vw,7.2rem);font-weight:700;line-height:.78}.stage-deadline{color:var(--muted);font-family:var(--font-display);letter-spacing:.1em;margin:0;font-size:.86rem;font-weight:600}.arcane-play-button{--play-cyan:63, 224, 216;--play-gold:245, 185, 66;--play-orange:255, 105, 40;cursor:pointer;isolation:isolate;width:250px;height:112px;color:var(--ink);font-family:var(--font-display);text-transform:uppercase;background:radial-gradient(ellipse at 50% 46%, rgba(var(--play-cyan), .1), #061117e0 58%, #000000f5 100%), linear-gradient(180deg, rgba(var(--play-gold), .05), transparent 40%);border:none;border-radius:999px;place-items:center;padding:0;font-weight:700;transition:transform .16s,filter .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 30px #00000057,inset 0 0 30px #000000b8}.arcane-play-button--stage{width:250px;height:112px}.arcane-play-button__frame{z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.arcane-play-button__frame-glow{opacity:.88;transition:opacity .18s,stroke-width .18s}.arcane-play-button__frame-main{opacity:.96;transition:opacity .18s,stroke-width .18s}.arcane-play-button__frame-inner{opacity:.38;transition:opacity .18s}.arcane-play-button__vfx{pointer-events:none;border-radius:999px;position:absolute}.arcane-play-button__vfx--core{z-index:1;mix-blend-mode:screen;opacity:.1;filter:hue-rotate(138deg)saturate(1.05)brightness(.85);background-image:url(ui/assets/vfx/arcanePlayBtn/arc-core-glow.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;animation:2.6s ease-in-out infinite arcPlayCorePulse;inset:18px 38px}.arcane-play-button__vfx--noise{z-index:2;mix-blend-mode:screen;opacity:.04;filter:hue-rotate(140deg)saturate(1.05)brightness(.5);background-image:url(ui/assets/vfx/arcanePlayBtn/arc-noise.png);background-position:0%;background-repeat:repeat;background-size:180% 180%;animation:6s linear infinite arcPlayNoiseFlow;inset:12px 24px}.arcane-play-button__vfx--shine{z-index:4;mix-blend-mode:screen;opacity:0;filter:hue-rotate(138deg)saturate()brightness(.3);background-image:url(/assets/arc-shine-BJQX9jor.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;inset:-8px -54px;transform:translate(-88%)skew(-10deg)}.arcane-play-button__label{z-index:7;min-width:86px;min-height:40px;color:var(--ink);letter-spacing:.12em;text-shadow:0 2px 0 #000000b8, 0 0 10px rgba(var(--play-cyan), .08);place-items:center;padding:0 18px;font-size:48px;display:grid;position:relative}.arcane-play-button:hover{filter:brightness(1.5);box-shadow:0 16px 34px #00000061,inset 0 0 28px #000000a8}.arcane-play-button:hover .arcane-play-button__frame-glow,.arcane-play-button:hover .arcane-play-button__frame-main{opacity:1}.arcane-play-button:hover .arcane-play-button__frame-inner{opacity:.52}.arcane-play-button:hover .arcane-play-button__vfx--shine{animation:.8s ease-out arcPlayShineSweep}.arcane-play-button:hover .arcane-play-button__vfx--noise{opacity:.07}.arcane-play-button:active{transform:scale(.97)}.arcane-play-button.is-party,.arcane-play-button:disabled{opacity:.82;cursor:default;filter:grayscale(.22)}.arcane-play-button.is-party .arcane-play-button__label,.arcane-play-button:disabled .arcane-play-button__label{color:var(--muted);text-shadow:0 2px #000000b8}.arcane-play-button.is-party .arcane-play-button__vfx,.arcane-play-button:disabled .arcane-play-button__vfx{opacity:.05;animation-play-state:paused}.arcane-play-button.is-party .arcane-play-button__frame-glow,.arcane-play-button:disabled .arcane-play-button__frame-glow{opacity:.45}.arcane-play-button.is-party .arcane-play-button__frame-main,.arcane-play-button:disabled .arcane-play-button__frame-main{opacity:.6}@keyframes arcPlayCorePulse{0%,to{opacity:.08;transform:scaleX(.96)scaleY(.9)}50%{opacity:.14;transform:scaleX(1.03)scaleY(1)}}@keyframes arcPlayNoiseFlow{0%{background-position:0%}50%{background-position:100% 55%}to{background-position:200%}}@keyframes arcPlayShineSweep{0%{opacity:0;transform:translate(-88%)skew(-10deg)}20%{opacity:.32}60%{opacity:.18}to{opacity:0;transform:translate(88%)skew(-10deg)}}.party-stage{background:radial-gradient(circle at 50% 40%,#3fe0d829,#0000 30%),linear-gradient(#0a061299,#06040cd9);grid-template-rows:64px minmax(0,1fr) 88px}.party-toolbar{color:var(--ink-soft);font-family:var(--font-display);text-transform:uppercase;background:#0a061280;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:0 28px;display:grid}.party-toolbar button{width:38px;height:38px;clip-path:var(--cut-btn);color:var(--gold);cursor:pointer;background:0 0;border:0;font-size:1.6rem;transition:color .14s,background .14s}.party-toolbar button:hover{color:var(--gold-bright);background:#f5b9421a}.party-toolbar strong{color:var(--ink);letter-spacing:.1em;text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.party-toolbar span{clip-path:var(--cut-panel-sm);border:1px solid var(--line);font-family:var(--font-mono);background:#0000004d;padding:7px 12px}.party-layout{grid-template-columns:minmax(300px,430px) minmax(360px,560px);justify-content:center;align-items:center;gap:clamp(28px,5vw,92px);min-height:0;padding:34px clamp(34px,6vw,96px);display:grid}.champion-select{border:1px solid var(--line-cool);background:linear-gradient(135deg,#0e6f6a38,#0000 52%),#06040eb3;flex-direction:column;gap:16px;min-width:0;height:100%;padding:24px;display:flex;overflow:hidden;box-shadow:inset 0 0 42px #3fe0d80d,0 18px 52px #0006}.champion-select header{text-transform:uppercase;gap:4px;display:grid}.champion-select header span{color:var(--teal);font-family:var(--font-display);letter-spacing:.2em;font-size:.76rem;font-weight:600}.champion-select header strong{color:var(--ink);font-family:var(--font-display);font-size:1.2rem;font-weight:700}.champion-card{height:44px;color:var(--ink);border:1px solid var(--line);font-family:var(--font-display);text-align:left;cursor:pointer;isolation:isolate;background:linear-gradient(90deg,#06040eeb,#06040e99);align-items:center;padding:0 18px 0 0;transition:border-color .16s;display:flex;position:relative}.champion-card i{width:68px;height:68px;box-shadow:0 0 0 1px var(--line), 0 12px 26px #0006;background:linear-gradient(#f5b9420d,#00000080),url(/assets/gameBackground--lBLlws2.png) 50%/cover no-repeat;border-radius:50%;flex:none;margin:-16px 18px -16px -10px}.champion-card--cari i{background-image:linear-gradient(#f5b9420d,#00000080),url(/assets/cariSplashart-CNT2kCf5.png)}.champion-card--reig i{background-image:linear-gradient(#f5b9420d,#00000080),url(/assets/reigSplashart-XUNnSpgx.png)}.champion-card span{min-width:0;color:var(--ink);letter-spacing:.04em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:700;display:block;overflow:hidden}.champion-card.is-selected,.champion-card:hover{border-color:var(--teal);box-shadow:0 0 0 1px #3fe0d833,0 0 24px #3fe0d829}.champion-card.is-selected i{box-shadow:0 0 0 1px var(--teal), 0 0 26px #3fe0d847, 0 12px 26px #0006}.squad-grid{grid-template-columns:repeat(2,minmax(170px,1fr));gap:14px;min-width:0;display:grid}.squad-slot{border:1px solid var(--line-cool);min-height:140px;color:var(--ink);background:linear-gradient(135deg,#3fe0d814,#0000 55%),#00000052;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:14px;padding:16px;display:grid}.squad-slot.is-local{border-color:var(--teal);box-shadow:0 0 30px #3fe0d824,inset 0 0 28px #3fe0d817}.squad-slot__avatar{background-image:url(/assets/default-BPhy4SaE.png);background-position:50%;background-size:cover;border:0;border-radius:50%;width:62px;height:62px}.squad-slot strong,.squad-slot span,.squad-slot small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.squad-slot strong{color:var(--ink);font-family:var(--font-display);font-size:.98rem;font-weight:700}.squad-slot span,.squad-slot small{color:var(--teal);font-family:var(--font-display);font-weight:600}.squad-slot.is-ready small{color:#54eebd}.squad-slot--empty{color:var(--gold);cursor:default;grid-template-columns:1fr;align-content:center;justify-items:center;gap:8px}.squad-slot--empty i{border:1px solid var(--line);background:#00000052;place-items:center;width:54px;height:54px;font-size:1.35rem;font-style:normal;display:grid}.squad-slot--empty span{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;font-size:.74rem}.party-footer{background:#0006;justify-content:space-around;align-items:center;gap:34px;padding:0 34px;display:flex;position:relative}.party-footer:before{content:"";background:linear-gradient(90deg, transparent, var(--line-cool), transparent);height:1px;position:absolute;top:0;left:0;right:0}.party-progress{min-height:44px;clip-path:var(--cut-panel-sm);border:1px solid var(--line);background:#00000080;align-content:center;padding:8px 14px;display:grid}.party-progress span{color:var(--muted);font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;font-size:.7rem;font-weight:600}.party-progress b{color:var(--ink);font-family:var(--font-numeric);font-size:1rem;font-weight:700}.party-find{color:#f4fdff;border:1px solid var(--teal);width:250px;min-height:58px;font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#3fe0d866,#0e6f6ae6);justify-self:center;place-items:center;font-size:1rem;font-weight:700;transition:filter .15s;display:grid;box-shadow:0 0 30px #3fe0d847,inset 0 0 28px #3fe0d81f}.party-find:hover{filter:brightness(1.12)}.party-find:active{transform:translateY(0)}.party-find.is-waiting{color:var(--ink-soft);border-color:var(--line);box-shadow:none;background:#140c20d9}.social-rail{border-left:1px solid var(--line);background:#080510d9;grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.social-panel,.party-summary{border-bottom:1px solid var(--line);align-content:start;gap:10px;min-height:0;padding:12px;display:grid}.social-panel header,.party-summary header{color:var(--muted);font-family:var(--font-display);text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;display:flex}.social-panel header strong,.party-summary header strong{letter-spacing:.16em;font-size:.78rem}.social-panel header div{align-items:center;gap:5px;display:flex}.social-panel header div span{color:#54eebd;letter-spacing:.1em;font-size:.7rem;font-weight:600}.party-summary{border-bottom-color:var(--line-cool);box-shadow:inset 3px 0 0 var(--teal);background:radial-gradient(circle at 14px 22px,#3fe0d838,#0000 26px),linear-gradient(135deg,#0e6f6a47,#06040eeb 58%)}.party-summary__members{gap:8px;padding:6px 0;display:flex}.party-summary__members i{width:30px;height:30px;clip-path:var(--cut-hex);background:radial-gradient(circle at 40% 30%, #ffffff29, transparent 40%), linear-gradient(150deg, var(--gold), var(--gold-deep));border:0;position:relative}.party-summary__members i:after{content:"";border:1px solid #3fe0d83d;border-radius:50%;position:absolute;inset:-5px}.party-summary__members i.is-empty{border:1px solid var(--line);background:#0006}.party-summary small{color:var(--teal);font-family:var(--font-display);font-weight:600}.social-group-title{color:var(--muted);font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;background:#00000075;margin:0 -12px;padding:7px 12px;font-size:.72rem;font-weight:600}.social-list{align-content:start;gap:8px;min-height:0;display:grid;overflow:hidden auto}.social-entry{clip-path:var(--cut-panel-sm);border:1px solid var(--line);background:#0003;justify-content:space-between;gap:6px;padding:6px;display:flex}.social-entry__main{min-width:0;min-height:42px;color:var(--ink-soft);font-family:var(--font-display);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0;display:grid}.social-entry__main i{background-image:url(/assets/default-BPhy4SaE.png);background-position:50%;background-size:cover;border-radius:50%;width:31px;height:31px}.social-entry__main span,.social-entry__main strong,.social-entry__main small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.social-entry__main strong{font-size:.82rem;font-weight:700}.social-entry__main small{color:var(--muted);font-size:.7rem;font-weight:600}.social-entry:not(.is-offline) small{color:#54eebd}.social-entry.is-offline{opacity:.48}.unread-badge{color:#051016;background:var(--teal);min-width:22px;height:22px;font-family:var(--font-mono);border-radius:999px;place-items:center;padding:0 5px;font-size:.66rem;font-weight:700;display:grid;box-shadow:0 0 14px #3fe0d852}.social-entry__actions,.friend-requests article div,.lobby-invites article div{gap:6px;display:flex}.social-entry__actions button,.friend-requests button,.lobby-invites button,.friend-add-form button,.chat-form button{min-height:28px;max-height:70%;color:var(--ink-soft);border:1px solid var(--line);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#140c20cc;padding:0 10px;font-size:.7rem;font-weight:600;transition:border-color .14s,color .14s}.social-entry__actions button:hover,.friend-requests button:hover,.lobby-invites button:hover,.friend-add-form button:hover,.chat-form button:hover{border-color:var(--teal);color:var(--ink)}.friend-add-form,.chat-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.chat-form{height:fit-content}.friend-requests,.lobby-invites{gap:8px}.friend-requests article,.lobby-invites article{clip-path:var(--cut-panel-sm);border:1px solid var(--line);background:#00000038;gap:6px;padding:8px;display:grid}.friend-requests article span,.lobby-invites article span{color:var(--ink);font-family:var(--font-display);font-size:.8rem;font-weight:700}.friend-requests article.is-muted{opacity:.56}.friend-requests article small{color:var(--muted);font-family:var(--font-display);text-transform:uppercase;font-weight:600}.social-empty{min-height:88px;clip-path:var(--cut-panel-sm);border:1px solid var(--line);color:var(--muted);font-family:var(--font-display);text-align:center;background:#0000003d;place-items:center;padding:14px;font-size:.76rem;font-weight:600;display:grid}.client-status{background:#00000080;align-items:center;padding:0 14px;display:flex}.chat-modal{z-index:4;width:360px;height:430px;color:var(--ink);border:1px solid var(--line);background:linear-gradient(#0e0918f7,#06040cf7);grid-template-rows:48px minmax(0,1fr) 46px;display:grid;position:absolute;bottom:46px;right:300px;box-shadow:0 22px 70px #00000094,0 0 28px #3fe0d81a}.chat-modal header{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;padding:0 12px;display:flex}.chat-modal header button{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;font-weight:700}.chat-modal header button:hover{color:var(--crimson)}.chat-messages{align-content:start;gap:8px;min-height:0;padding:12px;display:grid;overflow:hidden auto}.chat-messages::-webkit-scrollbar{width:10px}.chat-messages::-webkit-scrollbar-track{background:#0000004d}.chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--gold-bright), var(--gold-deep));border:2px solid #06040eeb;border-radius:999px}.chat-message{justify-content:flex-start;display:flex}.chat-message.is-local{justify-content:flex-end}.chat-message span{border:1px solid var(--line);max-width:78%;color:var(--ink-soft);overflow-wrap:anywhere;background:#00000052;padding:8px 11px;font-size:.82rem;line-height:1.4}.chat-message.is-local span{color:#f5ffff;background:#0e6f6a6b;border-color:#3fe0d866}.chat-form{border-top:1px solid var(--line);padding:6px}.match-loading{z-index:30;background:radial-gradient(circle at 50% 52%,#3fe0d829,#0000 30%),linear-gradient(#08050e80,#06040ceb);padding:clamp(18px,3vw,34px)}.match-loading__panel{justify-items:center;gap:clamp(16px,2.4vw,28px);width:min(1180px,100%);display:grid}.match-loading__header{text-align:center;gap:8px;display:grid}.match-loading__header p{color:var(--teal);font-family:var(--font-display);letter-spacing:.26em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:600}.match-loading__header h1{color:var(--ink);font-family:var(--font-display);letter-spacing:.01em;text-transform:uppercase;text-shadow:0 3px #000000b8,0 0 34px #f5b94242;margin:0;font-size:clamp(2.45rem,5.7vw,5.1rem);font-weight:700;line-height:.95}.match-loading__header span,.match-loading__status{color:var(--muted);font-family:var(--font-display);font-size:.92rem;font-weight:600}.match-loading__status{min-width:min(360px,100%);clip-path:var(--cut-panel-sm);border:1px solid var(--line-cool);text-align:center;background:#00000080;justify-self:center;padding:12px 18px;box-shadow:0 0 26px #3fe0d814}.match-countdown{border:2px solid var(--line-bright);width:clamp(106px,12vw,144px);height:clamp(106px,12vw,144px);clip-path:var(--cut-hex);color:var(--ink);font-family:var(--font-numeric);background:radial-gradient(circle,#f5b9423d,#00000085 62%),#0000006b;justify-self:center;place-items:center;font-size:clamp(3.6rem,6vw,5.2rem);font-weight:700;line-height:1;animation:1s ease-in-out infinite countdown-pulse;display:grid;box-shadow:0 0 34px #f5b94233,inset 0 0 28px #00000094}@keyframes countdown-pulse{0%,to{box-shadow:0 0 34px #f5b94233,inset 0 0 28px #00000094}50%{box-shadow:0 0 54px #f5b94266,inset 0 0 28px #00000094}}.match-loading__grid{grid-template-columns:repeat(auto-fit,minmax(clamp(118px,15vw,178px),clamp(118px,15vw,178px)));justify-content:center;gap:clamp(10px,1.5vw,18px);width:100%;display:grid}.loading-player{aspect-ratio:.56;width:clamp(118px,15vw,178px);clip-path:var(--cut-panel-sm);border:1px solid var(--line-bright);background:linear-gradient(145deg,#3fe0d833,#f5b94229),url(/assets/gameBackground--lBLlws2.png) 50%/cover no-repeat;position:relative;overflow:hidden;box-shadow:0 18px 38px #0000006b}.loading-player.is-loaded{border-color:var(--teal);box-shadow:0 0 0 1px #3fe0d82e,0 18px 38px #0000006b,0 0 30px #3fe0d824}.loading-player__art{background:linear-gradient(#ffdc7d0f,#0000001f 48%,#000000d1),url(/assets/gameBackground--lBLlws2.png) 50%/cover no-repeat;position:absolute;inset:0;transform:scale(1.02)}.loading-player--reig .loading-player__art{background-image:linear-gradient(#f5b94205,#0000002e 55%,#000000d1),url(/assets/reigSplashart-XUNnSpgx.png);background-position:top;background-size:cover}.loading-player__meta{z-index:1;text-align:center;background:linear-gradient(#0000,#06040ac7 18%,#050409f0);gap:2px;min-width:0;padding:10px 8px 12px;display:grid;position:absolute;bottom:10px;left:0;right:0}.loading-player__meta span{color:var(--gold-bright);font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;font-size:clamp(.62rem,.8vw,.74rem);font-weight:600}.loading-player__meta strong{color:var(--ink);font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 6px #000000d9;font-size:clamp(.8rem,1vw,.96rem);font-weight:700;overflow:hidden}.loading-player small{color:var(--teal);font-family:var(--font-display);text-transform:uppercase;justify-self:center;font-size:clamp(.58rem,.75vw,.68rem);font-weight:600}.loading-player__bar,.loading-player__bar span{height:6px}.loading-player__bar{z-index:2;background:#000000b8;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.loading-player__bar span{background:linear-gradient(90deg, var(--teal), var(--gold));width:0;display:block;box-shadow:0 0 12px #3fe0d86b}.match-result-overlay{z-index:32;background:linear-gradient(#06040c80,#06040cd9);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.match-result-overlay[hidden]{display:none}.match-result-panel{width:min(420px,100%);clip-path:var(--cut-panel);border:1px solid var(--line-bright);background:linear-gradient(150deg,#3c245a6b,#0000 42%),linear-gradient(#140d20f2,#08050ef5);justify-items:center;gap:16px;padding:32px;display:grid;box-shadow:0 24px 80px #00000080}.match-result-panel p{color:var(--teal);font-family:var(--font-display);letter-spacing:.24em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:600}.match-result-panel h1{color:var(--ink);font-family:var(--font-display);text-align:center;text-transform:uppercase;margin:0;font-size:3.8rem;font-weight:700;line-height:.95}.match-result-panel--defeat h1{color:var(--crimson)}.match-result-panel .primary-button{min-width:180px}.action-hud{z-index:7;aspect-ratio:2172/724;pointer-events:none;-webkit-user-select:none;user-select:none;contain:layout style;isolation:isolate;--ultimate-ready-angle:360deg;--slot-cooldown-height:0%;width:min(560px,100vw - 32px);position:fixed;bottom:-58px;left:50%;transform:translate(-50%)}.action-hud__frame,.action-hud__ultimate-fill,.action-hud__slot,.action-hud__bar,.action-hud__ultimate-label{position:absolute}.action-hud__frame{z-index:0;filter:drop-shadow(0 8px 10px #0000005c);pointer-events:none;width:100%;height:100%;display:block;inset:0}.action-hud__ultimate-fill{z-index:1;background:radial-gradient(circle at 42% 32%, #fff6a9c7 0 18%, #ffb02e94 34%, #67370b6b 72%, #0f090347 100%), conic-gradient(from -90deg, #ffd558f5 var(--ultimate-ready-angle), #080d14e0 0);border-radius:50%;width:11.98%;height:35.95%;top:27.9%;left:14.42%;box-shadow:inset 0 0 24px #ffe28161,0 0 22px #efa01f3d}.action-hud__ultimate-label{z-index:5;color:#fff2bd;width:11.98%;height:33.8%;font-family:var(--font-mono);text-align:center;text-shadow:0 2px 5px #000000c7;place-content:center;justify-items:center;gap:4px;display:grid;top:29.4%;left:14.42%}.action-hud__ultimate-label strong{text-transform:uppercase;font-size:9px;font-weight:950;line-height:1}.action-hud__ultimate-label span{color:#ffe08a;min-height:1em;font-size:14px;font-weight:950;line-height:1}.action-hud__slot{z-index:2;color:#fbe7a1;width:7.3%;height:19.8%;font-family:var(--font-mono);text-shadow:0 2px 5px #000000db;background:radial-gradient(circle at 42% 28%,#55727c9e,#0b1319e6 70%),linear-gradient(145deg,#203038eb,#05080ceb);place-items:center;display:grid;top:40.8%;overflow:hidden}.action-hud__slot:after{content:"";height:var(--slot-cooldown-height);background:#000000a8;position:absolute;inset:auto 0 0}.action-hud__slot span,.action-hud__slot b{z-index:1;position:relative}.action-hud__slot span{font-size:19px;font-weight:950}.action-hud__slot b{color:#fff2bd;min-height:1em;font-size:9px;font-weight:950;position:absolute;bottom:8%;right:8%}.action-hud__slot--e{left:27.72%}.action-hud__slot--r{left:36.42%}.action-hud__bar{z-index:1;background:#040809cc;border-radius:999px;width:35.95%;height:5.9%;left:46.42%;overflow:hidden}.action-hud__bar span{transform-origin:0;border-radius:inherit;transition:transform .12s linear;position:absolute;inset:0;transform:scaleX(1)}.action-hud__bar b{z-index:5;color:#fff7d3e6;font-family:var(--font-mono);text-shadow:0 1px 3px #000000e6;place-items:center;font-size:9px;font-weight:950;line-height:1;display:grid;position:absolute;inset:0}.action-hud__bar--health{top:43.38%}.action-hud__bar--health span{background:linear-gradient(90deg,#2fb658,#93ef6e 64%,#e7fa95);box-shadow:inset 0 0 14px #ffffff2e}.action-hud__bar--mana{top:56.55%}.action-hud__bar--mana span{background:linear-gradient(90deg,#1f6eea,#31c8ff 68%,#98fff5);box-shadow:inset 0 0 14px #ffffff24}.action-hud.is-critical .action-hud__bar--health span{background:linear-gradient(90deg,#b51f1f,#ff664f 70%,#ffb36d)}.match-progression{z-index:8;color:#fff3c8;width:clamp(320px,36vw,520px);font-family:var(--font-mono);pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;top:34px;left:50%;transform:translate(-50%)}.match-progression__bar{background:linear-gradient(90deg,#050a0eeb,#110d08d6),radial-gradient(circle at 50% 0,#4becde29,#0000 70%);border:1px solid #ecbe569e;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 12px;display:grid;box-shadow:0 10px 30px #0000005c,inset 0 0 18px #37dcd714}.match-progression__level,.match-progression__xp{text-transform:uppercase;text-shadow:0 2px 4px #000000db;font-size:12px;font-weight:950;line-height:1}.match-progression__level{color:#57f7ef}.match-progression__xp{color:#ffefbcdb}.match-progression__track{background:#020609e0;border:1px solid #ffe7965c;height:9px;position:relative;overflow:hidden}.match-progression__track span{transform-origin:0;background:linear-gradient(90deg,#22d8d6,#ffe36d);transition:transform .18s linear;position:absolute;inset:0;transform:scaleX(0);box-shadow:0 0 14px #3ef3e56b}.upgrade-overlay{z-index:20;pointer-events:auto;background:radial-gradient(circle at 50% 44%,#43ece224,#0000 28%),#00000080;place-items:center;padding:40px;display:grid;position:fixed;inset:0}.upgrade-overlay[hidden]{display:none}.upgrade-overlay__panel{background:linear-gradient(135deg,#342810e0,#030a0ef0),radial-gradient(circle at 50% 0,#48f2e61f,#0000 60%);border:1px solid #ecbe56ad;width:min(980px,100%);padding:24px;box-shadow:0 24px 90px #000000a8,inset 0 0 38px #ffdb6d14}.upgrade-overlay__header{grid-template-columns:1fr auto;align-items:end;gap:8px 16px;margin-bottom:18px;display:grid}.upgrade-overlay__header span{color:#52f5ef;letter-spacing:.12em;text-transform:uppercase;grid-column:1/-1;font-size:13px;font-weight:950}.upgrade-overlay__header strong{color:#fff2bd;text-transform:uppercase;font-size:34px;line-height:1}.upgrade-overlay__header em{color:#ffe181;font-size:24px;font-style:normal;font-weight:950}.upgrade-overlay__choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.upgrade-card{color:#fff1c0;text-align:left;cursor:pointer;background:linear-gradient(160deg,#ffe3791c,#0000 36%),linear-gradient(#131716f2,#080908f5);border:1px solid #e9be5b94;grid-template-rows:auto auto auto 1fr;gap:10px;min-height:230px;padding:18px;display:grid;box-shadow:inset 0 0 24px #ffd76914}.upgrade-card:hover,.upgrade-card:focus-visible{border-color:#43f4ec;outline:none;box-shadow:0 0 24px #43f4ec3d,inset 0 0 28px #43f4ec1a}.upgrade-card span{color:#4ff4ee;text-transform:uppercase;font-size:12px;font-weight:950}.upgrade-card strong{color:#fff4c7;text-transform:uppercase;font-size:23px;line-height:1.05}.upgrade-card em{color:#ffe181e6;font-size:12px;font-style:normal;font-weight:950}.upgrade-card p{color:#fff4d1d1;margin:0;font-size:14px;line-height:1.45}.upgrade-card--weapon{background:linear-gradient(160deg,#ff5b182e,#0000 38%),linear-gradient(#170c08f5,#080808f5);border-color:#ff752ab3}.upgrade-overlay__waiting{color:#9ffbf5;text-align:center;text-transform:uppercase;margin-top:16px;font-size:16px;font-weight:950}.revive-timer-overlays{z-index:6;pointer-events:none;contain:layout style;position:fixed;inset:0}.revive-timer{color:#fff1bd;min-width:72px;font-family:var(--font-mono);will-change:transform;background:#130c05c7;border:1px solid #ffe38bb8;border-radius:6px;justify-items:center;gap:1px;padding:6px 8px;font-weight:950;display:grid;position:absolute;top:0;left:0;box-shadow:0 6px 18px #00000059}.revive-timer[hidden]{display:none}.revive-timer strong{font-size:1rem;line-height:1}.revive-timer span{color:#d9bd79;font-size:.68rem;line-height:1}.revive-timer.is-reviving{color:#dffdfa;border-color:#78fff0e6}.revive-timer.is-reviving span{color:#8ff7ee}@media (width<=520px){.online-shell{padding:14px}.online-panel{padding:20px}.panel-header h1{font-size:2.25rem}.match-loading{padding:14px}.match-countdown{width:104px;height:104px;font-size:3.7rem}.match-loading__grid{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px}.loading-player{justify-self:center;width:100%;max-width:132px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}