:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#111318;color:#f6f4ee;--sparkfall-menu-cursor: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'32'%20height%3D'32'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M7%204l17%2012-8%202-3%208z'%20fill%3D'none'%20stroke%3D'%23020308'%20stroke-linejoin%3D'round'%20stroke-width%3D'5'%2F%3E%3Cpath%20d%3D'M7%204l17%2012-8%202-3%208z'%20fill%3D'%2379f2ff'%20stroke%3D'%23fff8e9'%20stroke-linejoin%3D'round'%20stroke-width%3D'1.6'%2F%3E%3C%2Fsvg%3E") 7 4, auto;--sparkfall-crosshair-cursor: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'36'%20height%3D'36'%20viewBox%3D'0%200%2036%2036'%3E%3Cg%20fill%3D'none'%20stroke%3D'%2305070b'%20stroke-linecap%3D'square'%3E%3Ccircle%20cx%3D'18'%20cy%3D'18'%20r%3D'8'%20stroke-width%3D'5'%2F%3E%3Cpath%20d%3D'M18%201v10M18%2025v10M1%2018h10M25%2018h10'%20stroke-width%3D'7'%2F%3E%3C%2Fg%3E%3Cg%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-linecap%3D'square'%3E%3Ccircle%20cx%3D'18'%20cy%3D'18'%20r%3D'8'%20stroke-width%3D'2'%2F%3E%3Cpath%20d%3D'M18%201v10M18%2025v10M1%2018h10M25%2018h10'%20stroke-width%3D'3'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 18 18, crosshair;--abyss: #060a12;--deep: #0b1220;--floor: #02040a;--ink-high: #f6f2e8;--ink-mid: rgba(246, 242, 232, .78);--ink-low: rgba(246, 242, 232, .55);--ink-on-accent: #0b0e14;--lux-gold: #cdb380;--lux-gold-hi: #efe1c2;--danger: #ff8aa0;--hearth: #ffc07a;--hearth-glow: color-mix(in oklab, var(--hearth) 26%, transparent);--tilt: -8deg;--cut: 14px;--gutter: clamp(40px, 5vw, 72px);--chamfer: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);--ring-w: 1px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-cine: cubic-bezier(.65, 0, .35, 1);--ease-pop: cubic-bezier(.34, 1.56, .64, 1);--ease-slam: cubic-bezier(.16, 1.3, .3, 1);--t-micro: .12s;--t-hover: .18s;--t-enter: .46s;--t-screen: .6s;--focus-ring: 0 0 0 2px var(--floor), 0 0 0 4px var(--champ-accent);--font-display: "Anybody", "Archivo Black", Inter, sans-serif;--font-ui: Inter, ui-sans-serif, system-ui, sans-serif}@font-face{font-family:Anybody;font-style:normal;font-weight:900;font-stretch:150%;font-display:swap;src:url(/fonts/anybody-black-expanded.woff2) format("woff2")}@font-face{font-family:Anybody;font-style:italic;font-weight:900;font-stretch:150%;font-display:swap;src:url(/fonts/anybody-black-expanded-italic.woff2) format("woff2")}@font-face{font-family:Cinzel;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/cinzel-600.woff2) format("woff2")}@font-face{font-family:Cinzel;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/cinzel-700.woff2) format("woff2")}@property --champ-accent{syntax: "<color>"; inherits: true; initial-value: #79f2ff;}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:var(--sparkfall-menu-cursor)}button,select,input,textarea,summary,[role=button]{cursor:var(--sparkfall-menu-cursor)}button,.lobby-game,.lobby-champion-button,.map-editor-tool-card,.map-editor-chip,.map-editor-action{transition:transform .11s ease,filter .11s ease,box-shadow .11s ease,border-color .11s ease}button:not(:disabled):hover,.lobby-game:not(:disabled):hover,.lobby-champion-button:not(:disabled):hover,.map-editor-tool-card:not(:disabled):hover,.map-editor-chip:not(:disabled):hover,.map-editor-action:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.08)}button:not(:disabled):active,.lobby-game:not(:disabled):active,.lobby-champion-button:not(:disabled):active,.map-editor-tool-card:not(:disabled):active,.map-editor-chip:not(:disabled):active,.map-editor-action:not(:disabled):active{transform:translateY(1px) scale(.985);filter:brightness(.94)}.champion-slat:not(:disabled):hover,.champion-slat:not(:disabled):active,.energy-slab:not(:disabled):hover,.energy-slab:not(:disabled):active,.ghost-slab:not(:disabled):hover,.ghost-slab:not(:disabled):active,.champion-plate:not(:disabled):hover,.champion-plate:not(:disabled):active,.lobby-slot-main:not(:disabled):hover,.lobby-slot-main:not(:disabled):active{transform:none;filter:none}.champion-slat:not(:disabled):active{transform:translateY(4px);filter:brightness(.85);transition:transform 80ms var(--ease-out),filter 80ms var(--ease-out)}#arena{display:block;width:100vw;height:100vh;background:#151923;overscroll-behavior:none;touch-action:none;cursor:var(--sparkfall-crosshair-cursor)}body.menu-open #arena{visibility:hidden}body.menu-open #ability-bar,body.menu-open #chat,body.menu-open #announce,body.menu-open #result-screen,body.menu-open #result-actions{display:none}body.menu-open #hud{display:flex;top:12px;right:calc(var(--gutter) - 6px);left:auto;height:40px;align-items:center;justify-content:flex-end;gap:8px;z-index:45;pointer-events:none}body.menu-open #hud>:not(#settings-button):not(#fullscreen){display:none!important}body.menu-open #settings-button,body.menu-open #fullscreen{width:36px;height:36px;min-width:36px;min-height:36px;margin:0;padding:0;border:1px solid rgba(244,239,228,.16);border-radius:50%;color:var(--ink-mid);background:#0c111a8c;box-shadow:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:23px}body.menu-open #settings-button{font-size:22px}body.menu-open #settings-button:hover,body.menu-open #fullscreen:hover{color:var(--ink-high);border-color:#f4efe457;background:#101620b3}body.menu-open #settings-button[hidden],body.menu-open #fullscreen[hidden]{display:none!important}body.is-fullscreen .menu-topbar{display:none}.menu-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:radial-gradient(circle at 70% 14%,rgba(121,242,255,.05),transparent 36%),linear-gradient(180deg,#060a12,var(--abyss) 62%);--champ-accent-hot: color-mix(in oklab, var(--champ-accent) 62%, white);--champ-accent-soft: color-mix(in oklab, var(--champ-accent) 30%, transparent);--champ-accent-deep: color-mix(in oklab, var(--champ-accent) 16%, var(--abyss));--champ-glow: color-mix(in oklab, var(--champ-accent) 48%, transparent);transition:--champ-accent .4s var(--ease-cine)}.menu-gate[hidden]{display:none}.menu-gate-shell{position:absolute;top:0;right:0;bottom:0;left:0;margin:0}.start-flow{position:absolute;top:0;right:0;bottom:0;left:0}.menu-topbar{position:absolute;top:0;left:0;right:0;height:64px;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);pointer-events:none}.menu-topbar>*{pointer-events:auto}.menu-wordmark{color:var(--ink-high);opacity:.7;font:italic 900 16px/1 var(--font-display);letter-spacing:.02em;text-transform:uppercase}#username-gate[data-step=home] .menu-wordmark{visibility:hidden}.identity-chip{position:relative;display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;margin-right:102px;border:0;border-radius:0;--ring-color: rgba(244, 239, 228, .2);clip-path:var(--chamfer);background:var(--ring-color);-webkit-backdrop-filter:blur(18px) saturate(1.25);backdrop-filter:blur(18px) saturate(1.25);transition:padding var(--t-hover) var(--ease-out)}.identity-chip:before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--champ-accent) 30%,var(--champ-accent) 70%,transparent);opacity:.65;z-index:1}.identity-chip:after{content:"";position:absolute;inset:var(--ring-w, 1px);z-index:0;clip-path:var(--chamfer);background:linear-gradient(165deg,#10162094,#060a10c7);box-shadow:inset 0 1px #ffffff0f;pointer-events:none;transition:background var(--t-hover) var(--ease-out)}.identity-chip>*{position:relative;z-index:1}.identity-chip:focus-within{padding:0 18px;--ring-color: var(--champ-accent)}.identity-chip-glyph{width:13px;height:13px;flex:none;color:var(--ink-low)}.identity-chip:focus-within .identity-chip-glyph{color:var(--champ-accent)}#username-input{width:138px;min-width:0;border:0;outline:none;padding:0;background:transparent;color:var(--ink-high);font:800 14px/1 Inter,ui-sans-serif,system-ui,sans-serif;transition:width var(--t-hover) var(--ease-out)}.identity-chip:focus-within #username-input{width:146px}.quick-queue-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}#username-gate:not([data-step=home]) .start-step.active{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1160px,calc(100vw - 2 * var(--gutter)));max-height:calc(100vh - 152px)}#match-step.active{display:block;position:absolute;top:0;right:0;bottom:0;left:0}#match-step{--copy-w: max(460px, 35.9vw);--cta-w: max(320px, 25vw);--cta-h: max(84px, 6.56vw);--ghost-h: max(56px, 4.37vw);--wedge-edge: max(560px, 43.75vw)}#username-error{position:absolute;z-index:26;left:var(--gutter);bottom:24px;max-width:480px;color:var(--danger);font:800 13px/1.4 Inter,ui-sans-serif,system-ui,sans-serif;text-shadow:0 1px 0 rgba(0,0,0,.5);pointer-events:none}#username-error:empty{display:none}.hero-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;animation:heroSceneIn .6s var(--ease-cine) both}.hero-scene-par{position:absolute;top:-2%;right:-2%;bottom:-2%;left:-2%;will-change:transform}.hero-scene-kb{position:absolute;top:0;right:0;bottom:0;left:0;animation:heroKenBurns 14s ease-in-out infinite alternate}.hero-scene{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:0;transition:opacity .36s var(--ease-cine);filter:brightness(.96) saturate(1.12)}.hero-scene.is-active{opacity:1}.hero-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.hero-bloom{position:absolute;left:44vw;top:2vh;width:52vw;height:62vh;background:radial-gradient(50% 50% at 50% 50%,var(--champ-glow),transparent 70%);opacity:.9;animation:heroBloomBreath 6s ease-in-out infinite alternate}.hero-hearth{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(80vw 22vh at 64vw 100%,var(--hearth-glow),transparent 70%);opacity:.4;animation:heroHearthBreath 6s ease-in-out -3s infinite alternate}.hero-atmosphere i{position:absolute;bottom:-3vh;left:var(--ember-x, 60vw);width:5px;height:5px;border-radius:50%;background:var(--champ-accent);opacity:0;--ember-alpha: .7;animation:heroEmberDrift var(--ember-t, 12s) linear var(--ember-d, 0s) infinite}#match-step:has(.hero-figure[data-class=healer]) .hero-atmosphere i{--ember-alpha: .5}.hero-atmosphere i:nth-of-type(1){--ember-x: 38vw;--ember-t: 13.5s;--ember-d: -3s;--ember-s: .7;--ember-sway: 2vw}.hero-atmosphere i:nth-of-type(2){--ember-x: 45vw;--ember-t: 10.5s;--ember-d: -7s;--ember-s: .5;--ember-sway: -1.4vw}.hero-atmosphere i:nth-of-type(3){--ember-x: 52vw;--ember-t: 16s;--ember-d: -1s;--ember-s: .9;--ember-sway: 1.2vw}.hero-atmosphere i:nth-of-type(4){--ember-x: 58vw;--ember-t: 9.5s;--ember-d: -5s;--ember-s: .6;--ember-sway: -2vw}.hero-atmosphere i:nth-of-type(5){--ember-x: 64vw;--ember-t: 14.5s;--ember-d: -9s;--ember-s: 1;--ember-sway: 1.6vw}.hero-atmosphere i:nth-of-type(6){--ember-x: 70vw;--ember-t: 11s;--ember-d: -2s;--ember-s: .55;--ember-sway: -1vw}.hero-atmosphere i:nth-of-type(7){--ember-x: 76vw;--ember-t: 15.5s;--ember-d: -6s;--ember-s: .8;--ember-sway: 2.2vw}.hero-atmosphere i:nth-of-type(8){--ember-x: 82vw;--ember-t: 12.5s;--ember-d: -10s;--ember-s: .65;--ember-sway: -1.8vw}.hero-atmosphere i:nth-of-type(9){--ember-x: 88vw;--ember-t: 10s;--ember-d: -4s;--ember-s: .5;--ember-sway: 1vw}.hero-atmosphere i:nth-of-type(10){--ember-x: 93vw;--ember-t: 17s;--ember-d: -8s;--ember-s: .85;--ember-sway: -1.2vw}.hero-atmosphere i:nth-of-type(11){--ember-x: 49vw;--ember-t: 18s;--ember-d: -12s;--ember-s: .45;--ember-sway: 1.8vw}.hero-grade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(0deg,rgba(2,4,10,.66),transparent 26%),radial-gradient(120% 90% at 50% 40%,transparent 60%,rgba(2,4,8,.42))}.hero-wedge{position:absolute;z-index:3;left:0;top:0;bottom:0;width:calc(var(--wedge-edge) + 16vh);pointer-events:none;--wedge-tint: color-mix(in oklab, var(--champ-accent) 10%, var(--floor));mask-image:linear-gradient(180deg,transparent,#000 120px,#000 calc(100% - 120px),transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 120px,#000 calc(100% - 120px),transparent);animation:heroWedgeIn .48s var(--ease-cine) 80ms backwards}.hero-wedge:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(0 0,var(--wedge-edge) 0,calc(var(--wedge-edge) + 14.05vh) 100%,0 100%);background:linear-gradient(96deg,color-mix(in srgb,var(--wedge-tint) 100%,transparent) 0%,color-mix(in srgb,var(--wedge-tint) 97%,transparent) 58%,color-mix(in srgb,var(--wedge-tint) 92%,transparent) 78%,color-mix(in srgb,var(--wedge-tint) 40%,transparent) 92%,transparent 100%)}.hero-wedge:after{content:"";position:absolute;left:calc(var(--wedge-edge) - 2px);top:0;width:2px;height:100%;transform-origin:0 0;transform:skew(8deg);background:linear-gradient(180deg,transparent 4%,var(--champ-accent) 38%,var(--champ-accent) 62%,transparent 96%);box-shadow:0 0 24px 4px var(--champ-glow);opacity:.85}.hero-riser{position:absolute;z-index:3;left:47vw;top:95vh;width:58vw;height:9vh;pointer-events:none;animation:heroRiserIn .48s var(--ease-cine) 80ms backwards;will-change:transform}.hero-riser:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:skew(var(--tilt));transform-origin:0 0;opacity:.5;background:linear-gradient(180deg,var(--champ-accent-soft),transparent 80%)}.hero-riser:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--champ-accent);box-shadow:0 0 18px 2px var(--champ-glow)}.hero-figure{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:block;pointer-events:none;animation:heroFigureIn .56s var(--ease-slam) .12s backwards;will-change:transform}.hero-figure-unit{position:absolute;display:block}.hero-figure-lift{position:absolute;top:0;right:0;bottom:0;left:0;display:block;transform:scale(var(--fig-scale, 1));transform-origin:var(--feet-x, 50%) var(--feet-y, 100%);transition:transform var(--t-hover) var(--ease-out),filter var(--t-hover) var(--ease-out)}.hero-figure-breath{position:absolute;top:0;right:0;bottom:0;left:0;display:block;transform-origin:var(--feet-x, 50%) var(--feet-y, 100%);animation:heroBreath 7s ease-in-out infinite;will-change:transform}.hero-cutout{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background-size:100% 100%;background-repeat:no-repeat}.hero-shadow{position:absolute;display:block;aspect-ratio:100 / 16;transform:translateY(-50%);background:radial-gradient(50% 50% at 50% 50%,rgba(2,4,8,.62),rgba(2,4,8,.3) 45%,transparent 72%);animation:heroShadowIn .56s var(--ease-slam) .12s backwards}.hero-shadow:before{content:"";position:absolute;left:22.5%;top:27.5%;width:55%;height:45%;background:radial-gradient(50% 50% at 50% 50%,rgba(2,4,8,.5),transparent 70%)}.hero-shadow:after{content:"";position:absolute;left:20%;top:20%;width:60%;height:60%;background:radial-gradient(50% 50% at 50% 50%,color-mix(in oklab,var(--champ-accent) 12%,transparent),transparent 72%)}.hero-figure-unit.is-enter{animation:heroUnitEnter .42s var(--ease-out) both}.hero-figure-unit.is-exit{animation:heroUnitExit .38s var(--ease-cine) both}.hero-figure-unit.is-parked{opacity:0;pointer-events:none}#match-step:has(#main-champion-card:hover) .hero-figure-lift,#match-step:has(#main-champion-card:focus-visible) .hero-figure-lift{--fig-scale: 1.015}body.screen-veil-cover #match-step .hero-figure-lift{--fig-scale: .985;filter:brightness(.92)}.hero-copy{position:absolute;z-index:5;left:var(--gutter);top:54%;transform:translateY(-50%);width:var(--copy-w);max-width:calc(100vw - 2 * var(--gutter));display:grid;gap:max(20px,1.56vw);justify-items:start;text-shadow:0 1px 0 rgba(0,0,0,.4),0 14px 44px rgba(0,0,0,.55)}.hero-copy>*{animation:heroCopyIn .38s var(--ease-pop) backwards}.hero-copy>:nth-child(1){animation-delay:.12s}.hero-copy>:nth-child(2){animation-delay:.17s}.hero-copy>:nth-child(3){animation-delay:.22s}.hero-copy>:nth-child(4){animation-delay:.28s}.hero-copy>:nth-child(5){animation-delay:.34s}.hero-kicker{display:inline-flex;align-items:center;gap:12px;color:var(--champ-accent);font:850 max(13px,1.01vw)/1 var(--font-ui);text-transform:uppercase;letter-spacing:.18em}.hero-kicker:before{content:"";width:3px;height:18px;flex:none;background:var(--champ-accent);transform:skew(var(--tilt));box-shadow:0 0 12px var(--champ-glow)}.hero-title{margin:0;display:grid;justify-items:start;font:italic 900 max(50px,3.9vw)/.88 var(--font-display);text-transform:uppercase;letter-spacing:.01em;color:var(--ink-high);filter:drop-shadow(0 3px 0 rgba(0,0,0,.4)) drop-shadow(0 18px 48px rgba(0,0,0,.5));text-shadow:none}.hero-title-accent{font-size:max(80px,6.25vw);background:linear-gradient(180deg,var(--champ-accent-hot) 10%,var(--champ-accent) 85%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-flavor{margin:0;max-width:44ch;color:var(--ink-mid);font:650 max(17px,1.33vw)/1.5 var(--font-ui)}.energy-slab{position:relative;border:0;border-radius:0;padding:0;transform:skew(var(--tilt));transform-origin:0 100%;background:linear-gradient(168deg,var(--champ-accent-hot) 0%,var(--champ-accent) 58%);color:var(--ink-on-accent);overflow:hidden;box-shadow:inset 0 0 0 2px #02040a59,0 14px 34px #00000073,0 4px 18px var(--champ-glow);transition:transform var(--t-hover) var(--ease-pop),box-shadow var(--t-hover) var(--ease-out)}.energy-slab .slab-label{display:grid;place-items:center;height:100%;transform:skew(calc(-1 * var(--tilt)));font:italic 900 max(26px,2.03vw)/1 var(--font-display);text-transform:uppercase;letter-spacing:.01em;text-shadow:none}.energy-slab:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 30%,color-mix(in srgb,var(--champ-accent-hot) 70%,transparent) 50%,transparent 70%);transform:translate(-130%)}#main-play:after{animation:slabShine 7s var(--ease-cine) 2.4s infinite}#match-step .energy-slab:hover,#match-step .energy-slab:focus-visible{outline:none;transform:skew(var(--tilt)) translateY(-2px) scale(1.03);box-shadow:inset 0 0 0 2px #02040a59,0 14px 34px #00000073,0 4px 36px var(--champ-glow)}#match-step .energy-slab:hover:after{animation:slabShineOnce .42s var(--ease-cine) both}#match-step .energy-slab:focus-visible{box-shadow:var(--focus-ring),inset 0 0 0 2px #02040a59,0 14px 34px #00000073,0 4px 36px var(--champ-glow)}#match-step .energy-slab:active{transform:skew(var(--tilt)) scale(.97);transition-duration:90ms}#match-step .play-action{width:var(--cta-w);height:var(--cta-h);margin-top:4px}.hero-ghost-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:var(--cta-w)}.ghost-slab{position:relative;height:var(--ghost-h);border:0;border-radius:0;padding:0;transform:skew(var(--tilt));transform-origin:0 100%;background:transparent;color:var(--ink-high);transition:background var(--t-hover) var(--ease-out),transform var(--t-hover) var(--ease-pop)}.ghost-slab:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-left:2px solid color-mix(in oklab,var(--champ-accent) 55%,transparent);border-bottom:2px solid color-mix(in oklab,var(--champ-accent) 55%,transparent);transition:border-color var(--t-hover) var(--ease-out)}.ghost-slab .slab-label{display:grid;place-items:center;height:100%;padding:0 10px;transform:skew(calc(-1 * var(--tilt)));font:800 max(15px,1.17vw)/1 var(--font-ui);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}#match-step .ghost-slab:hover,#match-step .ghost-slab:focus-visible{outline:none;transform:skew(var(--tilt)) translateY(-2px);background:var(--champ-accent-soft)}#match-step .ghost-slab:hover:before,#match-step .ghost-slab:focus-visible:before{border-color:var(--champ-accent)}#match-step .ghost-slab:focus-visible{box-shadow:var(--focus-ring)}#match-step .ghost-slab:active{transform:skew(var(--tilt)) scale(.97);transition-duration:90ms}.champion-plate{position:absolute;z-index:6;right:var(--gutter);bottom:var(--gutter);width:var(--cta-w);height:var(--cta-h);border:0;border-radius:0;padding:0;transform:skew(var(--tilt));transform-origin:100% 100%;background:color-mix(in srgb,var(--champ-accent-deep) 85%,transparent);box-shadow:0 14px 34px #00000073;color:var(--ink-high);animation:heroPlateIn .42s var(--ease-pop) .42s backwards;transition:transform var(--t-hover) var(--ease-pop),filter var(--t-hover) var(--ease-out),box-shadow var(--t-hover) var(--ease-out)}.champion-plate:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent 4%,var(--champ-accent) 38%,var(--champ-accent) 62%,transparent 96%);box-shadow:0 0 18px 2px var(--champ-glow);opacity:.85}.champion-plate-body{display:flex;align-items:center;gap:16px;height:100%;padding:0 18px 0 22px;transform:skew(calc(-1 * var(--tilt)));text-align:left}.plate-portrait{position:relative;width:max(64px,5vw);height:max(64px,5vw);flex:none}.plate-portrait-scene{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;background-size:cover;background-position:center;box-shadow:0 0 0 2px var(--champ-accent);transition:box-shadow var(--t-hover) var(--ease-out)}.plate-portrait .layered-art{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.plate-portrait .layered-art-fg{filter:drop-shadow(0 4px 6px rgba(0,0,0,.45))}.plate-info{display:grid;gap:4px;justify-items:start;min-width:0}.champion-plate-label{color:var(--ink-low);font:800 max(11px,.86vw)/1 var(--font-ui);text-transform:uppercase;letter-spacing:.06em}.champion-plate strong{color:var(--ink-high);font:italic 900 max(24px,1.87vw)/1 var(--font-display);text-transform:uppercase;letter-spacing:.01em;white-space:nowrap}.champion-plate em{font:800 max(12px,.94vw)/1 var(--font-ui);font-style:normal;color:var(--champ-accent);text-transform:uppercase;letter-spacing:.18em}#match-step .champion-plate:hover,#match-step .champion-plate:focus-visible{outline:none;transform:skew(var(--tilt)) translateY(-2px);filter:brightness(1.08);box-shadow:0 14px 34px #00000073,0 0 24px var(--champ-glow)}#match-step .champion-plate:hover .plate-portrait-scene,#match-step .champion-plate:focus-visible .plate-portrait-scene{box-shadow:0 0 0 2px var(--champ-accent-hot)}#match-step .champion-plate:focus-visible{box-shadow:var(--focus-ring),0 14px 34px #00000073,0 0 24px var(--champ-glow)}#match-step .champion-plate:active{transform:skew(var(--tilt)) translateY(-1px) scale(.99);transition-duration:90ms}.screen-fade-black{position:fixed;top:0;right:0;bottom:0;left:0;z-index:130;background:#05070d;opacity:0;pointer-events:none;transition:opacity .3s var(--ease-out)}.screen-fade-black.is-covered{opacity:1;transition:opacity .22s var(--ease-cine)}@media(prefers-reduced-motion:reduce){.screen-fade-black{transition:none}}.screen-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;pointer-events:none;overflow:hidden}.screen-veil-sheet{position:absolute;top:-12%;bottom:-12%;left:-16%;width:132%;background:var(--abyss);transform:translate(-115%) skew(-8deg);transition:transform .36s var(--ease-cine)}.screen-veil-sheet:after{content:"";position:absolute;top:0;bottom:0;right:0;width:2px;background:linear-gradient(180deg,transparent,var(--champ-accent, #79f2ff) 30%,var(--champ-accent, #79f2ff) 70%,transparent);box-shadow:0 0 24px 3px var(--champ-glow, rgba(121, 242, 255, .35))}.screen-veil-sheet.is-cover{transform:translate(0) skew(-8deg)}.screen-veil-sheet.is-exit{transform:translate(115%) skew(-8deg);transition-duration:.32s}.screen-veil-sheet.is-rtl{transform:translate(115%) skew(-8deg)}.screen-veil-sheet.is-rtl:after{right:auto;left:0}.screen-veil-sheet.is-rtl.is-cover{transform:translate(0) skew(-8deg)}.screen-veil-sheet.is-rtl.is-exit{transform:translate(-115%) skew(-8deg)}@keyframes heroSceneIn{0%{opacity:0}}@keyframes heroKenBurns{0%{transform:scale(1)}to{transform:scale(1.045)}}@keyframes heroBloomBreath{0%{opacity:.75}to{opacity:1}}@keyframes heroHearthBreath{0%{opacity:.3}to{opacity:.46}}@keyframes heroWedgeIn{0%{transform:translate(-101%)}}@keyframes heroRiserIn{0%{transform:translate(-8vw);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slabShine{0%{transform:translate(-130%)}6%,to{transform:translate(130%)}}@keyframes heroEmberDrift{0%{transform:translateY(0) translate(0) scale(var(--ember-s, 1));opacity:0}12%{opacity:calc(var(--ember-alpha, .7) * .26)}70%{opacity:calc(var(--ember-alpha, .7) * .17)}to{transform:translateY(-72vh) translate(var(--ember-sway, 1.5vw)) scale(var(--ember-s, 1));opacity:0}}@keyframes heroFigureIn{0%{transform:translateY(28px);opacity:0}}@keyframes heroShadowIn{0%{transform:translateY(-50%) scaleX(.6);opacity:0}to{transform:translateY(-50%) scaleX(1);opacity:1}}@keyframes heroBreath{0%,to{transform:scale(1)}50%{transform:scale(1.008)}}@keyframes heroUnitEnter{0%{transform:translateY(28px);opacity:0}}@keyframes heroUnitExit{to{transform:translateY(24px);opacity:0}}@keyframes heroCopyIn{0%{transform:translateY(18px);opacity:0;visibility:hidden}}@keyframes heroPlateIn{0%{transform:skew(var(--tilt)) translate(24px);opacity:0}to{transform:skew(var(--tilt)) translate(0);opacity:1}}@keyframes slabShineOnce{0%{transform:translate(-130%)}to{transform:translate(130%)}}.start-steps{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none}.start-steps li{padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:7px;color:#f7f0df8c;background:#06090e7a;font:850 12px/1 Inter,ui-sans-serif,system-ui,sans-serif}.start-steps li.active{color:#10131a;background:#9be7c6}.start-step{display:none}.start-step.active{display:grid;gap:12px}#queue-step{--ghost-h: max(52px, 4.06vw);--gate-x: 50vw;--gate-y: 94vh}#username-gate[data-step=queue] .start-step.active{display:block;position:absolute;right:0;bottom:0;left:0;top:0;transform:none;width:auto;max-height:none}.queue-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;animation:heroSceneIn .6s var(--ease-cine) both}.queue-grade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:radial-gradient(58% 64% at var(--gate-x) 60%,transparent 30%,rgba(2,4,8,.5) 78%,rgba(1,2,6,.82)),radial-gradient(40% 50% at var(--gate-x) 96%,var(--champ-accent-soft),transparent 70%),linear-gradient(0deg,rgba(2,4,10,.8),transparent 34%);animation:queueGradeIn .7s var(--ease-cine) both}.queue-bars{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.queue-bars i{position:absolute;bottom:0;width:2px;height:34vh;transform-origin:50% 100%;background:linear-gradient(0deg,var(--champ-accent) 0%,transparent 92%);opacity:0;animation:queueBarBreath 3.2s var(--ease-cine) infinite}.queue-bars i:nth-child(1){left:3.2vw;height:22vh;animation-delay:0s}.queue-bars i:nth-child(2){left:5.4vw;height:34vh;animation-delay:.18s}.queue-bars i:nth-child(3){left:7.6vw;height:27vh;animation-delay:.36s}.queue-bars i:nth-child(4){left:9.8vw;height:18vh;animation-delay:.54s}.queue-bars i:nth-child(5){right:9.8vw;height:18vh;animation-delay:.54s}.queue-bars i:nth-child(6){right:7.6vw;height:27vh;animation-delay:.36s}.queue-bars i:nth-child(7){right:5.4vw;height:34vh;animation-delay:.18s}.queue-bars i:nth-child(8){right:3.2vw;height:22vh;animation-delay:0s}@keyframes queueBarBreath{0%,to{opacity:.12;transform:scaleY(.82)}50%{opacity:.5;transform:scaleY(1)}}.queue-gate{position:absolute;z-index:3;left:var(--gate-x);top:var(--gate-y);width:0;height:0;pointer-events:none;transform:scaleY(.34);animation:queueGateIn .64s var(--ease-slam) .14s backwards}.queue-gate-ring,.queue-gate-disc,.queue-gate-sweep{position:absolute;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.queue-gate-ring{width:max(460px,35vw);height:max(460px,35vw);border:2.5px solid var(--champ-accent);box-shadow:0 0 36px var(--champ-glow),0 0 12px var(--champ-accent),inset 0 0 48px var(--champ-glow)}.queue-gate-ring:nth-child(2){width:max(312px,24vw);height:max(312px,24vw);border-color:color-mix(in oklab,var(--champ-accent) 60%,transparent);border-style:dashed;box-shadow:0 0 24px var(--champ-glow);animation:queueGateSpin 24s linear infinite}.queue-gate-disc{width:max(460px,35vw);height:max(460px,35vw);background:radial-gradient(50% 50% at 50% 50%,var(--champ-glow),color-mix(in oklab,var(--champ-accent) 14%,transparent) 42%,transparent 70%);opacity:.85}.queue-gate-sweep{width:max(460px,35vw);height:max(460px,35vw);background:conic-gradient(from 0deg,var(--champ-accent-soft) 0deg,transparent 56deg);-webkit-mask:radial-gradient(closest-side,transparent 38%,#000 40%);mask:radial-gradient(closest-side,transparent 38%,#000 40%);opacity:.85;animation:queueGateSpin 3.4s linear infinite}@keyframes queueGateSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes queueGateIn{0%{opacity:0;transform:scaleY(.34) scale(.7)}to{opacity:1;transform:scaleY(.34) scale(1)}}@keyframes queueGradeIn{0%{opacity:0}}.queue-beacon{position:absolute;z-index:3;left:var(--gate-x);top:var(--gate-y);width:0;height:0;pointer-events:none;transform:scaleY(.34)}.queue-beacon span{position:absolute;width:max(440px,34vw);height:max(440px,34vw);left:calc(max(440px,34vw)/-2);top:calc(max(440px,34vw)/-2);border:2px solid var(--champ-accent);border-radius:50%;box-shadow:0 0 22px var(--champ-glow),inset 0 0 18px var(--champ-glow);opacity:0;transform:scale(.32);animation:queueBeaconPulse 1.5s var(--ease-cine) infinite}.queue-beacon span:nth-child(2){animation-delay:.5s}.queue-beacon span:nth-child(3){animation-delay:1s}@keyframes queueBeaconPulse{0%{transform:scale(.32);opacity:0}14%{opacity:.55}to{transform:scale(1);opacity:0}}.queue-banner{position:absolute;z-index:5;left:50vw;top:max(48px,6vh);transform:translate(-50%);display:grid;justify-items:center;gap:max(12px,.94vw);text-align:center;width:min(92vw,900px);text-shadow:0 1px 0 rgba(0,0,0,.4),0 14px 44px rgba(0,0,0,.55)}.queue-banner>*{animation:queueCopyIn .42s var(--ease-pop) backwards}.queue-banner>:nth-child(1){animation-delay:.16s}.queue-banner>:nth-child(2){animation-delay:.23s}.queue-banner>:nth-child(3){animation-delay:.3s}.queue-banner .hero-kicker{letter-spacing:.22em}.queue-banner .hero-kicker:before{height:14px}.queue-banner .hero-kicker:after{content:"";width:3px;height:14px;flex:none;background:var(--champ-accent);transform:skew(var(--tilt));box-shadow:0 0 12px var(--champ-glow)}.queue-title{margin:0;display:inline-flex;align-items:baseline;gap:.32em;font:italic 900 max(40px,3.43vw)/.9 var(--font-display);text-transform:uppercase;letter-spacing:.02em;color:var(--ink-high);filter:drop-shadow(0 3px 0 rgba(0,0,0,.4)) drop-shadow(0 18px 48px rgba(0,0,0,.5));text-shadow:none}.queue-title-accent{background:linear-gradient(180deg,var(--champ-accent-hot) 10%,var(--champ-accent) 85%);-webkit-background-clip:text;background-clip:text;color:transparent}.quick-queue-status{margin:0;color:var(--champ-accent);font:850 max(13px,1.05vw)/1 var(--font-ui);text-transform:uppercase;letter-spacing:.16em}.queue-console{position:absolute;z-index:5;left:50vw;bottom:max(40px,5vh);transform:translate(-50%);display:grid;justify-items:center;gap:max(10px,.78vw);text-align:center;animation:queueCopyIn .42s var(--ease-pop) .36s backwards}.queue-found-meter{display:grid;justify-items:center;gap:max(10px,.78vw)}#queue-found-count{color:var(--ink-high);font:italic 900 max(34px,2.66vw)/1 var(--font-display);letter-spacing:.04em;filter:drop-shadow(0 2px 0 rgba(0,0,0,.4))}.queue-found-slots{display:flex;align-items:center;gap:max(9px,.7vw)}.queue-found-slots i{width:max(40px,3.12vw);height:max(15px,1.17vw);transform:skew(var(--tilt));background:#f6f2e81a;box-shadow:inset 0 0 0 1px #f6f2e824}.queue-found-slots i.filled{background:linear-gradient(168deg,var(--champ-accent-hot) 0%,var(--champ-accent) 70%);box-shadow:inset 0 0 0 1px #02040a59,0 0 18px var(--champ-glow),inset 0 1px #ffffff80;animation:queueTickIn .3s var(--ease-pop)}.queue-found-split{width:2px;height:max(24px,1.95vw);margin:0 max(4px,.31vw);background:linear-gradient(180deg,transparent,var(--champ-accent) 30%,var(--champ-accent) 70%,transparent);box-shadow:0 0 12px var(--champ-glow);transform:skew(var(--tilt))}@keyframes queueTickIn{0%{transform:skew(var(--tilt)) scale(1.4)}to{transform:skew(var(--tilt)) scale(1)}}#queue-fill-note{color:var(--ink-mid);font:650 max(14px,1.09vw)/1.5 var(--font-ui);letter-spacing:.03em}#queue-step .ghost-slab{position:absolute;z-index:6;left:var(--gutter);bottom:max(40px,5vh);width:max(168px,13vw);height:var(--ghost-h);animation:queueCopyIn .42s var(--ease-pop) .44s backwards}#queue-step .ghost-slab:hover,#queue-step .ghost-slab:focus-visible{outline:none;transform:skew(var(--tilt)) translateY(-2px);background:var(--champ-accent-soft)}#queue-step .ghost-slab:hover:before,#queue-step .ghost-slab:focus-visible:before{border-color:var(--champ-accent)}#queue-step .ghost-slab:focus-visible{box-shadow:var(--focus-ring)}#queue-step .ghost-slab:active{transform:skew(var(--tilt)) scale(.97);transition-duration:90ms}@keyframes queueCopyIn{0%{transform:translateY(16px);opacity:0;visibility:hidden}}#queue-step[data-class=healer] .hero-atmosphere i{--ember-alpha: .5}#username-form label{color:#f7f0df;font-weight:800;font-size:13px}#lobby-refresh,#match-quickjoin{border:1px solid rgba(255,255,255,.16);border-radius:7px;padding:9px 12px;color:#f7f0df;background:#06090ebd;font:850 12px/1 Inter,ui-sans-serif,system-ui,sans-serif}#lobby-refresh:disabled{cursor:var(--sparkfall-menu-cursor);opacity:.45}.primary-action{min-width:180px}.start-actions{display:flex;justify-content:flex-end;gap:8px}.start-actions[hidden]{display:none}#custom-step{--ghost-h: max(46px, 3.59vw)}#username-gate[data-step=custom] .start-step.active{display:block;position:absolute;right:0;bottom:0;left:0;top:0;transform:none;width:auto;max-height:none}.lobby-browser{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(18px,3vh,30px);padding:86px var(--gutter) clamp(24px,4.4vh,42px);background:radial-gradient(56% 42% at 14% 0%,color-mix(in oklab,var(--champ-accent) 9%,transparent),transparent 72%),linear-gradient(0deg,rgba(2,4,8,.68),transparent 30%);animation:heroCopyIn .38s var(--ease-pop) backwards}.lobby-browser[hidden]{display:none}.browser-heading{display:grid;gap:10px;justify-items:start}.browser-title{margin:0;font:italic 900 clamp(34px,2.9vw,54px)/.95 var(--font-display);text-transform:uppercase;letter-spacing:.01em;color:var(--ink-high);filter:drop-shadow(0 3px 0 rgba(0,0,0,.4)) drop-shadow(0 14px 38px rgba(0,0,0,.45))}.browser-title-accent{background:linear-gradient(180deg,var(--champ-accent-hot) 10%,var(--champ-accent) 85%);-webkit-background-clip:text;background-clip:text;color:transparent}.lobby-games{display:grid;gap:clamp(12px,1.2vw,18px);grid-template-columns:repeat(auto-fill,minmax(min(430px,100%),1fr));grid-auto-rows:clamp(76px,10.6vh,96px);align-content:start;overflow-y:auto;padding:4px 6px 18px 4px;scrollbar-width:thin;scrollbar-color:rgba(246,242,232,.22) transparent}.lobby-empty{position:relative;grid-column:1 / -1;align-self:stretch;min-height:clamp(180px,30vh,300px);display:grid;gap:10px;align-content:center;justify-items:center;color:var(--ink-mid);text-align:center}.lobby-empty:before,.lobby-empty:after{content:"";position:absolute;width:44px;height:44px;border:0 solid color-mix(in oklab,var(--champ-accent) 45%,transparent)}.lobby-empty:before{left:clamp(8px,6vw,120px);top:10px;border-left-width:2px;border-top-width:2px}.lobby-empty:after{right:clamp(8px,6vw,120px);bottom:10px;border-right-width:2px;border-bottom-width:2px}.lobby-empty strong{color:var(--ink-high);font:italic 900 clamp(22px,1.87vw,34px)/1 var(--font-display);text-transform:uppercase;letter-spacing:.01em}.lobby-empty small{font:650 clamp(13px,1.02vw,16px)/1.4 var(--font-ui)}.lobby-game{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:clamp(10px,1vw,18px);align-items:center;border:0;border-radius:0;min-height:0;padding:0 clamp(14px,1.25vw,20px) 0 clamp(18px,1.56vw,26px);color:var(--ink-high);--ring-color: rgba(246, 242, 232, .16);--lg-fill: linear-gradient(165deg, rgba(16, 22, 32, .88), rgba(5, 8, 14, .92));clip-path:var(--chamfer);background:var(--ring-color);text-align:left;cursor:var(--sparkfall-menu-cursor)}.lobby-game:after{content:"";position:absolute;inset:var(--ring-w, 1px);z-index:0;clip-path:var(--chamfer);background:var(--lg-fill);box-shadow:inset 0 1px #ffffff0d;pointer-events:none;transition:background var(--t-hover) var(--ease-out)}.lobby-game>*{position:relative;z-index:1}.lobby-game:before{content:"";position:absolute;left:9px;top:12px;bottom:12px;width:3px;z-index:1;transform:skew(var(--tilt));background:color-mix(in oklab,var(--champ-accent) 42%,transparent);transition:background var(--t-hover) var(--ease-out),box-shadow var(--t-hover) var(--ease-out)}.lobby-game:not(:disabled):hover{--ring-color: rgba(246, 242, 232, .3)}.lobby-game:not(:disabled):hover:before{background:var(--champ-accent)}.lobby-game:focus-visible{outline:none;--ring-color: var(--champ-accent);--ring-w: 2px}.lobby-game:disabled{cursor:var(--sparkfall-menu-cursor);opacity:.45}.lobby-game.selected{--ring-color: color-mix(in oklab, var(--champ-accent) 62%, transparent)}.lobby-game.selected:after{background:radial-gradient(circle at 8% 50%,var(--champ-accent-soft),transparent 40%),linear-gradient(165deg,var(--champ-accent-deep),rgba(5,8,14,.94) 72%)}.lobby-game.selected:before{background:var(--champ-accent-hot);box-shadow:0 0 16px var(--champ-glow)}.lobby-game-copy{min-width:0;display:grid;gap:6px}.lobby-game strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:italic 900 clamp(16px,1.25vw,21px)/1.05 var(--font-display);text-transform:uppercase;letter-spacing:.01em}.lobby-game small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-low);font:800 clamp(10px,.78vw,12px)/1 var(--font-ui);text-transform:uppercase;letter-spacing:.12em}.lobby-game-state{display:inline-flex;align-items:center;gap:8px;color:var(--champ-accent);font:850 clamp(10px,.78vw,12px)/1 var(--font-ui);text-transform:uppercase;letter-spacing:.16em;white-space:nowrap}.lobby-game-state:before{content:"";width:2px;height:12px;flex:none;background:currentcolor;transform:skew(var(--tilt))}.lobby-game-state[data-state=full]{color:var(--ink-low)}.lobby-game-state[data-state=live]{color:var(--ink-mid)}.lobby-game-state[data-state=live]:before{animation:lobbyLivePulse 2.2s ease-in-out infinite}.lobby-game-state[data-state=reclaim]{color:var(--champ-accent-hot)}@keyframes lobbyLivePulse{0%,to{opacity:.35}50%{opacity:1}}.lobby-count{justify-self:end;min-width:58px;padding:9px 12px;border:0;border-radius:0;transform:skew(var(--tilt));color:var(--ink-high);background:linear-gradient(168deg,#f6f2e81a,#f6f2e808);box-shadow:inset 0 0 0 1px #f6f2e829;font:italic 900 clamp(14px,1.09vw,18px)/1 var(--font-display);letter-spacing:.02em;text-align:center}.lobby-game.selected .lobby-count{color:var(--ink-on-accent);background:linear-gradient(168deg,var(--champ-accent-hot) 0%,var(--champ-accent) 70%);box-shadow:inset 0 0 0 1px #02040a59,0 0 18px var(--champ-glow),inset 0 1px #ffffff80}.browser-actions{display:flex;align-items:flex-end;gap:14px}.browser-actions .ghost-slab{min-width:clamp(120px,10.9vw,180px)}.browser-actions .ghost-slab .slab-label{font:800 clamp(13px,1.02vw,16px)/1 var(--font-ui);padding:0 18px}#match-continue{margin-left:auto;height:max(54px,4.21vw);min-width:clamp(260px,21.9vw,350px)}#match-continue .slab-label{font:italic 900 clamp(18px,1.45vw,25px)/1 var(--font-display);padding:0 28px;white-space:nowrap}#custom-step .energy-slab:not(:disabled):hover,#custom-step .energy-slab:focus-visible,#create-step .energy-slab:not(:disabled):hover,#create-step .energy-slab:focus-visible,#character-step .energy-slab:not(:disabled):hover,#character-step .energy-slab:focus-visible,.match-lobby .energy-slab:not(:disabled):hover,.match-lobby .energy-slab:focus-visible{outline:none;transform:skew(var(--tilt)) translateY(-2px) scale(1.03);box-shadow:inset 0 0 0 2px #02040a59,0 14px 34px #00000073,0 4px 36px var(--champ-glow)}#custom-step .energy-slab:not(:disabled):hover:after,#create-step .energy-slab:not(:disabled):hover:after,#character-step .energy-slab:not(:disabled):hover:after,.match-lobby .energy-slab:not(:disabled):hover:after{animation:slabShineOnce .42s var(--ease-cine) both}#custom-step .energy-slab:focus-visible,#create-step .energy-slab:focus-visible,#character-step .energy-slab:focus-visible,.match-lobby .energy-slab:focus-visible{box-shadow:var(--focus-ring),inset 0 0 0 2px #02040a59,0 14px 34px #00000073,0 4px 36px var(--champ-glow)}#custom-step .energy-slab:not(:disabled):active,#create-step .energy-slab:not(:disabled):active,#character-step .energy-slab:not(:disabled):active,.match-lobby .energy-slab:not(:disabled):active{transform:skew(var(--tilt)) scale(.97);transition-duration:90ms}#custom-step .energy-slab:disabled,#create-step .energy-slab:disabled,#character-step .energy-slab:disabled,.match-lobby .energy-slab:disabled{cursor:var(--sparkfall-menu-cursor);filter:grayscale(.62) brightness(.6);box-shadow:inset 0 0 0 2px #02040a59,0 14px 34px #0000004d}#custom-step .ghost-slab:not(:disabled):hover,#custom-step .ghost-slab:focus-visible,#create-step .ghost-slab:not(:disabled):hover,#create-step .ghost-slab:focus-visible,#character-step .ghost-slab:not(:disabled):hover,#character-step .ghost-slab:focus-visible,.match-lobby .ghost-slab:not(:disabled):hover,.match-lobby .ghost-slab:focus-visible{outline:none;transform:skew(var(--tilt)) translateY(-2px);background:var(--champ-accent-soft)}#custom-step .ghost-slab:not(:disabled):hover:before,#custom-step .ghost-slab:focus-visible:before,#create-step .ghost-slab:not(:disabled):hover:before,#create-step .ghost-slab:focus-visible:before,#character-step .ghost-slab:not(:disabled):hover:before,#character-step .ghost-slab:focus-visible:before,.match-lobby .ghost-slab:not(:disabled):hover:before,.match-lobby .ghost-slab:focus-visible:before{border-color:var(--champ-accent)}#custom-step .ghost-slab:focus-visible,#create-step .ghost-slab:focus-visible,#character-step .ghost-slab:focus-visible,.match-lobby .ghost-slab:focus-visible{box-shadow:var(--focus-ring)}#custom-step .ghost-slab:not(:disabled):active,#create-step .ghost-slab:not(:disabled):active,#character-step .ghost-slab:not(:disabled):active,.match-lobby .ghost-slab:not(:disabled):active{transform:skew(var(--tilt)) scale(.97);transition-duration:90ms}#custom-step .ghost-slab:disabled,#create-step .ghost-slab:disabled,#character-step .ghost-slab:disabled,.match-lobby .ghost-slab:disabled{cursor:var(--sparkfall-menu-cursor);opacity:.45}#create-step{--ghost-h: max(46px, 3.59vw)}#username-gate[data-step=create] .start-step.active{display:block;position:absolute;right:0;bottom:0;left:0;top:0;transform:none;width:auto;max-height:none}.create-board{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(18px,3vh,30px);padding:86px var(--gutter) clamp(24px,4.4vh,42px);background:radial-gradient(56% 42% at 14% 0%,color-mix(in oklab,var(--champ-accent) 9%,transparent),transparent 72%),linear-gradient(0deg,rgba(2,4,8,.68),transparent 30%);animation:heroCopyIn .38s var(--ease-pop) backwards}.create-form{align-self:start;width:min(920px,100%);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,3.2vh,30px) clamp(16px,1.56vw,26px);padding:clamp(6px,1.6vh,16px) 6px 0 4px}@media(max-width:860px){.create-form{grid-template-columns:minmax(0,1fr)}}.create-field{display:grid;gap:10px;justify-items:stretch}.create-field--wide{grid-column:1 / -1}.create-field-label{display:inline-flex;align-items:center;gap:10px;color:var(--ink-mid);font:850 clamp(11px,.86vw,13px)/1 var(--font-ui);text-transform:uppercase;letter-spacing:.16em;transition:color var(--t-hover) var(--ease-out)}.create-field-label:before{content:"";width:2px;height:12px;flex:none;background:color-mix(in oklab,var(--champ-accent) 70%,transparent);transform:skew(var(--tilt));transition:background var(--t-hover) var(--ease-out),box-shadow var(--t-hover) var(--ease-out)}.create-field:focus-within .create-field-label{color:var(--champ-accent)}.create-field:focus-within .create-field-label:before{background:var(--champ-accent);box-shadow:0 0 12px var(--champ-glow)}.create-field select,.create-field input{width:100%;min-width:0;height:clamp(50px,4.1vw,60px);border:0;border-radius:0;outline:none;padding:0 clamp(16px,1.25vw,20px);clip-path:var(--chamfer);background:linear-gradient(165deg,#101620e0,#05080eeb);box-shadow:inset 0 1px #ffffff0d;color:var(--ink-high);font:800 clamp(14px,1.1vw,17px)/1.2 var(--font-ui);transition:box-shadow var(--t-hover) var(--ease-out)}.create-field--wide{position:relative;--ring-color: rgba(246, 242, 232, .2)}.create-field--wide:after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:0;height:clamp(50px,4.1vw,60px);clip-path:var(--chamfer);background:var(--ring-color);pointer-events:none;transition:background var(--t-hover) var(--ease-out)}.create-field--wide:before{content:"";position:absolute;left:var(--ring-w, 1px);right:var(--ring-w, 1px);bottom:var(--ring-w, 1px);z-index:1;height:calc(clamp(50px,4.1vw,60px) - var(--ring-w, 1px) * 2);clip-path:var(--chamfer);background:linear-gradient(165deg,#101620e0,#05080eeb);box-shadow:inset 0 1px #ffffff0d;pointer-events:none;transition:box-shadow var(--t-hover) var(--ease-out)}.create-field--wide input{position:relative;z-index:2;clip-path:none;background:transparent;box-shadow:none}.create-field--wide:hover{--ring-color: rgba(246, 242, 232, .24)}.create-field--wide:focus-within{--ring-color: color-mix(in oklab, var(--champ-accent) 62%, transparent);--ring-w: 2px}.create-field select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:56px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 9"><path d="M1.5 1.5 7 7l5.5-5.5" fill="none" stroke="%23b9c2cf" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat right clamp(18px,1.4vw,24px) center / 13px,linear-gradient(165deg,#101620e0,#05080eeb)}.create-field select option{color:var(--ink-high);background:#0c1119;font-style:normal}.create-field input::placeholder{color:var(--ink-low);font-weight:650}.create-field select:not(:disabled):hover,.create-field input:not(.create-field--wide input):hover{box-shadow:inset 0 1px #ffffff12}.create-field select:focus-visible,.create-field input:not(.create-field--wide input):focus-visible,.create-field input:not(.create-field--wide input):focus{box-shadow:inset 0 1px #ffffff14}.create-field--wide:hover:before{box-shadow:inset 0 1px #ffffff12}.create-field--wide:focus-within:before{box-shadow:inset 0 1px #ffffff14}#lobby-create{margin-left:auto;height:max(54px,4.21vw);min-width:clamp(260px,21.9vw,350px)}#lobby-create .slab-label{font:italic 900 clamp(18px,1.45vw,25px)/1 var(--font-display);padding:0 28px;white-space:nowrap}#character-step{--ghost-h: max(46px, 3.59vw)}#username-gate[data-step=character] .start-step.active{display:block;position:absolute;right:0;bottom:0;left:0;top:0;transform:none;width:auto;max-height:none}.character-board{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(18px,3vh,30px);padding:86px var(--gutter) clamp(24px,4.4vh,42px);background:radial-gradient(56% 42% at 14% 0%,color-mix(in oklab,var(--champ-accent) 9%,transparent),transparent 72%),linear-gradient(0deg,rgba(2,4,8,.68),transparent 30%);animation:heroCopyIn .38s var(--ease-pop) backwards}.class-picker{min-height:0;display:flex;align-items:stretch;justify-content:center;gap:clamp(14px,1.25vw,22px);padding:10px 4px 6px}.class-option{--champ-accent-hot: color-mix(in oklab, var(--champ-accent, #79f2ff) 62%, white);--champ-accent-soft: color-mix(in oklab, var(--champ-accent, #79f2ff) 30%, transparent);--champ-glow: color-mix(in oklab, var(--champ-accent, #79f2ff) 48%, transparent);--focus-ring: 0 0 0 2px var(--floor), 0 0 0 4px var(--champ-accent, #79f2ff);--band-h: clamp(84px, 13vh, 116px);position:relative;flex:1 1 0;min-width:0;max-width:clamp(190px,17.2vw,320px);display:grid;align-content:end;justify-items:center;gap:7px;margin:0;border:0;border-radius:0;padding:0 10px clamp(16px,2.6vh,26px);background:none;color:var(--ink-high);text-align:center;cursor:var(--sparkfall-menu-cursor);box-shadow:0 24px 60px #0000006b;transition:transform .24s var(--ease-pop),box-shadow .24s var(--ease-out);animation:slatRise .46s var(--ease-pop) calc(var(--card-i, 0) * 55ms) backwards}.class-option:nth-child(2){--card-i: 1}.class-option:nth-child(3){--card-i: 2}.class-option:nth-child(4){--card-i: 3}.class-option:nth-child(5){--card-i: 4}.class-option[data-class=shooter]{--champ-accent: var(--champion-shooter-accent, #79f2ff)}.class-option[data-class=melee]{--champ-accent: var(--champion-melee-accent, #ff9f43)}.class-option[data-class=sabadin]{--champ-accent: var(--champion-sabadin-accent, #b986ff)}.class-option[data-class=alaar]{--champ-accent: var(--champion-alaar-accent, #69aaff)}.class-option[data-class=healer]{--champ-accent: var(--champion-healer-accent, #f2d27a)}.class-portrait{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%);background-color:#0a1019;background-image:var(--champion-shooter-card, none);background-size:cover;background-position:center top;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px #f6f2e81c;filter:saturate(.94) brightness(.78);transition:filter .24s var(--ease-out),box-shadow .24s var(--ease-out)}.class-option[data-class=melee] .class-portrait{background-image:var(--champion-melee-card, none)}.class-option[data-class=sabadin] .class-portrait{background-image:var(--champion-sabadin-card, none)}.class-option[data-class=alaar] .class-portrait{background-image:var(--champion-alaar-card, none)}.class-option[data-class=healer] .class-portrait{background-image:var(--champion-healer-card, none)}.class-portrait:before{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--band-h);clip-path:polygon(0 20px,100% 0,100% 100%,0 100%);background:linear-gradient(0deg,rgba(2,4,10,.95),rgba(2,4,10,.55) 64%,transparent)}.class-portrait:after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--band-h);clip-path:polygon(0 20px,100% 0,100% 3px,0 23px);background:color-mix(in oklab,var(--champ-accent) 45%,transparent);transition:background var(--t-hover) var(--ease-out)}.class-option>span:not(.class-portrait){position:relative;z-index:1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:italic 900 clamp(17px,1.4vw,26px)/1 var(--font-display);text-transform:uppercase;letter-spacing:.01em}.class-option small{position:relative;z-index:1;color:var(--champ-accent, var(--ink-mid));font:800 clamp(10px,.86vw,13px)/1 var(--font-ui);text-transform:uppercase;letter-spacing:.14em}#character-step .class-option:not(:disabled):hover,#character-step .class-option:focus-visible{outline:none;transform:translateY(-4px);filter:none;box-shadow:0 28px 64px #00000073,0 0 48px var(--champ-glow)}#character-step .class-option:focus-visible{box-shadow:var(--focus-ring),0 28px 64px #00000073,0 0 48px var(--champ-glow)}#character-step .class-option:not(:disabled):active{transform:translateY(-1px) scale(.985);filter:none;transition-duration:90ms}.class-option:not(:disabled):hover .class-portrait,.class-option:focus-visible .class-portrait{filter:none;box-shadow:inset 0 0 0 1px #f6f2e833}.class-option:not(:disabled):hover .class-portrait:after,.class-option:focus-visible .class-portrait:after{background:var(--champ-accent)}.class-option.selected .class-portrait{filter:none;box-shadow:inset 0 0 0 2px var(--champ-accent)}.class-option.selected .class-portrait:after{background:var(--champ-accent);box-shadow:0 0 16px var(--champ-glow)}.class-option:after{content:"";position:absolute;left:calc(50% - 4px);bottom:calc(var(--band-h) + 6px);z-index:2;width:8px;height:8px;rotate:45deg;background:var(--champ-accent-hot);box-shadow:0 0 12px var(--champ-glow);opacity:0;transition:opacity var(--t-hover) var(--ease-out)}.class-option.selected:after{opacity:1}#character-submit{margin-left:auto;height:max(54px,4.21vw);min-width:clamp(260px,21.9vw,350px)}#character-submit .slab-label{font:italic 900 clamp(18px,1.45vw,25px)/1 var(--font-display);padding:0 28px;white-space:nowrap}.match-lobby{position:fixed;top:0;right:0;bottom:0;left:0;z-index:18;--champ-accent-hot: color-mix(in oklab, var(--champ-accent) 62%, white);--champ-accent-soft: color-mix(in oklab, var(--champ-accent) 30%, transparent);--champ-accent-deep: color-mix(in oklab, var(--champ-accent) 16%, var(--abyss));--champ-glow: color-mix(in oklab, var(--champ-accent) 48%, transparent);--ghost-h: max(46px, 3.59vw);background:radial-gradient(58% 44% at 50% 0%,color-mix(in oklab,var(--champ-accent) 10%,transparent),transparent 72%),radial-gradient(120% 86% at 50% 46%,transparent 52%,rgba(2,4,8,.66)),linear-gradient(180deg,#070c15,var(--abyss) 58%,var(--floor));pointer-events:auto;cursor:var(--sparkfall-menu-cursor)}.match-lobby[hidden]{display:none}.match-lobby-stage{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(16px,2.8vh,28px);width:100%;height:100%;padding:clamp(56px,9vh,80px) var(--gutter) clamp(22px,4vh,42px);animation:heroCopyIn .38s var(--ease-pop) backwards}.match-lobby-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 18px;align-items:end}.match-lobby-heading .hero-kicker{grid-column:1 / -1}.match-lobby-heading strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-high);font:italic 900 clamp(34px,2.9vw,54px)/.95 var(--font-display);text-transform:uppercase;letter-spacing:.01em;filter:drop-shadow(0 3px 0 rgba(0,0,0,.4)) drop-shadow(0 14px 38px rgba(0,0,0,.45))}.match-lobby-heading small{display:inline-flex;align-items:center;gap:10px;justify-self:end;margin-bottom:8px;color:var(--ink-mid);font:850 clamp(11px,.86vw,14px)/1 var(--font-ui);text-transform:uppercase;letter-spacing:.16em;white-space:nowrap}.match-lobby-heading small:before{content:"";width:2px;height:13px;flex:none;background:var(--champ-accent);transform:skew(var(--tilt))}.match-lobby-teams{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:clamp(18px,2.5vw,48px);align-content:center;align-self:center;width:100%;max-width:1240px;justify-self:center}.match-lobby-team{display:grid;gap:clamp(12px,1.9vh,18px);align-content:start;min-width:0;--team-accent: var(--ink-mid);--team-glow: rgba(246, 242, 232, .2)}.match-lobby-team.blue{--team-accent: #73e9ff;--team-glow: rgba(115, 233, 255, .3)}.match-lobby-team.red{--team-accent: #ff8aa0;--team-glow: rgba(255, 138, 160, .28)}.match-lobby-team h3{margin:0;display:flex;align-items:center;gap:12px;color:var(--team-accent);font:italic 900 clamp(19px,1.56vw,28px)/1 var(--font-display);text-transform:uppercase;letter-spacing:.02em;filter:drop-shadow(0 2px 0 rgba(0,0,0,.4))}.match-lobby-team h3:before{content:"";width:3px;height:18px;flex:none;background:var(--team-accent);transform:skew(var(--tilt));box-shadow:0 0 12px var(--team-glow)}.match-lobby-team.red h3{flex-direction:row-reverse;text-align:right}.match-lobby-vs{align-self:stretch;display:grid;gap:14px;justify-items:center;align-content:center}.match-lobby-vs:before,.match-lobby-vs:after{content:"";width:2px;height:clamp(48px,12vh,130px);transform:skew(var(--tilt));background:linear-gradient(180deg,transparent,rgba(246,242,232,.22))}.match-lobby-vs:after{background:linear-gradient(0deg,transparent,rgba(246,242,232,.22))}.match-lobby-slots{display:grid;gap:clamp(10px,1.6vh,14px)}.match-lobby-slot{position:relative;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(10px,1vw,16px);align-items:center;min-height:clamp(64px,9vh,86px);padding:10px clamp(12px,1.1vw,18px) 10px clamp(16px,1.4vw,24px);border:0;border-radius:0;--ring-color: rgba(246, 242, 232, .2);--slot-fill: linear-gradient(165deg, color-mix(in oklab, var(--team-accent) 7%, transparent), transparent 56%), linear-gradient(165deg, rgba(16, 22, 32, .9), rgba(5, 8, 14, .92));--slot-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);clip-path:var(--chamfer);background:var(--ring-color)}.match-lobby-slot.occupied{grid-template-columns:auto minmax(0,1fr) auto}.match-lobby-slot:before{content:"";position:absolute;left:8px;top:11px;bottom:11px;width:3px;z-index:1;transform:skew(var(--tilt));background:color-mix(in oklab,var(--team-accent) 55%,transparent)}.match-lobby-slot:after{content:"";position:absolute;inset:var(--ring-w, 1px);z-index:0;clip-path:var(--chamfer);background:var(--slot-fill);box-shadow:var(--slot-shadow, none);pointer-events:none;transition:background var(--t-hover) var(--ease-out)}.match-lobby-slot>*{position:relative;z-index:1}.match-lobby-slot-copy,.lobby-slot-main{min-width:0;display:grid;gap:6px;text-align:left}.lobby-slot-main{align-self:stretch;align-content:center;border:0;padding:0;color:inherit;background:transparent;cursor:var(--sparkfall-menu-cursor)}.lobby-slot-main:focus-visible{outline:none}.match-lobby-slot.self{--ring-color: color-mix(in oklab, var(--team-accent) 62%, transparent);--slot-fill: linear-gradient(165deg, color-mix(in oklab, var(--team-accent) 16%, transparent), transparent 60%), linear-gradient(165deg, rgba(24, 32, 45, .95), rgba(8, 12, 19, .95));--slot-shadow: inset 0 1px 0 rgba(255, 255, 255, .09), inset 0 0 26px color-mix(in oklab, var(--team-accent) 9%, transparent)}.match-lobby-slot.self:before{background:var(--team-accent);box-shadow:0 0 14px var(--team-glow)}.match-lobby-slot.empty{--ring-color: rgba(246, 242, 232, .12);color:var(--ink-low);--slot-fill: linear-gradient(165deg, color-mix(in oklab, var(--team-accent) 4%, transparent), transparent 58%), rgba(5, 8, 14, .42);--slot-shadow: none;transition:background var(--t-hover) var(--ease-out)}.match-lobby-slot.empty:before{background:color-mix(in oklab,var(--team-accent) 32%,transparent);transition:background var(--t-hover) var(--ease-out),box-shadow var(--t-hover) var(--ease-out)}.match-lobby-slot.empty:has(.lobby-slot-main:hover),.match-lobby-slot.empty:has(.lobby-slot-main:focus-visible){--ring-color: color-mix(in oklab, var(--team-accent) 45%, transparent);--slot-fill: linear-gradient(165deg, color-mix(in oklab, var(--team-accent) 13%, transparent), transparent 62%), rgba(7, 11, 18, .6);--slot-shadow: none}.match-lobby-slot.empty:has(.lobby-slot-main:hover):before,.match-lobby-slot.empty:has(.lobby-slot-main:focus-visible):before{background:var(--team-accent);box-shadow:0 0 14px var(--team-glow)}.match-lobby-slot.empty:has(.lobby-slot-main:hover) span,.match-lobby-slot.empty:has(.lobby-slot-main:focus-visible) span{color:var(--ink-high)}.match-lobby-slot.closed{--ring-color: rgba(246, 242, 232, .12);color:#f6f2e852;--slot-fill: repeating-linear-gradient(135deg, rgba(246, 242, 232, .03) 0 8px, transparent 8px 22px), linear-gradient(165deg, rgba(5, 7, 11, .78), rgba(3, 5, 8, .74));--slot-shadow: none}.match-lobby-slot.closed:before{background:#f6f2e824}.match-lobby-slot.closed span{color:#f6f2e866}.match-lobby-slot span,.lobby-slot-main span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-high);font:italic 900 clamp(15px,1.17vw,19px)/1.05 var(--font-display);text-transform:uppercase;letter-spacing:.01em}.match-lobby-slot small,.lobby-slot-main small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-low);font:800 clamp(10px,.78vw,11.5px)/1 var(--font-ui);text-transform:uppercase;letter-spacing:.12em}.lobby-champion-button{position:relative;width:clamp(46px,6.4vh,58px);height:clamp(46px,6.4vh,58px);padding:3px;border:0;border-radius:0;--cut: 10px;--chamfer: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);--ring-w: 1.5px;--ring-color: rgba(246, 242, 232, .18);clip-path:var(--chamfer);background-color:var(--ring-color);cursor:var(--sparkfall-menu-cursor);outline:none;transition:background-color .14s var(--ease-out, ease)}.lobby-champion-button:after{content:"";position:absolute;inset:var(--ring-w);clip-path:var(--chamfer);background:#02040ad1;z-index:0}.lobby-champion-button>*{position:relative;z-index:1}.lobby-champion-button:not(:disabled):hover,.lobby-champion-button:focus-visible{--ring-color: var(--champ-accent, #79f2ff);--ring-w: 2px}.lobby-champion-button:disabled{cursor:var(--sparkfall-menu-cursor)}.lobby-champion-portrait{position:relative;display:block;width:100%;aspect-ratio:1;border-radius:0;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);background-color:#0a1018;background-size:cover;background-position:center top;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff24}.lobby-champion-portrait.is-layered{--cut: 9px;--chamfer: polygon(0 -40%, calc(100% - var(--cut)) -40%, 100% calc(var(--cut) - 40%), 100% 100%, 0 100%);clip-path:var(--chamfer);background:none;overflow:visible;box-shadow:none}.lobby-champion-portrait.is-layered[data-class]{background-image:none}.lobby-champion-portrait.is-layered .plate-portrait-square{position:absolute;top:1px;right:1px;bottom:1px;left:1px;--cut: 8px;--chamfer: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);clip-path:var(--chamfer);background-image:var(--plate-img);background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #00000061}.lobby-champion-portrait.is-layered .layered-art{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none}.lobby-champion-portrait.is-layered .layered-art-fg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.portrait-square-art .layered-art-clip{-webkit-mask-image:linear-gradient(to right,transparent 0 9.677%,#000 9.677% 90.323%,transparent 90.323% 100%),linear-gradient(to bottom,#000 0 10.714%,transparent 10.714% 100%);mask-image:linear-gradient(to right,transparent 0 9.677%,#000 9.677% 90.323%,transparent 90.323% 100%),linear-gradient(to bottom,#000 0 10.714%,transparent 10.714% 100%);-webkit-mask-repeat:no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat;-webkit-mask-composite:source-over;mask-composite:add}.lobby-champion-portrait[data-class=hidden],.lobby-champion-portrait[data-class=random]{background-image:repeating-linear-gradient(135deg,rgba(246,242,232,.05) 0 6px,transparent 6px 14px),linear-gradient(165deg,#0a1018,#050910);background-size:auto,100% 100%;background-position:center}.lobby-champion-portrait[data-class=random]:after{content:"?";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff8e9;font:italic 900 22px/1 var(--font-display);text-shadow:-2px -2px 0 #020308,2px -2px 0 #020308,-2px 2px 0 #020308,2px 2px 0 #020308}.lobby-champion-button.hidden-pick{opacity:.68}.lobby-slot-config{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:clamp(86px,7vw,104px);justify-self:end;min-height:32px;border:1px solid rgba(246,242,232,.18);border-radius:0;padding:0 24px 0 12px;clip-path:none;color:var(--ink-mid);background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'8'%20height%3D'5'%20viewBox%3D'0%200%208%205'%3E%3Cpath%20d%3D'M1%201l3%203%203-3'%20fill%3D'none'%20stroke%3D'%23f6f2e8'%20stroke-opacity%3D'0.55'%20stroke-width%3D'1.4'%2F%3E%3C%2Fsvg%3E") no-repeat right 9px center,#03060bd9;font:800 10.5px/1 var(--font-ui);text-transform:uppercase;letter-spacing:.1em;cursor:var(--sparkfall-menu-cursor);transition:border-color var(--t-hover) var(--ease-out),color var(--t-hover) var(--ease-out)}.lobby-slot-config:hover,.lobby-slot-config:focus-visible{outline:none;border-color:color-mix(in oklab,var(--champ-accent) 65%,transparent);color:var(--ink-high)}.match-lobby-actions{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:flex-end;gap:14px}.match-lobby-actions #match-lobby-back{margin-right:auto}.match-lobby-actions [hidden]{display:none}.match-lobby-actions .ghost-slab{min-width:clamp(140px,12.5vw,200px)}.match-lobby-actions .ghost-slab .slab-label{font:800 clamp(13px,1.02vw,16px)/1 var(--font-ui);padding:0 18px}.match-lobby-actions .energy-slab{height:max(54px,4.21vw);min-width:clamp(230px,18.7vw,300px)}.match-lobby-actions .energy-slab .slab-label{font:italic 900 clamp(18px,1.45vw,25px)/1 var(--font-display);padding:0 28px;white-space:nowrap}@media(max-width:760px){.match-lobby-teams{grid-template-columns:1fr}.match-lobby-vs{display:none}}.champion-picker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:68;background:var(--abyss);cursor:var(--sparkfall-menu-cursor)}.champion-picker[hidden]{display:none}.champion-hall{position:absolute;top:0;right:0;bottom:0;left:0;--champ-accent-hot: color-mix(in oklab, var(--champ-accent, #79f2ff) 62%, white);--champ-accent-soft: color-mix(in oklab, var(--champ-accent, #79f2ff) 30%, transparent);--champ-glow: color-mix(in oklab, var(--champ-accent, #79f2ff) 48%, transparent);transition:--champ-accent .4s var(--ease-cine)}.champion-hall[hidden]{display:none}.hall-ambient{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.hall-scene{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center 32%;filter:brightness(.62) saturate(1.08);transform:scale(1.04);opacity:0;transition:opacity .36s var(--ease-cine)}.hall-scene.is-active{opacity:.55}.hall-floor{position:absolute;left:-8vw;right:-8vw;top:86vh;height:2px;rotate:var(--tilt);background:linear-gradient(90deg,transparent,var(--champ-accent, #79f2ff) 22%,var(--champ-accent, #79f2ff) 78%,transparent);box-shadow:0 0 24px 2px var(--champ-glow),0 0 60px 18px var(--champ-glow);opacity:.8;animation:hallFloorDrift 18s ease-in-out infinite alternate}@keyframes hallFloorDrift{0%{transform:translate(-2vw)}to{transform:translate(2vw)}}.hall-grade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(2,4,8,.55),transparent 120px),radial-gradient(120% 90% at 50% 40%,transparent 55%,rgba(2,4,8,.5))}.hall-heading{position:absolute;top:26px;left:var(--gutter);z-index:6;pointer-events:none;display:grid;gap:14px;justify-items:start;animation:hallHeadingIn .32s var(--ease-out) backwards}.hall-kicker{display:inline-flex;align-items:center;gap:12px;color:var(--champ-accent, #79f2ff);font:850 13px/1 var(--font-ui);text-transform:uppercase;letter-spacing:.18em}.hall-kicker:before{content:"";width:3px;height:18px;flex:none;background:var(--champ-accent, #79f2ff);transform:skew(var(--tilt));box-shadow:0 0 12px var(--champ-glow)}#champion-picker-title{color:var(--ink-high);font:italic 900 36px/.92 var(--font-display);text-transform:uppercase;letter-spacing:.01em;text-shadow:0 2px 0 rgba(0,0,0,.35),0 14px 44px rgba(0,0,0,.55)}@keyframes hallHeadingIn{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 -10% 0 0)}}#champion-picker-close{position:absolute;top:38px;right:var(--gutter);z-index:6;width:44px;height:44px;border:0;border-radius:0;clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%);color:var(--ink-mid);background:#080c149e;font:400 20px/1 var(--font-ui);cursor:var(--sparkfall-menu-cursor);transition:background var(--t-micro) var(--ease-out),color var(--t-micro) var(--ease-out)}#champion-picker-close:hover,#champion-picker-close:focus-visible{color:var(--ink-high);background:var(--champ-accent-soft);outline:none}#champion-picker-close:focus-visible{box-shadow:inset 0 0 0 2px var(--champ-accent, #79f2ff)}.layered-art{overflow:visible}.layered-art-clip{position:absolute;overflow:hidden;pointer-events:none}.layered-art-frame{position:absolute}.layered-art-fg{position:absolute;background-size:100% 100%;background-repeat:no-repeat;filter:drop-shadow(0 16px 18px rgba(0,0,0,.42))}.portrait-circle-art .layered-art-clip{--ring-rx: 29.762%;--ring-ry: 37.313%;--ring-cx: 50%;--ring-cy: 62.687%;--peek-rx: 27%;--peek-ry: 30%;--peek-cx: 50%;--peek-cy: 29%;-webkit-mask-image:radial-gradient(ellipse var(--ring-rx) var(--ring-ry) at var(--ring-cx) var(--ring-cy),#000 99.4%,transparent 100%),radial-gradient(ellipse var(--peek-rx) var(--peek-ry) at var(--peek-cx) var(--peek-cy),#000 98%,transparent 100%);mask-image:radial-gradient(ellipse var(--ring-rx) var(--ring-ry) at var(--ring-cx) var(--ring-cy),#000 99.4%,transparent 100%),radial-gradient(ellipse var(--peek-rx) var(--peek-ry) at var(--peek-cx) var(--peek-cy),#000 98%,transparent 100%);-webkit-mask-repeat:no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat;-webkit-mask-composite:source-over;mask-composite:add}.champion-slats{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:96px var(--gutter) 56px}.champion-slats{--slat-hover-dur: 0ms;--slat-hover-ease: cubic-bezier(.16, 1, .3, 1);--slat-unhover-dur: 0ms;--slat-unhover-ease: cubic-bezier(.16, 1, .3, 1);--slat-hover-scale: 1.3;--slat-hover-rise: 100px;--slat-fade-start: .725;--slat-fade-end: .98;--slat-fade-mid-pos: .5;--slat-fade-mid-alpha: .5;--slat-fade-top-ext: .6;--slat-fade-side-ext: 2.2;--slat-plate-dur: .37s;--slat-plate-ease: cubic-bezier(.16, 1, .3, 1);--slat-plate-scale-x: 1.4;--slat-plate-scale-y: 1.04;--slat-neighbour-shift: calc((var(--slat-plate-scale-x) - 1) * 42.7%);--slat-dim-gray: .2;--slat-dim-bright: .4;--slat-dim-opacity: 1;--slat-glow-blur: 48px}.champion-slat{--champ-accent-hot: color-mix(in oklab, var(--champ-accent, #79f2ff) 62%, white);--champ-accent-soft: color-mix(in oklab, var(--champ-accent, #79f2ff) 30%, transparent);--champ-glow: color-mix(in oklab, var(--champ-accent, #79f2ff) 48%, transparent);--focus-ring: 0 0 0 2px var(--floor), 0 0 0 4px var(--champ-accent, #79f2ff);--slat-art-lift: 46px;--slat-shingle: 18px;--slat-fig-rest-scale: .86;position:relative;container-type:inline-size;flex:1 1 0;min-width:0;max-width:220px;height:min(72vh,740px);align-self:center;margin:0;padding:0;border:0;border-radius:0;background:none;color:var(--ink-high);cursor:var(--sparkfall-menu-cursor);z-index:var(--slat-i, 0);overflow:visible;--slat-plate-scale-now-x: 1;transition:transform var(--slat-plate-dur, .26s) var(--slat-plate-ease, var(--ease-pop)),translate var(--slat-plate-dur, .26s) var(--slat-plate-ease, var(--ease-pop)),filter .26s var(--ease-out),opacity .26s var(--ease-out),--slat-plate-scale-now-x var(--slat-plate-dur, .26s) var(--slat-plate-ease, var(--ease-pop));animation:slatRise .46s var(--ease-pop) calc(var(--slat-i, 0) * 55ms) backwards}@property --slat-plate-scale-now-x{syntax: "<number>"; initial-value: 1; inherits: true;}.champion-slat+.champion-slat{margin-left:calc(-1 * var(--slat-shingle))}.champion-slat:hover,.champion-slat:focus-visible{outline:none;z-index:40;--slat-plate-scale-now-x: var(--slat-plate-scale-x)}.champion-slat[data-selected]:not(:hover):not(:focus-visible){z-index:var(--slat-i, 0)}.champion-slats:has(.champion-slat:hover) .champion-slat:not(:hover):not(:focus-visible),.champion-slats:has(.champion-slat:focus-visible) .champion-slat:not(:hover):not(:focus-visible){filter:grayscale(var(--slat-dim-gray, .85)) brightness(var(--slat-dim-bright, .7));opacity:var(--slat-dim-opacity, 1)}.champion-slat:hover~.champion-slat,.champion-slat:focus-visible~.champion-slat{transform:translate(var(--slat-neighbour-shift, 13px))}.champion-slats:has(.champion-slat:hover) .champion-slat:has(~.champion-slat:hover),.champion-slats:has(.champion-slat:focus-visible) .champion-slat:has(~.champion-slat:focus-visible){transform:translate(calc(-1 * var(--slat-neighbour-shift, 13px)))}.champion-slat:focus-visible{box-shadow:var(--focus-ring)}.slat-scene{--slat-plate-inset-top: 64px;--slat-plate-inset-x: 16px;position:absolute;inset:var(--slat-plate-inset-top) var(--slat-plate-inset-x) 0;overflow:hidden;border-radius:3px;background:linear-gradient(180deg,#0a1019,#05080e 70%,var(--abyss));box-shadow:0 32px 80px #00000073;transform-origin:50% 100%;transition:box-shadow .28s var(--ease-out),transform var(--slat-plate-dur, .26s) var(--slat-plate-ease, var(--ease-pop))}.champion-slat:hover .slat-scene,.champion-slat:focus-visible .slat-scene{transform:scaleX(var(--slat-plate-scale-x, 1.09)) scaleY(var(--slat-plate-scale-y, 1.04));box-shadow:0 32px 80px #00000073,0 0 48px var(--champ-glow);transition:box-shadow 90ms linear,transform var(--slat-plate-dur, .26s) var(--slat-plate-ease, var(--ease-pop))}.slat-scene-art{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center top;filter:saturate(.92) brightness(.86);transition:filter .28s var(--ease-out)}.slat-art-window{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none}.slat-fade-host{position:absolute;left:calc(-1 * var(--slat-fade-side-ext, .7) * 100%);right:calc(-1 * var(--slat-fade-side-ext, .7) * 100%);top:calc(-1 * var(--slat-fade-top-ext, .7) * 100%);bottom:0;overflow:visible;pointer-events:none;--slat-fade-lo: calc((1 - var(--slat-fade-end)) / (1 + var(--slat-fade-top-ext, .7)) * 100%);--slat-fade-hi: calc((1 - var(--slat-fade-start)) / (1 + var(--slat-fade-top-ext, .7)) * 100%);--slat-fade-mid: calc( var(--slat-fade-lo) + var(--slat-fade-mid-pos, .5) * (var(--slat-fade-hi) - var(--slat-fade-lo)) );-webkit-mask-image:linear-gradient(to top,transparent 0%,transparent var(--slat-fade-lo),rgba(0,0,0,var(--slat-fade-mid-alpha, .5)) var(--slat-fade-mid),#000 var(--slat-fade-hi),#000 100%);mask-image:linear-gradient(to top,transparent 0%,transparent var(--slat-fade-lo),rgba(0,0,0,var(--slat-fade-mid-alpha, .5)) var(--slat-fade-mid),#000 var(--slat-fade-hi),#000 100%)}.slat-fade-box{position:absolute;left:calc(var(--slat-fade-side-ext, .7) / (1 + 2 * var(--slat-fade-side-ext, .7)) * 100%);right:calc(var(--slat-fade-side-ext, .7) / (1 + 2 * var(--slat-fade-side-ext, .7)) * 100%);top:calc(var(--slat-fade-top-ext, .7) / (1 + var(--slat-fade-top-ext, .7)) * 100%);bottom:0;overflow:visible;pointer-events:none}.slat-art-frame{position:absolute;top:0;right:0;bottom:0;left:0;--slat-crop-x: 16px;--slat-crop-bottom: calc(100% - 10px) ;-webkit-clip-path:polygon(calc(50% - (50% - var(--slat-crop-x)) * var(--slat-plate-scale-now-x)) -300%,calc(50% + (50% - var(--slat-crop-x)) * var(--slat-plate-scale-now-x)) -300%,calc(50% + (50% - var(--slat-crop-x)) * var(--slat-plate-scale-now-x)) var(--slat-crop-bottom),calc(50% - (50% - var(--slat-crop-x)) * var(--slat-plate-scale-now-x)) var(--slat-crop-bottom));clip-path:polygon(calc(50% - (50% - var(--slat-crop-x)) * var(--slat-plate-scale-now-x)) -300%,calc(50% + (50% - var(--slat-crop-x)) * var(--slat-plate-scale-now-x)) -300%,calc(50% + (50% - var(--slat-crop-x)) * var(--slat-plate-scale-now-x)) var(--slat-crop-bottom),calc(50% - (50% - var(--slat-crop-x)) * var(--slat-plate-scale-now-x)) var(--slat-crop-bottom));transition:-webkit-clip-path var(--slat-unhover-dur, .24s) var(--slat-unhover-ease, var(--ease-out)),clip-path var(--slat-unhover-dur, .24s) var(--slat-unhover-ease, var(--ease-out))}.champion-slat:hover .slat-art-frame,.champion-slat:focus-visible .slat-art-frame{-webkit-clip-path:polygon(-300% -300%,400% -300%,400% var(--slat-crop-bottom),-300% var(--slat-crop-bottom));clip-path:polygon(-300% -300%,400% -300%,400% var(--slat-crop-bottom),-300% var(--slat-crop-bottom));transition:-webkit-clip-path var(--slat-hover-dur, .24s) var(--slat-hover-ease, var(--ease-out)),clip-path var(--slat-hover-dur, .24s) var(--slat-hover-ease, var(--ease-out))}.slat-art{position:absolute;top:calc(-1 * var(--slat-art-lift));left:50%;height:100%;aspect-ratio:640 / 1036;translate:-50% 0}.champion-slat[data-champion-choice=shooter]{--slat-rest-x: 8px;--slat-rest-shift: -37px;--slat-fig-mul: .925;--slat-rise-adj: 25px}.champion-slat[data-champion-choice=melee]{--slat-rest-x: 12px;--slat-rest-shift: -76px;--slat-fig-mul: 1;--slat-rise-adj: -43px}.champion-slat[data-champion-choice=sabadin]{--slat-rest-x: 0px;--slat-rest-shift: -142px;--slat-fig-mul: .845;--slat-rise-adj: 47px}.champion-slat[data-champion-choice=alaar]{--slat-rest-x: 24px;--slat-rest-shift: 3px;--slat-fig-mul: 1;--slat-rise-adj: -29px}.champion-slat[data-champion-choice=healer]{--slat-rest-x: 8px;--slat-rest-shift: 12px;--slat-fig-mul: .95;--slat-rise-adj: 0px}.champion-slat:hover .slat-scene-art,.champion-slat:focus-visible .slat-scene-art{filter:none}.champion-slat[data-selected] .slat-scene-art{filter:saturate(1) brightness(.95)}.slat-band{position:absolute;left:16px;right:16px;bottom:0;z-index:2;height:124px;clip-path:polygon(0 22px,100% 0,100% 100%,0 100%);background:linear-gradient(-6.7deg,rgba(2,4,10,1) 0%,rgba(2,4,10,1) 18%,rgba(2,4,10,.55) 70%,transparent);transform-origin:50% 100%;transition:transform var(--slat-plate-dur, .26s) var(--slat-plate-ease, var(--ease-pop))}.champion-slat:hover .slat-band,.champion-slat:focus-visible .slat-band{transform:scaleX(var(--slat-plate-scale-x, 1.09)) scaleY(var(--slat-plate-scale-y, 1.04))}.slat-band:before{content:"";position:absolute;inset:0 0 auto 0;z-index:1;height:26px;background:var(--champ-accent, #79f2ff);clip-path:polygon(0 22px,0 22px,0 25px,0 25px);transition:clip-path .22s var(--ease-out)}.champion-slat:hover .slat-band:before,.champion-slat:focus-visible .slat-band:before{clip-path:polygon(0 22px,100% 0,100% 3px,0 25px)}.slat-band:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(173.3deg,var(--champ-glow),transparent 34%),linear-gradient(-6.7deg,color-mix(in oklab,var(--champ-accent, #79f2ff) 20%,var(--floor)),color-mix(in oklab,var(--champ-accent, #79f2ff) 12%,rgba(2,4,10,.72)) 62%,transparent);opacity:0;transition:opacity .22s var(--ease-out)}.champion-slat:hover .slat-band:after,.champion-slat:focus-visible .slat-band:after{opacity:1}.slat-art{pointer-events:none;animation:slatFigureIn .42s var(--ease-out) calc(var(--slat-i, 0) * 55ms + 60ms) backwards}.slat-art .layered-art-clip{overflow:visible;transform:translate(var(--slat-rest-x, 0px),var(--slat-rest-shift, 0px)) scale(1);transform-origin:50% 100%;transition:transform var(--slat-unhover-dur, .24s) var(--slat-unhover-ease, var(--ease-out));will-change:transform}.champion-slat:hover .slat-art .layered-art-clip,.champion-slat:focus-visible .slat-art .layered-art-clip{transform:translate(var(--slat-rest-x, 0px),calc(var(--slat-rest-shift, 0px) - var(--slat-hover-rise, 92px) - var(--slat-rise-adj, 0px))) scale(var(--slat-hover-scale, 1.2));transition:transform var(--slat-hover-dur, .24s) var(--slat-hover-ease, var(--ease-pop))}.slat-art .layered-art-fg{filter:drop-shadow(0 0 16px transparent);transform-origin:50% 100%;transition:transform .24s var(--ease-pop),filter .22s var(--ease-out);animation:slatBreath 6s ease-in-out calc(var(--slat-i, 0) * -1.3s) infinite alternate;will-change:transform}.champion-slat:hover .slat-art .layered-art-fg,.champion-slat:focus-visible .slat-art .layered-art-fg{filter:drop-shadow(0 0 var(--slat-glow-blur, 16px) var(--champ-glow));transition:filter 70ms linear}.champion-slat[data-selected]:not(:hover):not(:focus-visible) .slat-art .layered-art-fg{filter:drop-shadow(0 0 16px color-mix(in oklab,var(--champ-glow) 50%,transparent))}@keyframes slatBreath{0%{transform:scale(calc(var(--slat-fig-rest-scale, 1) * var(--slat-fig-mul, 1)))}to{transform:scale(calc(var(--slat-fig-rest-scale, 1) * var(--slat-fig-mul, 1) * 1.012))}}.slat-plate{position:absolute;left:10px;right:10px;bottom:0;z-index:3;display:grid;gap:8px;justify-items:center;padding:0 4px 20px;text-align:center}.slat-plate strong{max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-high);font:italic 900 20px/1 var(--font-display);font-size:min(20px,10cqw);text-transform:uppercase;letter-spacing:.01em;transition:font-size .18s var(--ease-pop)}.champion-slat:hover .slat-plate strong,.champion-slat:focus-visible .slat-plate strong{font-size:min(24px,10cqw)}.slat-plate small{color:var(--champ-accent, var(--ink-mid));font:800 12px/1 var(--font-ui);text-transform:uppercase;letter-spacing:.06em}.slat-mark{position:absolute;left:calc(50% - 4px);top:calc(100% + 12px);z-index:2;width:8px;height:8px;rotate:45deg;background:var(--champ-accent-hot, var(--champ-accent, #79f2ff));box-shadow:0 0 12px var(--champ-glow);opacity:0}.champion-slat[data-selected] .slat-mark{opacity:1}.champion-slat-random{--champ-accent: #cdb380}.champion-slat-random .slat-plate strong,.champion-slat-random .slat-plate small{background:linear-gradient(180deg,#f4efe4 15%,#cdb380 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.slat-prism{position:absolute;left:50%;top:50%;width:400%;aspect-ratio:1;margin:0;translate:-50% -50%;background:conic-gradient(from 0deg,#79f2ff,#ff9f43,#b986ff,#69aaff,#f2d27a,#79f2ff);opacity:.3;animation:prismTurn 24s linear infinite;transition:opacity .28s var(--ease-out)}.champion-slat-random:hover .slat-prism,.champion-slat-random:focus-visible .slat-prism{opacity:.42}@keyframes prismTurn{to{rotate:360deg}}.slat-prism-core{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;background:radial-gradient(72% 44% at 50% 44%,rgba(205,179,128,.3),transparent 72%);animation:prismCoreBreath 7s ease-in-out infinite alternate}@keyframes prismCoreBreath{0%{opacity:.75}to{opacity:1}}.slat-sigil{position:absolute;left:50%;top:44%;z-index:1;width:96px;height:96px;translate:-50% -50%;color:#f4efe4eb;pointer-events:none;filter:drop-shadow(0 0 18px rgba(205,179,128,.45)) drop-shadow(0 6px 16px rgba(0,0,0,.45));transition:transform .28s var(--ease-out),filter .28s var(--ease-out)}.slat-sigil svg{display:block;width:100%;height:100%;animation:sigilBreath 8s ease-in-out infinite}@keyframes sigilBreath{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}.champion-slat-random:hover .slat-sigil,.champion-slat-random:focus-visible .slat-sigil{transform:scale(1.1);filter:drop-shadow(0 0 26px rgba(205,179,128,.6)) drop-shadow(0 6px 16px rgba(0,0,0,.45))}.slat-sigil-accents{position:absolute;left:50%;top:calc(100% + 24px);display:flex;gap:13px;translate:-50% 0}.slat-sigil-accents i{width:8px;height:8px;rotate:45deg;background:var(--diamond-accent, #cdb380);box-shadow:0 0 10px color-mix(in oklab,var(--diamond-accent, #cdb380) 60%,transparent);animation:diamondTwinkle 6s ease-in-out calc(var(--diamond-i, 0) * -1.2s) infinite}@keyframes diamondTwinkle{0%,to{opacity:.62}50%{opacity:1}}.champion-slat.is-departing-left{opacity:0;translate:-36px 0}.champion-slat.is-departing-right{opacity:0;translate:36px 0}@keyframes slatRise{0%{opacity:0;translate:0 32px}to{opacity:1;translate:0 0}}@keyframes slatFigureIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.radial-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;overflow:hidden;pointer-events:none}.radial-veil-burst{position:absolute;left:calc(var(--rv-x) - var(--rv-d) / 2);top:calc(var(--rv-y) - var(--rv-d) / 2);width:var(--rv-d);height:var(--rv-d);border-radius:50%;background:radial-gradient(circle,color-mix(in oklab,var(--rv-accent, #79f2ff) 22%,var(--abyss)) 0%,color-mix(in oklab,var(--rv-accent, #79f2ff) 14%,var(--abyss)) 56%,color-mix(in oklab,var(--rv-accent, #79f2ff) 10%,rgba(4,7,13,.85)) 76%,transparent 100%);opacity:.88;transform:scale(0);transition:transform .32s var(--ease-cine),opacity .42s var(--ease-cine);will-change:transform,opacity}.radial-veil-burst.is-cover{transform:scale(1)}.radial-veil-burst.is-thin{opacity:0}.champion-detail{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--abyss);--champ-accent-hot: color-mix(in oklab, var(--champ-accent, #79f2ff) 62%, white);--champ-accent-soft: color-mix(in oklab, var(--champ-accent, #79f2ff) 30%, transparent);--champ-accent-deep: color-mix(in oklab, var(--champ-accent, #79f2ff) 16%, var(--abyss));--champ-glow: color-mix(in oklab, var(--champ-accent, #79f2ff) 48%, transparent);--focus-ring: 0 0 0 2px var(--floor), 0 0 0 4px var(--champ-accent, #79f2ff)}.detail-riser,.detail-back,.detail-select,.detail-atmosphere i{--champ-accent-soft: color-mix(in oklab, var(--champ-accent, #79f2ff) 30%, transparent);--champ-accent-hot: color-mix(in oklab, var(--champ-accent, #79f2ff) 62%, white);--champ-glow: color-mix(in oklab, var(--champ-accent, #79f2ff) 48%, transparent)}.detail-riser,.detail-atmosphere i{transition:--champ-accent .4s var(--ease-cine)}.champion-detail[hidden]{display:block;opacity:0;pointer-events:none}.champion-detail[hidden] *{animation-play-state:paused!important}.champion-detail.is-anim-reset,.champion-detail.is-anim-reset *{animation:none!important}.detail-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.detail-scene-settle{position:absolute;top:0;right:0;bottom:0;left:0;animation:detailSceneSettle .48s var(--ease-cine) both}.detail-scene-kb{position:absolute;top:0;right:0;bottom:0;left:0;animation:heroKenBurns 14s ease-in-out infinite alternate;will-change:transform}.detail-scene{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:brightness(.92) saturate(1.1);opacity:0;transition:opacity .36s var(--ease-cine);will-change:opacity}.detail-scene.is-active{opacity:1}.detail-scene-bloom{position:absolute;left:1vw;top:0;width:52vw;height:64vh;--champ-glow: color-mix(in oklab, var(--champ-accent, #79f2ff) 48%, transparent);background:radial-gradient(50% 50% at 50% 50%,var(--champ-glow),transparent 70%);opacity:.85;animation:heroBloomBreath 6s ease-in-out infinite alternate}.detail-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0}.detail-hearth{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(46vw 16vh at 27vw 97vh,var(--hearth-glow),transparent 70%);opacity:.4;animation:heroHearthBreath 6s ease-in-out -3s infinite alternate}.detail-atmosphere i{position:absolute;bottom:-3vh;left:var(--ember-x, 30vw);width:5px;height:5px;border-radius:50%;background:var(--champ-accent);opacity:0;--ember-alpha: .7;animation:heroEmberDrift var(--ember-t, 12s) linear var(--ember-d, 0s) infinite}.champion-detail[data-class=healer] .detail-atmosphere i{--ember-alpha: .5}.detail-atmosphere i:nth-of-type(1){--ember-x: 7vw;--ember-t: 13.5s;--ember-d: -3s;--ember-s: .7;--ember-sway: 2vw}.detail-atmosphere i:nth-of-type(2){--ember-x: 13vw;--ember-t: 10.5s;--ember-d: -7s;--ember-s: .5;--ember-sway: -1.4vw}.detail-atmosphere i:nth-of-type(3){--ember-x: 19vw;--ember-t: 16s;--ember-d: -1s;--ember-s: .9;--ember-sway: 1.2vw}.detail-atmosphere i:nth-of-type(4){--ember-x: 25vw;--ember-t: 9.5s;--ember-d: -5s;--ember-s: .6;--ember-sway: -2vw}.detail-atmosphere i:nth-of-type(5){--ember-x: 31vw;--ember-t: 14.5s;--ember-d: -9s;--ember-s: 1;--ember-sway: 1.6vw}.detail-atmosphere i:nth-of-type(6){--ember-x: 37vw;--ember-t: 11s;--ember-d: -2s;--ember-s: .55;--ember-sway: -1vw}.detail-atmosphere i:nth-of-type(7){--ember-x: 43vw;--ember-t: 15.5s;--ember-d: -6s;--ember-s: .8;--ember-sway: 2.2vw}.detail-atmosphere i:nth-of-type(8){--ember-x: 49vw;--ember-t: 12.5s;--ember-d: -10s;--ember-s: .65;--ember-sway: -1.8vw}.detail-atmosphere i:nth-of-type(9){--ember-x: 10vw;--ember-t: 18s;--ember-d: -12s;--ember-s: .45;--ember-sway: 1.8vw}.detail-atmosphere i:nth-of-type(10){--ember-x: 28vw;--ember-t: 10s;--ember-d: -4s;--ember-s: .5;--ember-sway: 1vw}.detail-riser{position:absolute;z-index:2;left:-10vw;top:95.5vh;width:50vw;height:9vh;pointer-events:none;animation:detailRiserIn .48s var(--ease-cine) 80ms backwards}.detail-riser:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:skew(calc(-1 * var(--tilt)));transform-origin:100% 0;opacity:.5;background:linear-gradient(180deg,var(--champ-accent-soft),transparent 80%)}.detail-riser:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--champ-accent);box-shadow:0 0 18px 2px var(--champ-glow)}.detail-figure{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:block;pointer-events:none;animation:detailFigureIn .56s var(--ease-slam) 60ms backwards}.detail-grade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background:radial-gradient(44vw 42vh at 76% 50%,rgba(4,7,13,.5),transparent 70%),linear-gradient(270deg,rgba(4,7,13,.84) 0%,rgba(4,7,13,.62) 34%,transparent 60%),linear-gradient(0deg,rgba(2,4,10,.62),transparent 20vh)}.detail-back{position:absolute;top:26px;left:var(--gutter);z-index:6;height:48px;min-width:168px;border:0;border-radius:0;padding:0;transform:skew(var(--tilt));transform-origin:0 100%;background:transparent;color:var(--ink-high);animation:detailUiIn .32s var(--ease-out) .12s backwards;transition:--champ-accent .4s var(--ease-cine),background var(--t-hover) var(--ease-out),transform var(--t-hover) var(--ease-pop)}.detail-back:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-left:2px solid color-mix(in oklab,var(--champ-accent, #79f2ff) 55%,transparent);border-bottom:2px solid color-mix(in oklab,var(--champ-accent, #79f2ff) 55%,transparent);transition:border-color var(--t-hover) var(--ease-out)}.detail-back .slab-label{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:100%;width:100%;padding:0 18px;transform:skew(calc(-1 * var(--tilt)));font:800 15px/1 var(--font-ui);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.detail-back svg{width:13px;height:13px;color:var(--champ-accent)}.champion-detail .detail-back:hover,.champion-detail .detail-back:focus-visible{outline:none;filter:none;transform:skew(var(--tilt)) translateY(-2px);background:var(--champ-accent-soft)}.champion-detail .detail-back:hover:before,.champion-detail .detail-back:focus-visible:before{border-color:var(--champ-accent)}.champion-detail .detail-back:focus-visible{box-shadow:var(--focus-ring)}.champion-detail .detail-back:active{transform:skew(var(--tilt)) scale(.97);transition-duration:90ms}.detail-copy{position:absolute;z-index:5;left:50%;right:var(--gutter);top:50%;transform:translateY(-50%);display:grid;gap:24px;justify-items:start;text-shadow:0 1px 0 rgba(0,0,0,.45),0 2px 12px rgba(0,0,0,.6),0 14px 44px rgba(0,0,0,.55)}.detail-kicker{display:inline-flex;align-items:center;gap:12px;color:var(--champ-accent);font:850 13px/1 var(--font-ui);text-transform:uppercase;letter-spacing:.18em;text-shadow:0 1px 0 rgba(0,0,0,.6),0 2px 10px rgba(0,0,0,.55);animation:heroCopyIn .42s var(--ease-out) .14s backwards;will-change:transform,opacity}.detail-kicker:before{content:"";width:3px;height:18px;flex:none;background:var(--champ-accent);transform:skew(var(--tilt));box-shadow:0 0 12px var(--champ-glow)}.detail-name-clip{display:block;overflow:hidden;padding:.12em .4em;margin:-.12em -.4em -.12em calc(-.4em - 72px)}.detail-name{display:block;font:italic 900 clamp(64px,8vw,132px)/.88 var(--font-display);text-transform:uppercase;letter-spacing:.01em;background:linear-gradient(180deg,var(--ink-high) 12%,var(--champ-accent-hot) 60%,var(--champ-accent) 95%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 rgba(0,0,0,.4)) drop-shadow(0 0 48px var(--champ-glow));text-shadow:none;animation:detailNameWipe .46s var(--ease-slam) 80ms backwards;will-change:transform,filter}.detail-description{margin:0;max-width:46ch;color:var(--ink-mid);font:650 17px/1.5 var(--font-ui);animation:heroCopyIn .42s var(--ease-out) .24s backwards;will-change:transform,opacity}.detail-stats{display:flex;align-items:stretch;animation:heroCopyIn .42s var(--ease-out) .29s backwards;will-change:transform,opacity}.detail-stats>span{position:relative;display:grid;gap:8px;justify-items:start;padding:0 28px}.detail-stats>span:first-child{padding-left:0}.detail-stats>span+span:before{content:"";position:absolute;left:0;top:50%;translate:0 -50%;width:1px;height:44px;transform:skew(var(--tilt));background:#f6f2e838}.detail-stat-value{display:inline-flex;align-items:center;gap:10px;color:var(--ink-high);font:900 36px/1 var(--font-display);letter-spacing:.01em;text-transform:uppercase}.detail-stat-value:before{content:"";width:3px;height:14px;flex:none;background:var(--champ-accent);transform:skew(var(--tilt))}.detail-stat-label{color:var(--ink-low);font:800 11px/1 var(--font-ui);text-transform:uppercase;letter-spacing:.06em}.detail-abilities{position:relative;display:grid;justify-items:start;gap:18px;max-width:564px}.detail-kit{display:flex;flex-wrap:wrap;align-items:flex-start;gap:18px 12px}.detail-ability{position:relative;display:grid;justify-items:center;gap:6px;width:84px;outline:none;animation:heroCopyIn .32s var(--ease-out) calc(var(--ability-i, 0) * 50ms + .32s) backwards;z-index:1;will-change:transform,opacity}.detail-ability:hover,.detail-ability:focus-visible{z-index:7}.ability-binding{color:var(--ink-high);font:800 12px/1 var(--font-ui);text-shadow:-1px 0 0 #04070d,1px 0 0 #04070d,0 -1px 0 #04070d,0 1px 0 #04070d}.detail-ability .champion-ability-icon{position:relative;width:68px;height:68px;border-radius:50%;background-size:cover;background-position:center;border:2px solid color-mix(in oklab,var(--champ-accent, #79f2ff) 50%,transparent);box-shadow:0 10px 24px #0006;transition:transform var(--t-hover) var(--ease-pop);will-change:transform}.detail-ability .champion-ability-icon:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;border:2px solid var(--champ-accent, #79f2ff);box-shadow:0 0 28px var(--champ-glow);opacity:0;transition:opacity var(--t-hover) var(--ease-out);will-change:opacity}.detail-ability:hover .champion-ability-icon,.detail-ability:focus-visible .champion-ability-icon{transform:scale(1.12)}.detail-ability:hover .champion-ability-icon:after,.detail-ability:focus-visible .champion-ability-icon:after{opacity:1}.detail-ability .champion-ability-shine{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;pointer-events:none}.detail-ability .champion-ability-shine:after{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;border-radius:inherit;background:var(--ability-shine-sweep);opacity:0;transform:translate(-150%) skew(-18deg);filter:drop-shadow(0 0 10px rgba(127,243,255,.85));pointer-events:none}.detail-ability:hover .champion-ability-shine:after,.detail-ability:focus-visible .champion-ability-shine:after{animation:var(--ability-shine-anim)}@media(prefers-reduced-motion:reduce){.detail-ability:hover .champion-ability-shine:after,.detail-ability:focus-visible .champion-ability-shine:after{animation:none}}.detail-ability:focus-visible .champion-ability-icon{box-shadow:var(--focus-ring),0 10px 24px #0006}.ability-name{max-width:84px;color:var(--ink-mid);font:800 12px/1.3 var(--font-ui);letter-spacing:.03em;text-align:center;text-wrap:balance}.detail-ult{display:flex;align-items:center;align-self:stretch}.detail-ult:after{content:"";flex:1;height:1px;margin-left:20px;background:linear-gradient(90deg,color-mix(in oklab,var(--champ-accent, #79f2ff) 45%,transparent),transparent 92%)}.detail-ability--ult{width:auto;grid-template-columns:auto auto;align-items:center;column-gap:16px;row-gap:6px}.detail-ability--ult .ability-binding{grid-column:1;grid-row:1}.detail-ability--ult .champion-ability-icon{grid-column:1;grid-row:2;width:84px;height:84px;border-color:var(--champ-accent, #79f2ff);box-shadow:0 12px 28px #00000073,0 0 22px var(--champ-glow)}.ult-lockup{grid-column:2;grid-row:2;display:grid;gap:7px;justify-items:start;text-align:left}.ult-tag{display:inline-flex;align-items:center;gap:8px;color:var(--champ-accent, #79f2ff);font:850 11px/1 var(--font-ui);text-transform:uppercase;letter-spacing:.18em;text-shadow:0 1px 0 rgba(0,0,0,.6),0 2px 10px rgba(0,0,0,.55)}.ult-tag:before{content:"";width:3px;height:12px;flex:none;background:var(--champ-accent, #79f2ff);transform:skew(var(--tilt));box-shadow:0 0 10px var(--champ-glow)}.detail-ability--ult .ability-name{max-width:none;color:var(--ink-high);font:italic 900 20px/1 var(--font-display);letter-spacing:.01em;text-transform:uppercase;text-align:left;text-wrap:nowrap}.ability-tip{position:absolute;left:50%;bottom:calc(100% + 14px);z-index:6;width:min(280px,30vw);display:grid;gap:6px;padding:14px 16px;border:1px solid rgba(246,242,232,.14);border-radius:0;clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%);background:linear-gradient(165deg,#0e131ced,#05080df7);-webkit-backdrop-filter:blur(18px) saturate(1.25);backdrop-filter:blur(18px) saturate(1.25);box-shadow:inset 0 1px #ffffff0f,0 32px 80px #0009;color:var(--ink-mid);font:650 13px/1.45 var(--font-ui);text-align:left;text-shadow:none;opacity:0;pointer-events:none;transform:translate(calc(-50% + var(--tip-shift, 0px))) translateY(6px);visibility:hidden;transition:opacity .12s var(--ease-out),transform .12s var(--ease-out),visibility 0s linear .12s}.ability-tip:before{content:"";position:absolute;top:0;left:6%;right:6%;height:1px;background:linear-gradient(90deg,transparent,var(--champ-accent) 30%,var(--champ-accent) 70%,transparent);opacity:.65}.ability-tip b{display:block;color:var(--ink-high);font:800 13px/1.2 var(--font-ui)}.detail-ability:hover .ability-tip,.detail-ability:focus-visible .ability-tip{opacity:1;transform:translate(calc(-50% + var(--tip-shift, 0px))) translateY(0);visibility:visible;transition:opacity .12s var(--ease-out),transform .12s var(--ease-out),visibility 0s linear 0s}.detail-select{width:340px;height:72px;margin-top:4px;animation:detailCtaIn .6s var(--ease-slam) .44s backwards;transition:--champ-accent .4s var(--ease-cine),transform var(--t-hover) var(--ease-pop),box-shadow var(--t-hover) var(--ease-out)}.detail-select .slab-label{font:italic 900 20px/1 var(--font-display);white-space:nowrap}.detail-actions{display:flex;align-items:center;gap:14px}.detail-practice{width:200px;height:72px;animation:detailCtaIn .6s var(--ease-slam) .4s backwards}.detail-practice .slab-label{font:800 18px/1 var(--font-ui);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.champion-detail .detail-practice:hover,.champion-detail .detail-practice:focus-visible{outline:none;filter:none;transform:skew(var(--tilt)) translateY(-2px);background:var(--champ-accent-soft)}.champion-detail .detail-practice:hover:before,.champion-detail .detail-practice:focus-visible:before{border-color:var(--champ-accent)}.champion-detail .detail-practice:focus-visible{box-shadow:var(--focus-ring)}.champion-detail .detail-practice:active{transform:skew(var(--tilt)) scale(.97);transition-duration:90ms}#champion-detail-select:after{animation:slabShine 7s var(--ease-cine) 2.4s infinite}.champion-detail .energy-slab:hover,.champion-detail .energy-slab:focus-visible{outline:none;filter:none;transform:skew(var(--tilt)) translateY(-2px) scale(1.03);box-shadow:inset 0 0 0 2px #02040a59,0 14px 34px #00000073,0 4px 36px var(--champ-glow)}.champion-detail .energy-slab:hover:after{animation:slabShineOnce .42s var(--ease-cine) both}.champion-detail .energy-slab:focus-visible{box-shadow:var(--focus-ring),inset 0 0 0 2px #02040a59,0 14px 34px #00000073,0 4px 36px var(--champ-glow)}.champion-detail .energy-slab:active{transform:skew(var(--tilt)) scale(.97);transition-duration:90ms}.commit-shockwave{position:fixed;z-index:90;width:36px;height:36px;margin:-18px 0 0 -18px;border:2px solid var(--champ-accent, #79f2ff);border-radius:50%;pointer-events:none;box-shadow:0 0 24px var(--champ-glow, rgba(121, 242, 255, .4));animation:commitShockwave .38s var(--ease-cine) forwards}@keyframes commitShockwave{0%{transform:scale(.4);opacity:.95}to{transform:scale(14);opacity:0}}.detail-rail{position:absolute;z-index:5;left:50%;bottom:20px;translate:-50% 0;display:flex;gap:14px;animation:detailUiIn .32s var(--ease-out) .22s backwards}.detail-rail-chip{position:relative;width:56px;height:56px;padding:0;border:0;border-radius:50%;background:none;transition:transform var(--t-hover) var(--ease-pop)}.detail-rail-chip .rail-scene{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;background-size:cover;background-position:center;box-shadow:0 0 0 2px color-mix(in oklab,var(--champ-accent, #79f2ff) 35%,transparent),0 8px 18px #00000073;transition:box-shadow var(--t-hover) var(--ease-out)}.detail-rail-chip .layered-art{position:absolute;top:0;right:0;bottom:0;left:0;display:block;pointer-events:none}.detail-rail-chip .layered-art-fg{filter:drop-shadow(0 3px 5px rgba(0,0,0,.45))}.detail-rail-chip .rail-name{position:absolute;left:50%;bottom:calc(100% + 10px);translate:-50% 0;color:var(--ink-high);font:800 12px/1 var(--font-ui);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;text-shadow:-1px 0 0 #04070d,1px 0 0 #04070d,0 -1px 0 #04070d,0 1px 0 #04070d;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity var(--t-hover) var(--ease-out),transform var(--t-hover) var(--ease-pop)}.champion-detail .detail-rail-chip:hover,.champion-detail .detail-rail-chip:focus-visible{outline:none;filter:none;transform:scale(1.08)}.champion-detail .detail-rail-chip:hover .rail-name,.champion-detail .detail-rail-chip:focus-visible .rail-name{opacity:1;transform:translateY(0)}.champion-detail .detail-rail-chip:hover .rail-scene,.champion-detail .detail-rail-chip:focus-visible .rail-scene{box-shadow:0 0 0 2px var(--champ-accent, #79f2ff),0 8px 18px #00000073}.champion-detail .detail-rail-chip:focus-visible .rail-scene{box-shadow:var(--focus-ring),0 8px 18px #00000073}.champion-detail .detail-rail-chip[aria-pressed=true]{transform:scale(1.12)}.champion-detail .detail-rail-chip[aria-pressed=true] .rail-scene{box-shadow:0 0 0 2px var(--champ-accent, #79f2ff),0 0 8px var(--champ-glow, rgba(121, 242, 255, .4)),0 8px 18px #00000073}@keyframes detailSceneSettle{0%{transform:scale(1.06)}}@keyframes detailFigureIn{0%{transform:translateY(28px);opacity:0}}@keyframes detailRiserIn{0%{transform:translate(8vw);opacity:0}to{transform:translate(0);opacity:1}}@keyframes detailUiIn{0%{opacity:0;visibility:hidden}}@keyframes detailNameWipe{0%{transform:translateY(105%);visibility:hidden}}@keyframes detailCtaIn{0%{opacity:0;visibility:hidden;transform:skew(var(--tilt)) translateY(18px)}to{opacity:1;transform:skew(var(--tilt)) translateY(0)}}@media(max-height:768px){.detail-copy{gap:16px;top:49%}.detail-name{font-size:clamp(56px,12.6vh,96px)}.detail-kit .detail-ability{width:76px}.detail-abilities{max-width:520px}.detail-ability .champion-ability-icon{width:56px;height:56px}.detail-ability--ult .champion-ability-icon{width:70px;height:70px}.detail-ability--ult .ability-name{font-size:18px}.detail-stat-value{font-size:30px}.detail-select{width:320px;height:64px}.detail-select .slab-label{font-size:19px}.detail-rail{bottom:14px}.detail-rail-chip{width:48px;height:48px}}@media(max-width:860px){.champion-slats{gap:10px;padding:96px 20px 32px}.detail-copy{left:46%}.detail-name-clip{margin-left:-.4em}}#username-error{min-height:16px;color:#ff8aa0;font-size:12px;font-weight:700}.map-editor-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 12%,rgba(121,242,255,.09),transparent 38%),linear-gradient(180deg,#04070cb8,#04070ce6);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}.map-editor-backdrop[hidden]{display:none}.map-editor-shell{width:min(1280px,calc(100vw - 36px));height:min(820px,calc(100vh - 36px));display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;padding:14px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:linear-gradient(180deg,#121822f5,#070a10f5),#070a10f0;box-shadow:0 26px 76px #00000085,inset 0 1px #ffffff14}.map-editor-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.map-editor-header div{display:grid;gap:4px}.map-editor-header span{color:#79f2ff;font:850 11px/1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}.map-editor-header strong{color:#f7f0df;font:900 22px/1 Inter,ui-sans-serif,system-ui,sans-serif}#map-editor-close,#map-editor-undo,#map-editor-reset,#map-editor-copy{border:1px solid rgba(255,255,255,.16);border-radius:7px;padding:9px 12px;color:#f7f0df;background:#06090ebd;font:850 12px/1 Inter,ui-sans-serif,system-ui,sans-serif;cursor:var(--sparkfall-menu-cursor)}#map-editor-copy{color:#10131a;background:linear-gradient(180deg,#b6f7d8,#7fd7b2)}.map-editor-layout{min-height:0;display:grid;grid-template-columns:220px minmax(0,1fr) 280px;gap:12px}.map-editor-panel{min-width:0;min-height:0;display:grid;align-content:start;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:linear-gradient(180deg,#10151ec7,#06090eb8),#06090e85}.map-editor-panel label{display:grid;gap:6px;color:#f7f0df;font:850 12px/1 Inter,ui-sans-serif,system-ui,sans-serif}.map-editor-panel select{min-width:0;border:1px solid rgba(255,255,255,.16);border-radius:7px;padding:9px 10px;color:#f7f0df;background:#06090ec7;font:750 13px/1.2 Inter,ui-sans-serif,system-ui,sans-serif;outline:none}.map-editor-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.map-editor-help,.map-editor-validation{min-width:0;white-space:pre-wrap;color:#f7f0dfad;font:650 12px/1.35 Inter,ui-sans-serif,system-ui,sans-serif}.map-editor-validation.ok{color:#a8f5ca}.map-editor-validation.error{color:#ff93a7}#map-editor-canvas{width:100%;height:100%;min-height:420px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#111923;cursor:var(--sparkfall-crosshair-cursor)}.map-editor-export-panel{grid-template-rows:auto auto minmax(0,1fr)}#map-editor-export{width:100%;min-width:0;min-height:0;resize:none;border:1px solid rgba(255,255,255,.12);border-radius:7px;padding:10px;color:#cce7ec;background:#03060ac7;font:650 11px/1.35 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}@media(max-width:980px){.map-editor-layout{grid-template-columns:1fr;overflow-y:auto}#map-editor-canvas{height:520px}}.map-editor-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;display:block;padding:0;background:radial-gradient(circle at 50% -20%,rgba(121,242,255,.1),transparent 42%),linear-gradient(180deg,#121923,#080b11)}.map-editor-view[hidden]{display:none}.map-editor-view .map-editor-shell{width:100vw;height:100vh;border:0;border-radius:0;padding:12px;background:transparent;box-shadow:none}.map-editor-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:linear-gradient(180deg,#121822eb,#070a10e0),#070a10d6}.map-editor-topbar>div:first-child{display:grid;gap:4px;min-width:190px}.map-editor-topbar span{color:#79f2ff;font:850 11px/1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}.map-editor-topbar strong{color:#f7f0df;font:900 21px/1 Inter,ui-sans-serif,system-ui,sans-serif}.map-editor-top-actions{display:flex;align-items:end;justify-content:flex-end;flex-wrap:wrap;gap:8px;min-width:0}.map-editor-top-actions label{display:grid;gap:4px;min-width:150px;color:#f7f0dfb3;font:850 11px/1 Inter,ui-sans-serif,system-ui,sans-serif}.map-editor-top-actions select{min-width:0;border:1px solid rgba(255,255,255,.16);border-radius:7px;padding:8px 9px;color:#f7f0df;background:#06090ec7;font:750 12px/1.2 Inter,ui-sans-serif,system-ui,sans-serif;outline:none}#map-editor-load-base,#map-editor-new,#map-editor-save-draft,#map-editor-load-draft,#map-editor-playtest,#map-editor-copy,#map-editor-close,#map-editor-undo,#map-editor-redo,#map-editor-duplicate,#map-editor-select-all,#map-editor-fit-view,#map-editor-delete{border:1px solid rgba(255,255,255,.16);border-radius:7px;padding:9px 12px;color:#f7f0df;background:#06090ebd;font:850 12px/1 Inter,ui-sans-serif,system-ui,sans-serif;cursor:var(--sparkfall-menu-cursor)}#map-editor-undo:disabled,#map-editor-redo:disabled,#map-editor-duplicate:disabled,#map-editor-select-all:disabled,#map-editor-delete:disabled{opacity:.42;cursor:var(--sparkfall-menu-cursor)}#map-editor-playtest{border-color:#79f2ff75;color:#071019;background:linear-gradient(180deg,#9ef6ff,#45d9f4);box-shadow:0 0 18px #45d9f42e}#map-editor-playtest:disabled{opacity:.45;cursor:var(--sparkfall-menu-cursor);box-shadow:none}.map-editor-view .map-editor-layout{grid-template-columns:284px minmax(0,1fr) 316px;min-height:0}.map-editor-stage{position:relative;min-width:0;min-height:0}.map-editor-view #map-editor-canvas{display:block;min-height:0;height:100%}.map-editor-stage-hint{position:absolute;left:14px;bottom:48px;max-width:min(520px,calc(100% - 28px));padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:7px;color:#f7f0dfbd;background:#05080db8;font:750 12px/1.35 Inter,ui-sans-serif,system-ui,sans-serif;pointer-events:none}.map-editor-statusbar{position:absolute;left:14px;right:14px;bottom:14px;min-width:0;display:flex;gap:7px;flex-wrap:wrap;align-items:center;pointer-events:none}.map-editor-statusbar span{min-height:24px;display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.11);border-radius:6px;padding:5px 8px;color:#f7f0dfc7;background:#05080dbd;font:800 11px/1 Inter,ui-sans-serif,system-ui,sans-serif}.map-editor-section-title{color:#79f2ff;font:900 11px/1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase}.map-editor-tool-palette{display:grid;gap:10px}.map-editor-tool-group{min-width:0;display:grid;gap:6px}.map-editor-tool-group-title,.map-editor-layer-group-title{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#f7f0df85;font:900 10px/1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}.map-editor-tool-group-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.map-editor-tool-card{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:7px;padding:7px;color:#f7f0df;background:#06090e94;text-align:left;cursor:var(--sparkfall-menu-cursor)}.map-editor-tool-card.selected{border-color:#79f2ffc7;background:#1e3d468a;box-shadow:0 0 0 1px #79f2ff24}.map-editor-tool-card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:850 12px/1 Inter,ui-sans-serif,system-ui,sans-serif}.map-editor-tool-card small{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f7f0df8f;font:650 10px/1 Inter,ui-sans-serif,system-ui,sans-serif}.map-editor-tool-preview{width:34px;height:34px;display:grid;place-items:center;border-radius:7px;background:#ffffff0d}.map-editor-tool-preview:before{content:"";display:block}.map-editor-tool-preview.select:before{width:15px;height:21px;border-left:4px solid #f7f0df;border-bottom:4px solid #f7f0df;transform:rotate(-33deg)}.map-editor-tool-preview.wall:before{width:24px;height:15px;border-radius:3px;background:#7d8d9e}.map-editor-tool-preview.round-pillar:before{width:20px;height:20px;border-radius:999px;background:#7d8d9e}.map-editor-tool-preview.rounded-wall:before{width:25px;height:10px;border-radius:999px;background:#7d8d9e;transform:rotate(-24deg)}.map-editor-tool-preview.angled-wall:before{width:26px;height:11px;border-radius:3px;background:#7d8d9e;transform:rotate(-28deg)}.map-editor-tool-preview.fence:before{width:26px;height:0;border-top:4px dashed #9ef6ff;transform:rotate(-25deg)}.map-editor-tool-preview.brush:before{width:24px;height:17px;border-radius:4px;background:#70ffc261;border:2px solid #70ffc2}.map-editor-tool-preview.minion-zone:before{width:24px;height:17px;border:2px dashed #c79dff;border-radius:4px;background:#c79dff29}.map-editor-tool-preview.spawn:before{width:19px;height:19px;border:3px dotted #43d8ff;border-radius:999px}.map-editor-tool-preview.energy-orb-fountain:before{width:20px;height:20px;border-radius:999px;background:radial-gradient(circle,#fff 0,#fff 15%,#29e7ff 45%,#29e7ff33 70%)}.map-editor-layer-list{min-height:0;max-height:32vh;overflow-y:auto;display:grid;gap:6px}.map-editor-layer-search{min-width:0;border:1px solid rgba(255,255,255,.14);border-radius:7px;padding:9px 10px;color:#f7f0df;background:#03060ac7;font:750 12px/1.2 Inter,ui-sans-serif,system-ui,sans-serif;outline:none}.map-editor-layer-group{min-width:0;display:grid;gap:6px}.map-editor-layer-group-title{margin-top:5px}.map-editor-layer-group-title small{color:#79f2ff;font:900 10px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.map-editor-layer-item{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:7px;padding:8px;color:#f7f0df;background:#06090e85;text-align:left;cursor:var(--sparkfall-menu-cursor)}.map-editor-layer-item.selected{border-color:#79f2ffb8;background:#1e3d467a}.map-editor-layer-item strong,.map-editor-layer-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-editor-layer-item strong{font:850 12px/1 Inter,ui-sans-serif,system-ui,sans-serif}.map-editor-layer-item small{margin-top:3px;color:#f7f0df8f;font:650 10px/1 Inter,ui-sans-serif,system-ui,sans-serif}.map-editor-layer-kind{color:#9ef6ff;font:850 10px/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.map-editor-selection-title{color:#f7f0df;font:900 15px/1.1 Inter,ui-sans-serif,system-ui,sans-serif}.map-editor-inspector-fields{display:grid;gap:8px;min-width:0}.map-editor-selection-summary{min-width:0;display:grid;gap:10px;color:#f7f0dfb3;font:700 12px/1.35 Inter,ui-sans-serif,system-ui,sans-serif}.map-editor-selection-summary div{display:flex;flex-wrap:wrap;gap:6px}.map-editor-selection-summary span{border:1px solid rgba(121,242,255,.22);border-radius:6px;padding:6px 8px;color:#9ef6ff;background:#1e3d464d;font:850 11px/1 Inter,ui-sans-serif,system-ui,sans-serif}.map-editor-view-controls{min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center}.map-editor-view-controls label{min-width:0}.map-editor-view-controls input[type=number]{min-width:0;width:100%;border:1px solid rgba(255,255,255,.14);border-radius:7px;padding:8px;color:#f7f0df;background:#03060ac7;font:750 12px/1.2 Inter,ui-sans-serif,system-ui,sans-serif}.map-editor-checkbox{grid-template-columns:auto 1fr;align-items:center}.map-editor-checkbox input{accent-color:#79f2ff}.map-editor-inspector-fields label{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,116px);gap:8px;align-items:center;color:#f7f0dfbd;font:800 12px/1 Inter,ui-sans-serif,system-ui,sans-serif}.map-editor-inspector-fields input,.map-editor-inspector-fields select{min-width:0;border:1px solid rgba(255,255,255,.14);border-radius:7px;padding:8px;color:#f7f0df;background:#03060ac7;font:750 12px/1.2 Inter,ui-sans-serif,system-ui,sans-serif}@media(max-width:1080px){.map-editor-view .map-editor-layout{grid-template-columns:250px minmax(0,1fr)}.map-editor-inspector-panel{grid-column:1 / -1;grid-template-columns:minmax(160px,.4fr) minmax(0,1fr);align-items:start}}#hud{position:fixed;top:14px;left:14px;right:14px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:start;pointer-events:none;z-index:2}body[data-match-screen=results] #hud,body[data-match-screen=results] #ability-bar,body[data-match-screen=results] #chat{display:none!important}body[data-match-screen=results],body[data-match-screen=results] *,body[data-match-screen=results] #arena,body[data-match-screen=results] .result-actions,body[data-match-screen=results] .result-actions button{cursor:var(--sparkfall-menu-cursor)!important}@property --charge-turn{syntax: "<angle>"; inherits: true; initial-value: 0turn;}@property --ready-turn{syntax: "<angle>"; inherits: false; initial-value: 0turn;}#result-screen{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--abyss);--champ-accent-hot: color-mix(in oklab, var(--champ-accent, #79f2ff) 62%, white);--champ-accent-soft: color-mix(in oklab, var(--champ-accent, #79f2ff) 30%, transparent);--champ-accent-deep: color-mix(in oklab, var(--champ-accent, #79f2ff) 16%, var(--abyss));--champ-glow: color-mix(in oklab, var(--champ-accent, #79f2ff) 48%, transparent);--focus-ring: 0 0 0 2px var(--floor), 0 0 0 4px var(--champ-accent, #79f2ff)}#result-screen[hidden]{display:none}#result-screen .rs-content{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.rs-scene{position:absolute;top:0;right:0;bottom:0;left:0}.rs-veil{position:absolute;left:4vw;top:36vh;width:52vw;height:60vh;background:radial-gradient(50% 50% at 50% 50%,color-mix(in oklab,var(--champ-accent) 26%,transparent) 0%,color-mix(in oklab,var(--champ-accent) 10%,transparent) 52%,transparent 100%);transform-origin:50% 78%;animation:rsVeilIn .7s var(--ease-cine) backwards}.rs-band{position:absolute;left:-6vw;top:56vh;width:70vw;height:26vh;transform:skew(var(--tilt));background:linear-gradient(104deg,color-mix(in oklab,var(--champ-accent) 14%,transparent) 0%,color-mix(in oklab,var(--champ-accent) 5%,transparent) 58%,transparent 92%);border-top:1px solid color-mix(in oklab,var(--champ-accent) 38%,transparent);animation:rsBandIn .62s var(--ease-cine) .12s backwards}.rs-floor{position:absolute;left:0;right:0;top:82.5vh;bottom:0;background:linear-gradient(180deg,transparent 0%,rgba(2,4,10,.78) 22%,rgba(2,4,10,.94) 100%)}.rs-floor:before{content:"";position:absolute;left:-4vw;top:1.5vh;width:62vw;height:2px;transform:skew(calc(-1 * var(--tilt)));background:linear-gradient(90deg,transparent,var(--champ-accent) 22%,var(--champ-accent) 70%,transparent);box-shadow:0 0 18px 2px var(--champ-glow);opacity:.55}#result-screen[data-figures="1"] .rs-veil,#result-screen[data-figures="2"] .rs-veil{left:8vw;width:58vw}#result-screen[data-figures="1"] .rs-band,#result-screen[data-figures="2"] .rs-band{width:92vw}#result-screen[data-figures="1"] .rs-floor:before,#result-screen[data-figures="2"] .rs-floor:before{width:74vw}.rs-grade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(270deg,rgba(4,7,13,.78) 0%,rgba(4,7,13,.42) 30%,transparent 52%),linear-gradient(180deg,rgba(2,4,10,.6),transparent 22vh)}#result-screen[data-outcome=defeat] .rs-grade{background:linear-gradient(270deg,rgba(4,7,13,.82) 0%,rgba(4,7,13,.5) 30%,transparent 52%),linear-gradient(180deg,rgba(2,4,10,.72),transparent 26vh),radial-gradient(120vw 70vh at 50% 110%,transparent 40%,rgba(2,3,8,.55) 100%)}#result-screen[data-outcome=defeat] .rs-veil{opacity:.6}.rs-headline{position:absolute;left:var(--gutter);top:6vh;display:grid;gap:14px;justify-items:start;text-shadow:0 1px 0 rgba(0,0,0,.45),0 2px 12px rgba(0,0,0,.6),0 14px 44px rgba(0,0,0,.55)}.rs-kicker{display:inline-flex;align-items:center;gap:12px;color:var(--champ-accent);font:850 clamp(12px,1vw,15px)/1 var(--font-ui);text-transform:uppercase;letter-spacing:.18em;text-shadow:0 1px 0 rgba(0,0,0,.6),0 2px 10px rgba(0,0,0,.55);animation:rsRise .42s var(--ease-out) .18s backwards}.rs-kicker:before{content:"";width:3px;height:18px;flex:none;background:var(--champ-accent);transform:skew(var(--tilt));box-shadow:0 0 12px var(--champ-glow)}.rs-title{margin:0;font:italic 900 clamp(72px,8.6vw,150px)/.88 var(--font-display);text-transform:uppercase;letter-spacing:.01em;background:linear-gradient(180deg,var(--ink-high) 12%,var(--champ-accent-hot) 60%,var(--champ-accent) 95%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 rgba(0,0,0,.4)) drop-shadow(0 0 48px var(--champ-glow));text-shadow:none;animation:rsTitleIn .56s var(--ease-slam) 60ms backwards}#result-screen[data-outcome=defeat] .rs-title{background:linear-gradient(180deg,#d7dde8 8%,#8d96a6 64%,#5d6675 96%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 3px 0 rgba(0,0,0,.5)) drop-shadow(0 10px 28px rgba(0,0,0,.55));animation-name:rsTitleSink}.rs-score{position:absolute;top:7vh;right:var(--gutter);display:flex;align-items:stretch;gap:18px;animation:rsRise .42s var(--ease-out) .26s backwards}.rs-score-side{display:grid;gap:6px;justify-items:center}.rs-score-side small{color:var(--ink-low);font:800 clamp(10px,.8vw,13px)/1 var(--font-ui);text-transform:uppercase;letter-spacing:.16em}.rs-score-side strong{min-width:clamp(54px,4.6vw,84px);padding:clamp(8px,.9vh,12px) clamp(12px,1vw,18px);transform:skew(var(--tilt));text-align:center;color:var(--ink-high);background:color-mix(in oklab,var(--rs-team) 14%,rgba(4,7,13,.78));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--rs-team) 32%,transparent);font:italic 900 clamp(26px,2.4vw,44px)/1 var(--font-display)}.rs-score-side.is-winner strong{color:var(--ink-on-accent);background:linear-gradient(168deg,color-mix(in oklab,var(--rs-team) 62%,white) 0%,var(--rs-team) 58%);box-shadow:inset 0 0 0 2px #02040a59,0 6px 22px color-mix(in oklab,var(--rs-team) 45%,transparent)}.rs-score-side.is-winner small{color:var(--rs-team)}.rs-score-slash{width:2px;margin-top:18px;transform:skew(var(--tilt));background:#f6f2e838}.rs-stage{position:absolute;top:0;right:0;bottom:0;left:0}.rs-figure{animation:rsFigureIn .56s var(--ease-slam) calc(.12s + var(--rs-figure-i, 0) * 90ms) backwards}.rs-plate{position:absolute;top:85vh;width:max-content;min-width:clamp(170px,12vw,240px);max-width:clamp(186px,14.5vw,290px);transform:translate(-50%);display:grid;gap:5px;justify-items:center;padding:clamp(10px,1.4vh,16px) clamp(6px,.8vw,14px) clamp(8px,1vh,12px);text-align:center;background:linear-gradient(180deg,#05080ee0,#03050aa8);clip-path:polygon(0 14%,50% 0,100% 14%,100% 100%,0 100%);animation:rsRise .46s var(--ease-out) calc(.26s + var(--rs-figure-i, 0) * 90ms) backwards}.rs-plate .rs-plate-name{font-size:clamp(15px,1.3vw,23px)}#result-screen[data-figures="1"] .rs-plate{max-width:clamp(220px,24vw,440px)}#result-screen[data-figures="2"] .rs-plate{max-width:clamp(200px,16vw,320px)}.rs-plate .rs-statline{flex-wrap:wrap;justify-content:center;row-gap:3px;max-width:100%}.rs-plate .rs-stat{padding:0 clamp(4px,.45vw,9px);font-size:clamp(8px,.58vw,10px);letter-spacing:.05em}.rs-plate .rs-stat b{font-size:clamp(11px,.88vw,15px)}@media(max-width:1440px){.rs-plate .rs-stat:last-child{flex-basis:100%;justify-content:center;padding-top:2px}.rs-plate .rs-stat:last-child:before{display:none}}.rs-plate:after{content:"";position:absolute;left:18%;right:18%;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--rs-champ, var(--champ-accent)),transparent);opacity:.7}.rs-plate-name{color:var(--ink-high);font:italic 900 clamp(17px,1.45vw,25px)/1 var(--font-display);text-transform:uppercase;letter-spacing:.01em;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.rs-plate-name em,.rs-opp-id strong em{margin-left:8px;color:var(--ink-low);font:800 .5em/1 var(--font-ui);font-style:normal;text-transform:uppercase;letter-spacing:.14em;vertical-align:middle}.rs-plate-champ{color:var(--rs-champ, var(--champ-accent));font:800 clamp(10px,.78vw,12px)/1 var(--font-ui);text-transform:uppercase;letter-spacing:.16em}.rs-mvp{display:inline-flex;align-items:center;gap:7px;color:var(--lux-gold-hi);font:700 clamp(11px,.85vw,14px)/1 "Cinzel",var(--font-ui),serif;letter-spacing:.3em;text-indent:.3em;text-shadow:0 0 14px color-mix(in oklab,var(--lux-gold) 65%,transparent)}.rs-mvp i{width:9px;height:9px;flex:none;background:linear-gradient(135deg,var(--lux-gold-hi),var(--lux-gold));rotate:45deg;box-shadow:0 0 10px color-mix(in oklab,var(--lux-gold) 75%,transparent)}.rs-plate.is-mvp{background:linear-gradient(180deg,#080b12eb,#04060cb3)}.rs-plate.is-mvp:after{background:linear-gradient(90deg,transparent,var(--lux-gold),transparent)}.rs-statline{display:inline-flex;align-items:baseline;margin-top:2px}.rs-stat{position:relative;display:inline-flex;align-items:baseline;gap:5px;padding:0 clamp(8px,.7vw,13px);color:var(--ink-low);font:800 clamp(9px,.68vw,11px)/1 var(--font-ui);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.rs-stat:first-child{padding-left:0}.rs-stat:last-child{padding-right:0}.rs-stat+.rs-stat:before{content:"";position:absolute;left:0;top:50%;translate:0 -50%;width:1px;height:12px;transform:skew(var(--tilt));background:#f6f2e838}.rs-stat b{color:var(--ink-high);font:italic 900 clamp(13px,1.05vw,18px)/1 var(--font-display)}.rs-overflow{position:absolute;left:var(--gutter);top:27vh;display:grid;gap:8px;justify-items:start}.rs-overflow-row{display:inline-flex;align-items:center;gap:14px;padding:7px 16px;transform:skew(var(--tilt));background:#04070dd9;box-shadow:inset 2px 0 0 var(--rs-champ, var(--champ-accent))}.rs-overflow-row>*{transform:skew(calc(-1 * var(--tilt)))}.rs-overflow-row strong{color:var(--ink-high);font:italic 900 clamp(13px,1vw,17px)/1 var(--font-display);text-transform:uppercase}.rs-opposition{position:absolute;right:var(--gutter);top:24vh;width:clamp(300px,25vw,430px);display:grid;gap:clamp(10px,1.6vh,18px);align-content:start}.rs-opposition-title{display:inline-flex;align-items:center;gap:12px;margin-bottom:2px;color:var(--ink-low);font:850 clamp(11px,.85vw,14px)/1 var(--font-ui);text-transform:uppercase;letter-spacing:.18em;animation:rsSlideLeft .42s var(--ease-out) .32s backwards}.rs-opposition-title i{width:3px;height:16px;flex:none;background:var(--rs-team);transform:skew(var(--tilt))}.rs-opp-row{position:relative;display:flex;align-items:center;gap:14px;min-height:clamp(58px,8.4vh,78px);padding:clamp(6px,.9vh,10px) 16px;animation:rsSlideLeft .46s var(--ease-out) calc(.38s + var(--rs-row-i, 0) * 80ms) backwards}.rs-opp-slab{position:absolute;top:0;right:0;bottom:0;left:0;transform:skew(var(--tilt));background:#04070d8c}.rs-opp-slab:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-left:2px solid color-mix(in oklab,var(--rs-team) 55%,transparent);border-bottom:2px solid color-mix(in oklab,var(--rs-team) 30%,transparent)}.rs-opp-row.is-mvp .rs-opp-slab{background:color-mix(in oklab,var(--lux-gold) 9%,rgba(4,7,13,.62))}.rs-opp-row.is-mvp .rs-opp-slab:before{border-left-color:var(--lux-gold);border-bottom-color:color-mix(in oklab,var(--lux-gold) 45%,transparent)}.rs-opp-portrait{position:relative;width:clamp(44px,5.4vh,60px);height:clamp(44px,5.4vh,60px);flex:none}.rs-opp-portrait .plate-portrait-scene{box-shadow:0 0 0 2px var(--rs-champ, var(--champ-accent))}.rs-opp-id{position:relative;display:grid;gap:4px;justify-items:start;min-width:0}.rs-opp-id strong{display:inline-flex;align-items:center;color:var(--ink-high);font:italic 900 clamp(15px,1.2vw,21px)/1 var(--font-display);text-transform:uppercase;letter-spacing:.01em;white-space:nowrap;max-width:100%;overflow:hidden}.rs-opp-id strong .rs-mvp{margin-left:10px}.rs-opp-id small{color:var(--rs-champ, var(--champ-accent));font:800 clamp(9px,.72vw,11px)/1 var(--font-ui);text-transform:uppercase;letter-spacing:.16em}.result-actions{position:absolute;right:var(--gutter);bottom:clamp(26px,4.6vh,48px);z-index:8;display:flex;gap:14px;align-items:stretch;pointer-events:auto;animation:rsRise .42s var(--ease-out) .48s backwards}.result-actions[hidden]{display:none}.result-actions .ghost-slab{height:clamp(46px,6vh,56px);min-width:clamp(170px,13vw,220px)}.result-actions .energy-slab{height:clamp(46px,6vh,56px);min-width:clamp(190px,15vw,250px)}.result-actions .energy-slab .slab-label{font:italic 900 clamp(17px,1.35vw,24px)/1 var(--font-display);text-transform:uppercase;padding:0 22px}.result-actions .energy-slab:hover,.result-actions .energy-slab:focus-visible{outline:none;transform:skew(var(--tilt)) translateY(-2px) scale(1.03);box-shadow:inset 0 0 0 2px #02040a59,0 14px 34px #00000073,0 4px 36px var(--champ-glow)}.result-actions .energy-slab:hover:after{animation:slabShineOnce .42s var(--ease-cine) both}.result-actions .energy-slab:focus-visible{box-shadow:var(--focus-ring),inset 0 0 0 2px #02040a59,0 14px 34px #00000073,0 4px 36px var(--champ-glow)}.result-actions .energy-slab:active{transform:skew(var(--tilt)) scale(.97);transition-duration:90ms}.result-actions .ghost-slab:hover,.result-actions .ghost-slab:focus-visible{outline:none;transform:skew(var(--tilt)) translateY(-2px);background:var(--champ-accent-soft)}.result-actions .ghost-slab:hover:before,.result-actions .ghost-slab:focus-visible:before{border-color:var(--champ-accent)}.result-actions .ghost-slab:focus-visible{box-shadow:var(--focus-ring)}.result-actions .ghost-slab:active{transform:skew(var(--tilt)) scale(.97);transition-duration:90ms}@keyframes rsVeilIn{0%{opacity:0;transform:scale(.6)}}@keyframes rsBandIn{0%{opacity:0;transform:skew(var(--tilt)) translate(-4vw)}}@keyframes rsRise{0%{opacity:0;transform:translateY(14px)}}.rs-plate{animation-name:rsPlateRise}@keyframes rsPlateRise{0%{opacity:0;transform:translate(-50%) translateY(14px)}}@keyframes rsTitleIn{0%{opacity:0;transform:translateY(.22em) scaleY(.92)}}@keyframes rsTitleSink{0%{opacity:0;transform:translateY(-.16em)}}@keyframes rsFigureIn{0%{opacity:0;transform:translateY(2.4vh)}}@keyframes rsSlideLeft{0%{opacity:0;transform:translate(26px)}}@media(prefers-reduced-motion:reduce){#result-screen .rs-content *,.result-actions{animation:none!important}}#announce{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;overflow:hidden;font-feature-settings:"ss01"}#announce>div[hidden]{display:none}.announce-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;will-change:opacity}.announce-stage[hidden]{display:none}.announce-contender-card{position:absolute;left:50%;display:flex;align-items:center;gap:clamp(10px,.95vw,18px);width:clamp(296px,27vw,432px);padding:clamp(8px,.7vh,12px) clamp(16px,1.4vw,26px);transform:translate(-50%,-50%) skew(var(--tilt));will-change:transform,opacity}.announce-contender-card[data-side=left]{flex-direction:row;justify-content:flex-end;padding-right:clamp(20px,2vw,34px)}.announce-contender-card[data-side=right]{flex-direction:row;justify-content:flex-start;padding-left:clamp(20px,2vw,34px)}.announce-card-skin{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,color-mix(in oklab,var(--champ-accent) 46%,rgba(6,9,16,.92)),#080b13e6 46%,#05070cbd);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--champ-accent) 52%,transparent),0 18px 44px #00000080;clip-path:polygon(7% 0,100% 0,93% 100%,0% 100%)}.announce-contender-card[data-side=right] .announce-card-skin{background:linear-gradient(260deg,color-mix(in oklab,var(--champ-accent) 46%,rgba(6,9,16,.92)),#080b13e6 46%,#05070cbd);clip-path:polygon(0 0,93% 0,100% 100%,7% 100%)}.announce-card-portrait{position:relative;width:clamp(52px,4.6vw,78px);height:clamp(52px,4.6vw,78px);flex:none;transform:skew(calc(-1 * var(--tilt)))}.announce-card-portrait .plate-portrait-scene{box-shadow:0 0 0 2px var(--champ-accent),0 6px 16px #00000080}.announce-card-id{position:relative;display:grid;gap:3px;min-width:0;transform:skew(calc(-1 * var(--tilt)));text-shadow:0 1px 0 rgba(0,0,0,.6),0 2px 12px rgba(0,0,0,.55)}.announce-contender-card[data-side=left] .announce-card-id{justify-items:end;text-align:right}.announce-contender-card[data-side=right] .announce-card-id{justify-items:start;text-align:left}.announce-card-id strong{font:italic 900 clamp(17px,1.6vw,27px)/1 var(--font-display);text-transform:uppercase;letter-spacing:.01em;color:var(--ink-high);white-space:nowrap}.announce-card-id small{font:850 clamp(9px,.78vw,12px)/1 var(--font-ui);text-transform:uppercase;letter-spacing:.16em;color:var(--champ-accent)}.announce-vs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;will-change:opacity}.announce-vs[hidden]{display:none}.announce-vs-mark{display:block;transform:skew(var(--tilt)) scale(var(--vs-pop, 1));font:italic 900 clamp(40px,5.2vw,88px)/.84 var(--font-display);letter-spacing:-.02em;background:linear-gradient(180deg,var(--ink-high) 8%,#fff8e9 52%,#cdb380 96%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 rgba(0,0,0,.45)) drop-shadow(0 0 40px rgba(205,179,128,.4))}.announce-countdown{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.announce-countdown[hidden]{display:none}.announce-count-mark{display:block;transform:skew(var(--tilt)) scale(var(--count-scale, 1));font:italic 900 clamp(78px,9.4vw,150px)/.82 var(--font-display);letter-spacing:-.01em;color:transparent;background:linear-gradient(180deg,var(--ink-high) 10%,#fff8e9 56%,var(--lux-gold) 96%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 3px 0 rgba(0,0,0,.5)) drop-shadow(0 0 44px rgba(205,179,128,.42));will-change:transform,opacity}.announce-countdown[data-kind=fight] .announce-count-mark{font-size:clamp(72px,8.8vw,138px);background:linear-gradient(180deg,#fff8e9 6%,var(--hearth) 58%,#ff8a4a 98%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 3px 0 rgba(0,0,0,.5)) drop-shadow(0 0 52px rgba(255,138,74,.5))}.announce-orb{position:absolute;top:0;right:0;bottom:0;left:0;--orb-accent: #79f2ff}.announce-orb[hidden]{display:none}.announce-orb-flash{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;opacity:0;pointer-events:none;background:radial-gradient(116% 116% at 50% 50%,transparent 38%,color-mix(in oklab,var(--orb-accent) 30%,transparent) 78%,color-mix(in oklab,var(--orb-accent) 72%,transparent) 100%);will-change:opacity}.announce-orb-flash[hidden]{display:none}.announce-orb-flash:after{content:"";position:absolute;top:-60%;bottom:-60%;left:0;width:46%;transform:translate(-200%) skew(-18deg);background:linear-gradient(90deg,transparent 0 14%,rgba(255,255,255,.5) 40%,rgba(255,255,255,.98) 50%,rgba(255,255,255,.5) 60%,transparent 86%);filter:blur(1px) drop-shadow(0 0 22px color-mix(in oklab,var(--orb-accent) 60%,white));opacity:0}.announce-orb-flash.is-firing{animation:orbAlertTint .64s cubic-bezier(.2,.72,.2,1) 1}.announce-orb-flash.is-firing:after{animation:orbAlertSweep .64s cubic-bezier(.2,.72,.2,1) 1}@keyframes orbAlertTint{0%{opacity:0}16%{opacity:1}to{opacity:0}}@keyframes orbAlertSweep{0%{transform:translate(-200%) skew(-18deg);opacity:0}12%{opacity:1}to{transform:translate(380%) skew(-18deg);opacity:0}}@media(prefers-reduced-motion:reduce){.announce-orb-flash.is-firing,.announce-orb-flash.is-firing:after{animation-duration:1ms}}.announce-orb-banner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) skew(var(--tilt));display:grid;justify-items:center;gap:8px;padding:14px 40px 16px;background:linear-gradient(180deg,#080b126b,#04060b75);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--orb-accent) 42%,transparent),0 14px 38px #00000052;will-change:opacity}.announce-orb-banner[hidden]{display:none}.announce-orb-banner-kicker{font:850 clamp(12px,1.05vw,16px)/1 var(--font-ui);text-transform:uppercase;letter-spacing:.2em;color:var(--ink-mid)}.announce-orb-banner-kicker em{font-style:normal;color:var(--orb-accent)}.announce-orb-banner strong{font:italic 900 clamp(28px,2.7vw,46px)/1 var(--font-display);text-transform:uppercase;letter-spacing:.01em;color:var(--ink-high);text-shadow:0 0 26px color-mix(in oklab,var(--orb-accent) 55%,transparent)}.announce-orb-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) skew(var(--tilt)) scale(var(--orb-scale, 1));font:italic 900 clamp(62px,6vw,108px)/.82 var(--font-display);letter-spacing:-.01em;color:transparent;background:linear-gradient(180deg,var(--ink-high) 10%,#fff8e9 54%,var(--orb-accent) 98%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 3px 0 rgba(0,0,0,.5)) drop-shadow(0 0 46px color-mix(in oklab,var(--orb-accent) 60%,transparent));will-change:transform,opacity,font-size}.announce-orb-mark[hidden]{display:none}.announce-orb[data-dramatic="1"] .announce-orb-mark{font-size:clamp(96px,9.4vw,170px);filter:drop-shadow(0 3px 0 rgba(0,0,0,.55)) drop-shadow(0 0 64px color-mix(in oklab,var(--orb-accent) 72%,transparent))}.announce-final{position:absolute;top:0;right:0;bottom:0;left:0;--final-accent: #ff4d62}.announce-final[hidden]{display:none}.announce-final-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) skew(var(--tilt)) scale(var(--final-scale, 1));font:italic 900 clamp(62px,6vw,108px)/.82 var(--font-display);letter-spacing:-.01em;color:transparent;background:linear-gradient(180deg,var(--ink-high) 8%,#ffd7dd 48%,var(--final-accent) 98%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 3px 0 rgba(0,0,0,.55)) drop-shadow(0 0 46px color-mix(in oklab,var(--final-accent) 64%,transparent));will-change:transform,opacity,font-size}.announce-final-mark[hidden]{display:none}.announce-final[data-dramatic="1"]{--final-accent: #ff2740}.announce-final[data-dramatic="1"] .announce-final-mark{font-size:clamp(96px,9.4vw,170px);filter:drop-shadow(0 4px 0 rgba(0,0,0,.66)) drop-shadow(0 0 40px color-mix(in oklab,var(--final-accent) 90%,transparent)) drop-shadow(0 0 120px color-mix(in oklab,var(--final-accent) 64%,transparent))}@media(prefers-reduced-motion:reduce){.announce-final-mark{transition:none}}.announce-result{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:10px;text-align:center;--champ-accent-hot: color-mix(in oklab, var(--champ-accent, #79f2ff) 62%, white);background:radial-gradient(62% 62% at 50% 50%,color-mix(in oklab,var(--champ-accent) 22%,transparent) 0%,color-mix(in oklab,var(--champ-accent) 7%,transparent) 46%,transparent 78%),#0203089e;will-change:opacity}.announce-result[hidden]{display:none}.announce-result-sub{font:850 clamp(12px,1.05vw,16px)/1 var(--font-ui);text-transform:uppercase;letter-spacing:.2em;color:var(--champ-accent);text-shadow:0 1px 0 rgba(0,0,0,.6),0 2px 12px rgba(0,0,0,.55)}.announce-result-title{font:italic 900 clamp(76px,9vw,156px)/.86 var(--font-display);text-transform:uppercase;letter-spacing:.01em;transform:scale(var(--result-scale, 1));background:linear-gradient(180deg,var(--ink-high) 12%,var(--champ-accent-hot, #fff8e9) 60%,var(--champ-accent) 96%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 rgba(0,0,0,.45)) drop-shadow(0 0 52px color-mix(in oklab,var(--champ-accent) 55%,transparent));will-change:transform}.announce-result[data-outcome=defeat]{background:radial-gradient(70% 70% at 50% 50%,rgba(8,11,18,.6) 0%,transparent 72%),#020308b3}.announce-result[data-outcome=defeat] .announce-result-sub{color:#9aa3b3}.announce-result[data-outcome=defeat] .announce-result-title{background:linear-gradient(180deg,#d7dde8 8%,#8d96a6 64%,#5d6675 96%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 3px 0 rgba(0,0,0,.5)) drop-shadow(0 10px 28px rgba(0,0,0,.55))}#kill-feed{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;overflow:hidden;font-feature-settings:"ss01"}#kill-feed[hidden]{display:none}.kill-feed-stack{position:absolute;top:74px;display:grid;gap:12px;max-width:min(34vw,420px)}.kill-feed-stack[data-side=left]{left:22px;justify-items:start}.kill-feed-stack[data-side=right]{right:22px;justify-items:end}.kill-feed-row{display:flex;align-items:center;gap:7px;--kf-enter: 1;--kf-slide: calc((1 - var(--kf-enter)) * 26px);will-change:transform,opacity}.kill-feed-row[data-side=left]{flex-direction:row;transform:translate(calc(-1 * var(--kf-slide))) scale(calc(.86 + .14 * var(--kf-enter)))}.kill-feed-row[data-side=right]{flex-direction:row;transform:translate(var(--kf-slide)) scale(calc(.86 + .14 * var(--kf-enter)))}.kill-feed-name{font:italic 900 clamp(12px,.92vw,16px)/1 var(--font-display);text-transform:uppercase;letter-spacing:.005em;color:var(--kf-accent, #f6f2e8);-webkit-text-stroke:3px #04060b;paint-order:stroke fill;text-shadow:0 1px 0 rgba(0,0,0,.6),0 2px 9px rgba(0,0,0,.55);white-space:nowrap}.kill-feed-icon{position:relative;width:clamp(22px,1.74vw,29px);height:clamp(22px,1.74vw,29px);flex:none;border-radius:50%;box-shadow:0 0 0 2px #04060b,0 0 0 3.4px var(--kf-accent, #79f2ff)}.kill-feed-icon-scene{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;background-size:cover;background-position:center top}.kill-feed-icon .layered-art{position:absolute;top:4%;right:4%;bottom:4%;left:4%;display:block;pointer-events:none}.kill-feed-icon .layered-art-fg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.kill-feed-icon.is-flat{background:radial-gradient(circle at 38% 32%,color-mix(in oklab,var(--kf-accent, #79f2ff) 70%,#fff8e9) 0%,var(--kf-accent, #79f2ff) 58%,color-mix(in oklab,var(--kf-accent, #79f2ff) 50%,#04060b) 100%)}.kill-feed-blade{display:grid;place-items:center;width:clamp(19px,1.49vw,25px);height:clamp(19px,1.49vw,25px);flex:none}.kill-feed-blade svg{width:100%;height:100%;fill:#fbf6ea;stroke:#04060b;stroke-width:1.4;stroke-linejoin:round;paint-order:stroke fill;filter:drop-shadow(0 1px 0 rgba(0,0,0,.5)) drop-shadow(0 2px 6px rgba(0,0,0,.5))}.kill-feed-source{width:clamp(22px,1.72vw,28px);height:clamp(22px,1.72vw,28px);flex:none;border-radius:50%;background-repeat:no-repeat;background-position:center;background-size:cover;background-color:#060910eb;border:1.5px solid color-mix(in oklab,var(--kf-accent, #79f2ff) 50%,transparent);box-shadow:0 2px 6px #00000080}@keyframes killFeedSelfPop{0%{scale:1;filter:drop-shadow(0 0 0 transparent)}34%{scale:1.13;filter:drop-shadow(0 0 11px color-mix(in oklab,var(--kf-accent, #79f2ff) 58%,#fff8e9))}to{scale:1;filter:drop-shadow(0 0 0 transparent)}}.kill-feed-row.is-self-kill{animation:killFeedSelfPop .48s var(--ease-pop, cubic-bezier(.34, 1.56, .64, 1)) 1}@media(prefers-reduced-motion:reduce){.kill-feed-row.is-self-kill{animation:none}}#scoreboard,#status,#class-switch,#map-editor-return,#settings-button,#fullscreen,#debug{border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,#131822d6,#080b11d1),#0f1218c7;box-shadow:0 12px 34px #00000047,inset 0 1px #ffffff12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#scoreboard[hidden]{display:none}#scoreboard{position:relative;grid-column:2;grid-row:1;justify-self:center;width:min(780px,calc(100vw - 280px));min-width:min(560px,calc(100vw - 280px));max-width:780px;padding:9px 13px 10px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center;border:0;border-radius:0;background:radial-gradient(120% 140% at 50% -10%,rgba(255,248,233,.05),transparent 46%),linear-gradient(180deg,#0d121ceb,#04060ce6),#060a12db;box-shadow:inset 0 0 0 1px #f6f2e81a,inset 0 1px #f6f2e814,0 16px 40px #0000006b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.gem-scoreboard{display:grid;grid-template-columns:minmax(184px,1fr) auto minmax(184px,1fr);gap:clamp(8px,.9vw,12px);align-items:center;width:min(100%,752px);margin:0 auto}.team-gem-count{--team-color: #73e9ff;--team-color-soft: rgba(115, 233, 255, .26);display:grid;grid-template-columns:minmax(72px,1fr) auto minmax(72px,1fr);column-gap:15px;align-items:center;min-width:0;padding:4px 8px}.team-gem-count>.team-label{justify-self:end}.team-gem-count>.orb-score-bar-vibe{justify-self:center;display:block;width:134px}@keyframes orbScoreVibrate{0%,to{transform:translateY(-.6px)}50%{transform:translateY(.6px)}}.team-gem-count.countdown>.orb-score-bar-vibe{animation:orbScoreVibrate .08s linear infinite;will-change:transform}@media(prefers-reduced-motion:reduce){.team-gem-count.countdown>.orb-score-bar-vibe{animation:none}}.team-gem-count>strong{justify-self:center}.team-gem-count.right{--team-color: #ff8aa0;--team-color-soft: rgba(255, 138, 160, .26);direction:rtl}.team-gem-count.right>*{direction:ltr}.team-label{display:flex;align-items:center;gap:8px;min-width:70px;color:var(--team-color);font:italic 900 14px/1 var(--font-display);text-transform:uppercase;letter-spacing:.01em;text-align:left;text-shadow:0 2px 0 rgba(2,4,9,.9),0 0 14px var(--team-color-soft)}.team-label:before{content:"";width:3px;height:15px;flex:none;background:var(--team-color);transform:skew(var(--tilt));box-shadow:0 0 12px var(--team-color-soft)}.team-gem-count.left .team-label{color:var(--team-color)}.team-gem-count.right .team-label{color:var(--team-color);flex-direction:row-reverse;text-align:right}.gem-slots{display:none;gap:3px;align-items:center;justify-content:center;min-width:0}.orb-score-bar{position:relative;width:134px;min-width:134px;max-width:134px;height:26px;overflow:hidden;border-radius:2px;transform:skew(var(--tilt));padding:3px;background:linear-gradient(180deg,#f6f2e80f,#f6f2e803),#03060cc7;box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--team-color) 28%,rgba(246,242,232,.12)),inset 0 2px 6px #00000080}.orb-score-fill{display:none;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;min-width:0;border-radius:inherit;background:linear-gradient(180deg,#f6f2e86b,#f6f2e80a 44%,#00000024),var(--team-color);box-shadow:0 0 16px var(--team-color-soft),inset 0 0 0 1px #f6f2e83d}.team-gem-count.right .orb-score-fill{top:0;right:0;bottom:0;left:0}.orb-score-sections{position:relative;z-index:1;display:grid;grid-template-columns:repeat(10,1fr);gap:3px;height:100%;pointer-events:none}.orb-score-section{transform:none}.team-gem-count.right .orb-score-sections{direction:rtl}.orb-score-section{border-radius:1.5px;background:linear-gradient(180deg,#f6f2e80d,#f6f2e802),#f6f2e80a;box-shadow:inset 0 0 0 1px #f6f2e817,inset 0 -1px #00000070}.orb-score-section.filled{background:linear-gradient(180deg,#f6f2e875,#f6f2e80f 44%,#0000001f),var(--team-color);box-shadow:0 0 9px var(--team-color-soft),inset 0 0 0 1px #f6f2e842,inset 0 -1px #0000005c}.gem-slot{width:13px;height:13px;border-radius:50%;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff1f,0 1px #00000052}.gem-slot.filled{background:radial-gradient(circle at 38% 32%,#f8ffff 0,#f8ffff 13%,#7df7ff 22%,#08c9ff,#046cff,#062f70);box-shadow:0 0 10px #31d5ff6b,inset 0 0 0 1px #9dffff9e}.team-gem-count.countdown .gem-slot.filled{animation:none}.team-gem-count.countdown .orb-score-bar{animation:orbScoreHeartbeat 1.08s ease-in-out infinite;transform-origin:50% 50%;box-shadow:0 0 4px var(--team-color),0 0 8px var(--team-color-soft),inset 0 0 0 1px #f6f2e866,inset 0 0 18px #f6f2e829}.team-gem-count.countdown .orb-score-fill{display:block;width:100%}.team-gem-count.countdown .orb-score-sections{opacity:0}.team-gem-count.countdown .orb-score-bar:after{content:"";position:absolute;z-index:2;inset:-68% auto -68% 0;width:64%;transform:translate(-135%) skew(-18deg);background:linear-gradient(90deg,transparent 0 12%,rgba(255,255,255,.78) 43%,rgba(255,255,255,.98) 50%,rgba(255,255,255,.78) 57%,transparent 88%),linear-gradient(90deg,transparent,var(--team-color-soft),transparent);filter:blur(.5px);animation:orbScoreSweep .92s cubic-bezier(.22,.9,.18,1) infinite}.team-gem-count.countdown .orb-score-bar:before{content:"";position:absolute;z-index:1;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.22),transparent 58%);mix-blend-mode:screen;opacity:.62;animation:orbScoreCoreHeartbeat 1.08s ease-in-out infinite}.team-gem-count strong{min-width:40px;color:var(--team-color);font:italic 900 var(--score-count-size, 24px)/1 var(--font-display);font-variant-numeric:tabular-nums;text-align:center;transform:skew(var(--tilt));text-shadow:0 2px 0 rgba(2,4,9,.92),0 -1px 0 rgba(2,4,9,.92),1px 0 0 rgba(2,4,9,.92),-1px 0 0 rgba(2,4,9,.92),0 0 18px var(--team-color-soft)}.gem-overflow{display:none}.match-clock{position:relative;display:grid;gap:3px;justify-items:center;min-width:116px;padding:5px 14px 6px;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%);background:radial-gradient(120% 140% at 50% 0%,rgba(255,248,233,.07),transparent 56%),linear-gradient(180deg,#0b101ab3,#03050b9e),#02050b80;box-shadow:inset 0 0 0 1px #f6f2e817,inset 0 1px #f6f2e814}.match-clock strong{color:var(--ink-high);font:italic 900 25px/.92 var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.01em;transform:skew(var(--tilt));filter:drop-shadow(0 2px 0 rgba(2,4,9,.6))}.match-clock strong.is-expired{color:#ff8aa0;text-shadow:0 2px 0 #05070d,0 -1px 0 #05070d,1px 0 0 #05070d,-1px 0 0 #05070d,0 0 20px rgba(255,138,160,.5)}.match-clock strong.is-urgent{color:#ff6a7e;text-shadow:0 2px 0 #05070d,0 0 18px rgba(255,77,98,.5);opacity:calc(.74 + var(--clock-blink, 1) * .26)}.match-clock strong.is-critical{color:#ff2f44;text-shadow:0 2px 0 #05070d,1px 0 0 #05070d,-1px 0 0 #05070d,0 0 26px rgba(255,47,68,.72);transform:skew(var(--tilt)) scale(calc(1 + var(--clock-beat, 0) * .16));opacity:1;will-change:transform}@media(prefers-reduced-motion:reduce){.match-clock strong.is-urgent,.match-clock strong.is-critical{transform:skew(var(--tilt));opacity:1}}.match-clock span{color:var(--ink-low);font:850 9px/1 var(--font-ui);text-transform:uppercase;letter-spacing:.22em}.gem-countdown{padding:4px 9px;border-radius:999px;color:#111318!important;background:linear-gradient(180deg,#a9fbff,#57ddea);animation:countdownPulse .54s ease-in-out infinite alternate}.gem-countdown.right{background:linear-gradient(180deg,#ff8f98,#ff4f5e)}@keyframes gemPulse{0%{filter:brightness(1)}to{filter:brightness(1.24)}}@keyframes orbScoreHeartbeat{0%,to{filter:brightness(1.05) saturate(1.04);transform:skew(var(--tilt)) scaleY(1)}11%{filter:brightness(1.52) saturate(1.28);transform:skew(var(--tilt)) scaleY(1.13)}20%{filter:brightness(1.12) saturate(1.08);transform:skew(var(--tilt)) scaleY(1.02)}31%{filter:brightness(1.34) saturate(1.18);transform:skew(var(--tilt)) scaleY(1.075)}43%{filter:brightness(1.08) saturate(1.06);transform:skew(var(--tilt)) scaleY(1)}68%{filter:brightness(1.05) saturate(1.04);transform:skew(var(--tilt)) scaleY(1)}}@keyframes orbScoreSweep{0%{transform:translate(-135%) skew(-18deg)}to{transform:translate(285%) skew(-18deg)}}@keyframes orbScoreCoreHeartbeat{0%,to{opacity:.28}11%{opacity:.82}20%{opacity:.34}31%{opacity:.58}43%,68%{opacity:.3}}@keyframes countdownPulse{0%{box-shadow:0 0 #fff0}to{box-shadow:0 0 14px #ffffff47}}.score-row{display:inline-flex;align-items:center;gap:7px;min-width:112px;font-size:13px;font-weight:700;color:#f5f0e6}.score-dot{width:10px;height:10px;border-radius:999px}#hud-stats{min-width:156px;padding:10px 12px;border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.25;text-align:right;color:#eaf8ff;white-space:pre}#share-link[hidden],#status[hidden]{display:none!important}#share-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;max-width:min(440px,38vw);padding:10px 12px;border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.25;color:#f7f0df;white-space:pre-wrap;overflow-wrap:anywhere}#share-text{min-width:0}#copy-share{pointer-events:auto;border:1px solid rgba(255,255,255,.16);border-radius:7px;padding:6px 8px;color:#10131a;background:#9be7c6;font:800 11px/1 Inter,ui-sans-serif,system-ui,sans-serif;cursor:var(--sparkfall-menu-cursor)}#copy-share:hover:not(:disabled){background:#b8f6d8}#copy-share:disabled{cursor:var(--sparkfall-menu-cursor);opacity:.42}#status{min-width:128px;padding:10px 12px;border-radius:8px;font-size:13px;text-align:center;color:#d9e7ff}#fullscreen,#settings-button,#class-switch,#map-editor-return{grid-column:3;grid-row:1;justify-self:end;pointer-events:auto;border-radius:8px;padding:10px 12px;color:#10131a;background:#f4d35e;font-weight:800;cursor:var(--sparkfall-menu-cursor)}#class-switch{margin-right:152px}#map-editor-return{margin-right:270px;border-color:#79f2ff80;background:linear-gradient(180deg,#b8fbff,#52ddf4)}#fullscreen{grid-column:3;grid-row:1;justify-self:end}#settings-button{grid-column:3;grid-row:1;justify-self:end;margin-right:50px}.hud-icon-button{width:46px;height:42px;min-width:46px;min-height:42px;padding:0;display:inline-grid;place-items:center;font:950 30px/1 Inter,ui-sans-serif,system-ui,sans-serif}.hud-icon-button .hud-icon{display:block;width:23px;height:23px}#fullscreen .hud-icon{width:21px;height:21px}#fullscreen.hud-icon-button,#settings-button.hud-icon-button{width:46px;height:42px;padding:0}.hud-icon-button[hidden]{display:none}#fullscreen:hover,#settings-button:hover,#class-switch:hover,#map-editor-return:hover{background:#ffe07a}.pause-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:76;display:grid;place-items:center;padding:clamp(16px,3vw,40px);background:radial-gradient(120% 90% at 50% 0%,rgba(121,242,255,.07),transparent 58%),#02040894;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;--champ-accent: #79f2ff;--champ-accent-hot: color-mix(in oklab, var(--champ-accent) 62%, white);--champ-accent-soft: color-mix(in oklab, var(--champ-accent) 26%, transparent);--champ-accent-deep: color-mix(in oklab, var(--champ-accent) 16%, var(--abyss));--champ-glow: color-mix(in oklab, var(--champ-accent) 48%, transparent)}.pause-menu[hidden]{display:none}.pause-panel{position:relative;width:min(420px,calc(100vw - 32px));display:grid;gap:clamp(18px,2.4vw,26px);padding:clamp(24px,3vw,34px) clamp(24px,3vw,36px) clamp(26px,3vw,34px);clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%);background:radial-gradient(140% 100% at 0% 0%,var(--champ-accent-deep),transparent 46%),linear-gradient(168deg,#0d131cfa,#05080dfc);box-shadow:0 40px 120px #0000009e,inset 0 1px #ffffff0f;animation:settingsPanelIn .32s var(--ease-out) backwards}.pause-edge{position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,transparent 2%,var(--champ-accent) 30%,var(--champ-accent) 70%,transparent 98%);box-shadow:0 0 22px var(--champ-glow);pointer-events:none}.pause-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.pause-heading-text{display:grid;gap:10px;justify-items:start}.pause-kicker{display:inline-flex;align-items:center;gap:12px;color:var(--champ-accent);font:850 13px/1 var(--font-ui);text-transform:uppercase;letter-spacing:.18em}.pause-kicker:before{content:"";width:3px;height:18px;flex:none;background:var(--champ-accent);transform:skew(var(--tilt));box-shadow:0 0 12px var(--champ-glow)}.pause-heading-text strong{color:var(--ink-high);font:italic 900 clamp(28px,3.2vw,38px)/.9 var(--font-display);text-transform:uppercase;letter-spacing:.01em;text-shadow:0 2px 0 rgba(0,0,0,.35),0 14px 44px rgba(0,0,0,.55)}.pause-actions{display:grid;gap:12px}.pause-action{width:100%;height:60px}.pause-menu .energy-slab:hover,.pause-menu .energy-slab:focus-visible{outline:none;transform:skew(var(--tilt)) translateY(-2px) scale(1.02);box-shadow:inset 0 0 0 2px #02040a59,0 14px 34px #00000073,0 4px 36px var(--champ-glow)}.pause-menu .energy-slab:hover:after{animation:slabShineOnce .42s var(--ease-cine) both}.pause-menu .energy-slab:focus-visible{box-shadow:var(--focus-ring),inset 0 0 0 2px #02040a59,0 14px 34px #00000073,0 4px 36px var(--champ-glow)}.pause-menu .energy-slab:active{transform:skew(var(--tilt)) scale(.97);transition-duration:90ms}.pause-menu .ghost-slab:hover,.pause-menu .ghost-slab:focus-visible{outline:none;background:var(--champ-accent-soft);transform:skew(var(--tilt)) translateY(-2px)}.pause-menu .ghost-slab:hover:before,.pause-menu .ghost-slab:focus-visible:before{border-color:var(--champ-accent)}.pause-menu .ghost-slab:focus-visible{box-shadow:var(--focus-ring)}.pause-menu .ghost-slab:active{transform:skew(var(--tilt)) scale(.98);transition-duration:90ms}.pause-action--leave .slab-label{color:color-mix(in oklab,var(--danger) 78%,white)}.pause-action--leave.ghost-slab:before{border-color:color-mix(in oklab,var(--danger) 55%,transparent)}.pause-menu .pause-action--leave.ghost-slab:hover,.pause-menu .pause-action--leave.ghost-slab:focus-visible{background:color-mix(in oklab,var(--danger) 22%,transparent)}.pause-menu .pause-action--leave.ghost-slab:hover:before,.pause-menu .pause-action--leave.ghost-slab:focus-visible:before{border-color:var(--danger)}.settings-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:78;display:grid;place-items:center;padding:clamp(16px,3vw,40px);background:radial-gradient(120% 90% at 50% 0%,rgba(121,242,255,.07),transparent 58%),#0204089e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;--champ-accent: #79f2ff;--champ-accent-hot: color-mix(in oklab, var(--champ-accent) 62%, white);--champ-accent-soft: color-mix(in oklab, var(--champ-accent) 26%, transparent);--champ-accent-deep: color-mix(in oklab, var(--champ-accent) 16%, var(--abyss));--champ-glow: color-mix(in oklab, var(--champ-accent) 48%, transparent)}.settings-menu[hidden]{display:none}.settings-panel{position:relative;width:min(980px,calc(100vw - 32px));max-height:min(820px,calc(100vh - 32px));display:grid;grid-template-rows:auto minmax(0,1fr);clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%);background:radial-gradient(140% 100% at 0% 0%,var(--champ-accent-deep),transparent 46%),linear-gradient(168deg,#0d131cfa,#05080dfc);box-shadow:0 40px 120px #0000009e,inset 0 1px #ffffff0f;animation:settingsPanelIn .32s var(--ease-out) backwards}@keyframes settingsPanelIn{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}.settings-edge{position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,transparent 2%,var(--champ-accent) 30%,var(--champ-accent) 70%,transparent 98%);box-shadow:0 0 22px var(--champ-glow);pointer-events:none}.settings-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:22px clamp(20px,3vw,34px) 18px;border-bottom:1px solid color-mix(in oklab,var(--champ-accent) 18%,transparent)}.settings-heading-text{display:grid;gap:10px;justify-items:start}.settings-kicker{display:inline-flex;align-items:center;gap:12px;color:var(--champ-accent);font:850 13px/1 var(--font-ui);text-transform:uppercase;letter-spacing:.18em}.settings-kicker:before{content:"";width:3px;height:18px;flex:none;background:var(--champ-accent);transform:skew(var(--tilt));box-shadow:0 0 12px var(--champ-glow)}.settings-heading-text strong{color:var(--ink-high);font:italic 900 clamp(30px,3.4vw,42px)/.9 var(--font-display);text-transform:uppercase;letter-spacing:.01em;text-shadow:0 2px 0 rgba(0,0,0,.35),0 14px 44px rgba(0,0,0,.55)}.settings-close{flex:none;width:46px;height:46px;border:0;border-radius:0;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);display:grid;place-items:center;color:var(--ink-mid);background:#080c14a8;transition:background var(--t-micro) var(--ease-out),color var(--t-micro) var(--ease-out)}.settings-close svg{width:16px;height:16px}.settings-close:hover,.settings-close:focus-visible{color:var(--ink-high);background:var(--champ-accent-soft);outline:none}.settings-close:focus-visible{box-shadow:inset 0 0 0 2px var(--champ-accent)}.settings-content{min-height:0;overflow:auto;display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:clamp(16px,2vw,26px);padding:clamp(18px,2.4vw,28px) clamp(20px,3vw,34px) clamp(20px,2.6vw,30px);scrollbar-width:thin;scrollbar-color:color-mix(in oklab,var(--champ-accent) 40%,transparent) transparent}.settings-content::-webkit-scrollbar{width:10px}.settings-content::-webkit-scrollbar-thumb{background:color-mix(in oklab,var(--champ-accent) 36%,transparent);border-radius:0}.settings-column{display:grid;gap:clamp(16px,2vw,22px);align-content:start}.settings-section{position:relative;display:grid;gap:14px;align-content:start;padding:clamp(15px,1.6vw,20px);background:linear-gradient(168deg,#ffffff0b,#ffffff03 60%),#04070c80;border-left:2px solid color-mix(in oklab,var(--champ-accent) 32%,transparent)}.settings-section--keybinds{align-self:stretch}.settings-section-title{margin:0;color:var(--ink-high);font:900 14px/1 var(--font-ui);text-transform:uppercase;letter-spacing:.14em}.settings-section-note{margin:-4px 0 0;color:var(--ink-low);font:600 12px/1.45 var(--font-ui)}.settings-keybinds{display:grid;gap:6px}.settings-keybind-row{display:grid;grid-template-columns:minmax(82px,1fr) minmax(58px,.85fr) minmax(58px,.85fr) 30px;align-items:center;gap:6px;width:100%;min-height:40px;padding:6px 10px 6px 14px;background:#ffffff09;box-shadow:inset 2px 0 0 transparent;transition:background var(--t-micro) var(--ease-out),box-shadow var(--t-micro) var(--ease-out)}.settings-keybind-row:hover{background:#ffffff0f;box-shadow:inset 2px 0 0 var(--champ-accent)}.settings-keybind-name{min-width:0;color:var(--ink-mid);font:700 12.5px/1.15 var(--font-ui);overflow-wrap:anywhere;overflow:hidden}.settings-keybind-value{justify-self:stretch;min-width:0;padding:7px 8px;border:0;text-align:center;color:var(--ink-high);background:#080c14c7;box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--champ-accent) 30%,transparent);font:800 12px/1 var(--font-ui);text-transform:uppercase;letter-spacing:.04em;transition:background var(--t-micro) var(--ease-out),color var(--t-micro) var(--ease-out),box-shadow var(--t-micro) var(--ease-out)}.settings-keybind-value:hover{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--champ-accent) 60%,transparent)}.settings-keybind-value:focus-visible{outline:none;box-shadow:inset 0 0 0 1px var(--champ-accent),var(--focus-ring)}.settings-keybind-value.is-empty{color:var(--ink-low);background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff14;font-weight:700}.settings-keybind-value.is-empty:hover{color:var(--ink-mid);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--champ-accent) 45%,transparent)}.settings-keybind-value.is-armed{color:var(--ink-on-accent);background:var(--champ-accent);box-shadow:0 0 20px var(--champ-glow);font-size:11px;letter-spacing:.02em;animation:settingsArmPulse 1.1s var(--ease-cine) infinite}@keyframes settingsArmPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.18)}}.settings-keybind-bolt{justify-self:center;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;color:var(--ink-low);background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff14;transition:color var(--t-micro) var(--ease-out),background var(--t-micro) var(--ease-out),box-shadow var(--t-micro) var(--ease-out)}.settings-keybind-bolt svg{width:15px;height:15px}.settings-note-bolt{display:inline-block;width:14px;height:14px;vertical-align:-2px;margin-right:4px;color:var(--champ-accent)}.settings-keybind-bolt:hover{color:var(--ink-mid);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--champ-accent) 45%,transparent)}.settings-keybind-bolt:focus-visible{outline:none;box-shadow:inset 0 0 0 1px var(--champ-accent),var(--focus-ring)}.settings-keybind-bolt.is-active{color:var(--champ-accent);background:color-mix(in oklab,var(--champ-accent) 16%,transparent);box-shadow:inset 0 0 0 1px var(--champ-accent),0 0 10px var(--champ-glow)}.settings-reset{justify-self:start;height:44px;min-width:200px;margin-top:4px}.settings-reset.ghost-slab .slab-label{font:800 13px/1 var(--font-ui);letter-spacing:.06em}.settings-menu .ghost-slab:hover,.settings-menu .ghost-slab:focus-visible{outline:none;transform:skew(var(--tilt)) translateY(-2px);background:var(--champ-accent-soft)}.settings-menu .ghost-slab:hover:before,.settings-menu .ghost-slab:focus-visible:before{border-color:var(--champ-accent)}.settings-menu .ghost-slab:focus-visible{box-shadow:var(--focus-ring)}.settings-menu .ghost-slab:active{transform:skew(var(--tilt)) scale(.97)}.settings-toggle{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;cursor:var(--sparkfall-menu-cursor)}.settings-toggle-copy{display:grid;gap:4px}.settings-toggle-name{color:var(--ink-high);font:800 14px/1.1 var(--font-ui)}.settings-toggle-hint{color:var(--ink-low);font:600 12px/1.4 var(--font-ui)}.settings-toggle input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.settings-switch{position:relative;width:50px;height:26px;flex:none;background:#080c14d9;box-shadow:inset 0 0 0 1px #ffffff1f;transition:background var(--t-hover) var(--ease-out),box-shadow var(--t-hover) var(--ease-out)}.settings-switch:after{content:"";position:absolute;top:4px;left:4px;width:18px;height:18px;background:var(--ink-mid);transform:skew(var(--tilt));transition:transform var(--t-hover) var(--ease-pop),background var(--t-hover) var(--ease-out)}.settings-toggle input:checked+.settings-switch{background:color-mix(in oklab,var(--champ-accent) 30%,transparent);box-shadow:inset 0 0 0 1px var(--champ-accent),0 0 16px var(--champ-glow)}.settings-toggle input:checked+.settings-switch:after{transform:translate(24px) skew(var(--tilt));background:var(--champ-accent)}.settings-toggle input:focus-visible+.settings-switch{box-shadow:var(--focus-ring)}.settings-toggle:hover .settings-switch:after{background:var(--ink-high)}.settings-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,220px);align-items:center;gap:14px}.settings-row-name{color:var(--ink-high);font:800 14px/1.1 var(--font-ui)}.settings-select{position:relative;display:block}.settings-select select{width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:10px 34px 10px 14px;border:0;border-radius:0;color:var(--ink-high);background:#080c14cc;box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--champ-accent) 30%,transparent);font:800 13px/1 var(--font-ui);transition:box-shadow var(--t-micro) var(--ease-out)}.settings-select select:hover,.settings-select select:focus-visible{outline:none;box-shadow:inset 0 0 0 1px var(--champ-accent)}.settings-select select option{background:#0a0f17;color:var(--ink-high)}.custom-select-native{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;pointer-events:none}.custom-select{position:relative;display:block;min-width:0}.custom-select-trigger{position:relative;width:100%;min-width:0;display:flex;align-items:center;gap:12px;text-align:left;padding:0 clamp(16px,1.25vw,20px);border:0;border-radius:0;outline:none;--ring-color: rgba(246, 242, 232, .11);--slot-fill: linear-gradient(165deg, rgba(16, 22, 32, .88), rgba(5, 8, 14, .92)), linear-gradient(#070b12, #070b12);--slot-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);clip-path:var(--chamfer);background:var(--ring-color);color:var(--ink-high);font:800 clamp(14px,1.1vw,17px)/1.2 var(--font-ui);cursor:var(--sparkfall-menu-cursor);transition:background var(--t-hover) var(--ease-out)}.custom-select-trigger:after{content:"";position:absolute;inset:var(--ring-w, 1px);z-index:0;clip-path:var(--chamfer);background:var(--slot-fill);box-shadow:var(--slot-shadow, none);pointer-events:none;transition:background var(--t-hover) var(--ease-out),box-shadow var(--t-hover) var(--ease-out)}.custom-select-label{position:relative;z-index:1;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-caret{position:relative;z-index:1;flex:none;width:9px;height:9px;margin-top:-3px;border-right:2px solid color-mix(in oklab,var(--champ-accent) 78%,var(--ink-mid));border-bottom:2px solid color-mix(in oklab,var(--champ-accent) 78%,var(--ink-mid));transform:rotate(45deg);transition:transform var(--t-hover) var(--ease-out),border-color var(--t-hover) var(--ease-out)}.custom-select-trigger:not(:disabled):hover{--ring-color: rgba(246, 242, 232, .24);--slot-shadow: inset 0 1px 0 rgba(255, 255, 255, .07)}.custom-select-trigger:not(:disabled):hover .custom-select-caret{border-color:var(--champ-accent)}.custom-select-trigger:focus-visible{--ring-color: color-mix(in oklab, var(--champ-accent) 62%, transparent);--ring-w: 2px;--slot-shadow: inset 0 1px 0 rgba(255, 255, 255, .08)}.custom-select.is-open .custom-select-trigger{--ring-color: color-mix(in oklab, var(--champ-accent) 70%, transparent);--ring-w: 2px;--slot-shadow: inset 0 1px 0 rgba(255, 255, 255, .08)}.custom-select.is-open .custom-select-caret{transform:rotate(-135deg);margin-top:2px;border-color:var(--champ-accent)}.custom-select.is-disabled .custom-select-trigger{opacity:.5;cursor:default}.custom-select-popup{position:fixed;z-index:79;margin:0;padding:6px;overflow-y:auto;overscroll-behavior:contain;--cut: 12px;--ring-color: color-mix(in oklab, var(--champ-accent) 26%, transparent);clip-path:var(--chamfer);background:var(--ring-color);box-shadow:0 28px 80px #0000009e,inset 3px 0 0 var(--champ-accent);animation:customSelectPopupIn .15s var(--ease-out) backwards;scrollbar-width:thin;scrollbar-color:color-mix(in oklab,var(--champ-accent) 40%,transparent) transparent}.custom-select-popup:after{content:"";position:absolute;inset:var(--ring-w, 1px);z-index:0;clip-path:var(--chamfer);background:radial-gradient(140% 100% at 0% 0%,var(--champ-accent-deep, color-mix(in oklab, var(--champ-accent) 16%, var(--abyss))),transparent 52%),linear-gradient(168deg,#0d131cfc,#05080dfe);pointer-events:none}.custom-select-popup>.custom-select-option{position:relative;z-index:1}.custom-select-popup[hidden]{display:none}.custom-select-popup.opens-up{animation-name:customSelectPopupInUp}@keyframes customSelectPopupIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes customSelectPopupInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.custom-select-popup::-webkit-scrollbar{width:8px}.custom-select-popup::-webkit-scrollbar-thumb{background:color-mix(in oklab,var(--champ-accent) 40%,transparent)}.custom-select-option{position:relative;display:flex;align-items:center;width:100%;border:0;border-radius:0;outline:none;padding:11px 14px 11px 18px;background:transparent;color:var(--ink-mid);font:750 clamp(13px,.96vw,15px)/1.2 var(--font-ui);text-align:left;cursor:var(--sparkfall-menu-cursor);transition:background var(--t-micro) var(--ease-out),color var(--t-micro) var(--ease-out)}.custom-select-option:before{content:"";position:absolute;left:6px;top:9px;bottom:9px;width:2px;transform:skew(var(--tilt));background:transparent;transition:background var(--t-micro) var(--ease-out),box-shadow var(--t-micro) var(--ease-out)}.custom-select-option.is-active{background:color-mix(in oklab,var(--champ-accent) 14%,transparent);color:var(--ink-high)}.custom-select-option.is-active:before{background:var(--champ-accent);box-shadow:0 0 12px var(--champ-glow)}.custom-select-option.is-selected{color:var(--ink-high)}.custom-select-option.is-selected:before{background:var(--champ-accent)}.custom-select-option.is-selected:after{content:"";margin-left:auto;width:6px;height:10px;border-right:2px solid var(--champ-accent);border-bottom:2px solid var(--champ-accent);transform:rotate(45deg)}.custom-select-option.is-option-disabled{opacity:.4;cursor:default}.custom-select-option.is-option-disabled.is-active{background:transparent}.create-field-select .custom-select-trigger{height:clamp(50px,4.1vw,60px)}.settings-resolution-select .custom-select-trigger{height:auto;padding:10px 14px;--cut: 8px;--ring-color: color-mix(in oklab, var(--champ-accent) 30%, transparent);--slot-fill: linear-gradient(rgba(8, 12, 20, .8), rgba(8, 12, 20, .8)), linear-gradient(#05080e, #05080e);--slot-shadow: none;font:800 13px/1 var(--font-ui)}.settings-resolution-select .custom-select-trigger:not(:disabled):hover,.settings-resolution-select.is-open .custom-select-trigger,.settings-resolution-select .custom-select-trigger:focus-visible{--ring-color: var(--champ-accent);--ring-w: 1px;--slot-shadow: none}.settings-resolution-select .custom-select-caret{width:8px;height:8px}.lobby-slot-config-select{width:max-content;min-width:clamp(118px,9vw,150px);justify-self:end}.lobby-slot-config-select .custom-select-trigger{min-height:32px;padding:0 7px 0 9px;gap:4px;--cut: 8px;--ring-color: rgba(246, 242, 232, .18);--slot-fill: linear-gradient(rgba(3, 6, 11, .85), rgba(3, 6, 11, .85)), linear-gradient(#03060b, #03060b);--slot-shadow: none;color:var(--ink-mid);font:800 10px/1 var(--font-ui);text-transform:uppercase;letter-spacing:.04em}.lobby-slot-config-select .custom-select-trigger:not(:disabled):hover,.lobby-slot-config-select.is-open .custom-select-trigger,.lobby-slot-config-select .custom-select-trigger:focus-visible{--ring-color: color-mix(in oklab, var(--champ-accent) 65%, transparent);--ring-w: 1px;--slot-shadow: none;color:var(--ink-high)}.lobby-slot-config-select .custom-select-caret{width:7px;height:7px;border-width:1.5px}.lobby-slot-config-select.custom-select-popup{padding:4px;--cut: 8px}.lobby-slot-config-select.custom-select-popup .custom-select-option{padding:8px 12px 8px 16px;font:800 10.5px/1.1 var(--font-ui);text-transform:uppercase;letter-spacing:.08em}.settings-audio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px}.settings-slider--master{grid-column:1 / -1}.settings-slider{display:grid;grid-template-columns:minmax(96px,.7fr) minmax(0,1fr) auto;align-items:center;gap:12px}.settings-slider-name{color:var(--ink-mid);font:700 12px/1.2 var(--font-ui)}.settings-slider--master .settings-slider-name{color:var(--ink-high);font-weight:900;text-transform:uppercase;letter-spacing:.08em}.settings-slider-value{justify-self:end;min-width:40px;text-align:right;color:var(--champ-accent);font:800 12px/1 var(--font-ui);font-variant-numeric:tabular-nums}.settings-menu input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:18px;background:transparent;cursor:var(--sparkfall-menu-cursor)}.settings-menu input[type=range]::-webkit-slider-runnable-track{height:4px;background:linear-gradient(90deg,var(--champ-accent) var(--volume-fill, 0%),rgba(255,255,255,.12) var(--volume-fill, 0%))}.settings-menu input[type=range]::-moz-range-track{height:4px;background:#ffffff1f}.settings-menu input[type=range]::-moz-range-progress{height:4px;background:var(--champ-accent)}.settings-menu input[type=range]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;background:var(--champ-accent);box-shadow:0 0 12px var(--champ-glow);transform:skew(var(--tilt));transition:transform var(--t-micro) var(--ease-pop)}.settings-menu input[type=range]::-moz-range-thumb{width:14px;height:14px;border:0;background:var(--champ-accent);box-shadow:0 0 12px var(--champ-glow)}.settings-menu input[type=range]:hover::-webkit-slider-thumb{transform:skew(var(--tilt)) scale(1.18)}.settings-menu input[type=range]:focus-visible{outline:none}.settings-menu input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--champ-accent-soft),0 0 12px var(--champ-glow)}@media(max-width:880px){.settings-content,.settings-audio-grid{grid-template-columns:1fr}}.confirm-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:92;display:grid;place-items:center;padding:clamp(16px,4vw,48px);pointer-events:auto;--champ-accent: #79f2ff;--champ-accent-hot: color-mix(in oklab, var(--champ-accent) 62%, white);--champ-accent-soft: color-mix(in oklab, var(--champ-accent) 26%, transparent);--champ-accent-deep: color-mix(in oklab, var(--champ-accent) 16%, var(--abyss));--champ-glow: color-mix(in oklab, var(--champ-accent) 48%, transparent)}.confirm-modal[hidden]{display:none}.confirm-modal-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 90% at 50% 0%,rgba(121,242,255,.06),transparent 58%),color-mix(in srgb,var(--abyss) 72%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;transition:opacity .18s var(--ease-out)}.confirm-modal-panel{position:relative;z-index:1;width:min(440px,calc(100vw - 32px));display:grid;gap:clamp(16px,2.4vw,22px);padding:clamp(24px,3vw,34px) clamp(24px,3vw,34px) clamp(22px,2.6vw,30px);clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%);background:radial-gradient(140% 100% at 0% 0%,var(--champ-accent-deep),transparent 46%),linear-gradient(168deg,#0d131cfa,#05080dfc);box-shadow:0 40px 120px #0000009e,inset 0 1px #ffffff0f;opacity:0;transform:translateY(14px) scale(.96);transition:opacity .2s var(--ease-out),transform .24s var(--ease-out)}.confirm-modal-panel[data-tone=danger]{--champ-accent: var(--danger)}.confirm-modal.is-open .confirm-modal-scrim{opacity:1}.confirm-modal.is-open .confirm-modal-panel{opacity:1;transform:none;transition:opacity .2s var(--ease-out),transform .32s var(--ease-pop)}.confirm-modal-edge{position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,transparent 2%,var(--champ-accent) 30%,var(--champ-accent) 70%,transparent 98%);box-shadow:0 0 22px var(--champ-glow);pointer-events:none}.confirm-modal-heading{display:grid;gap:12px;justify-items:start}.confirm-modal-kicker{display:inline-flex;align-items:center;gap:12px;color:var(--champ-accent);font:850 12px/1 var(--font-ui);text-transform:uppercase;letter-spacing:.18em}.confirm-modal-kicker:before{content:"";width:3px;height:16px;flex:none;background:var(--champ-accent);transform:skew(var(--tilt));box-shadow:0 0 12px var(--champ-glow)}.confirm-modal-title{color:var(--ink-high);font:italic 900 clamp(28px,3.2vw,38px)/.9 var(--font-display);text-transform:uppercase;letter-spacing:.01em;text-shadow:0 2px 0 rgba(0,0,0,.35),0 14px 44px rgba(0,0,0,.55)}.confirm-modal-body{margin:0;max-width:40ch;color:var(--ink-mid);font:600 15px/1.5 var(--font-ui)}.confirm-modal-actions{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:stretch;margin-top:4px}.confirm-modal-actions .ghost-slab,.confirm-modal-actions .energy-slab{height:52px}.confirm-modal-cancel{min-width:132px}.confirm-modal-cancel.ghost-slab .slab-label{font:800 14px/1 var(--font-ui);letter-spacing:.05em}.confirm-modal-confirm.energy-slab .slab-label{font:italic 900 clamp(18px,1.6vw,22px)/1 var(--font-display);letter-spacing:.02em}.confirm-modal-panel[data-tone=danger] .confirm-modal-confirm.energy-slab{color:var(--ink-on-accent)}.choose-modal-actions{grid-template-columns:1fr;gap:10px}.choose-modal-actions .choose-modal-option .slab-label{font:italic 900 clamp(17px,1.5vw,21px)/1 var(--font-display);letter-spacing:.02em;white-space:nowrap}.confirm-modal .energy-slab:hover,.confirm-modal .energy-slab:focus-visible{outline:none;transform:skew(var(--tilt)) translateY(-2px) scale(1.03);box-shadow:inset 0 0 0 2px #02040a59,0 14px 34px #00000073,0 4px 36px var(--champ-glow)}.confirm-modal .energy-slab:focus-visible{box-shadow:var(--focus-ring),inset 0 0 0 2px #02040a59,0 14px 34px #00000073,0 4px 36px var(--champ-glow)}.confirm-modal .energy-slab:active{transform:skew(var(--tilt)) scale(.97);transition-duration:90ms}.confirm-modal .ghost-slab:hover,.confirm-modal .ghost-slab:focus-visible{outline:none;transform:skew(var(--tilt)) translateY(-2px);background:var(--champ-accent-soft)}.confirm-modal .ghost-slab:hover:before,.confirm-modal .ghost-slab:focus-visible:before{border-color:var(--champ-accent)}.confirm-modal .ghost-slab:focus-visible{box-shadow:var(--focus-ring)}.confirm-modal .ghost-slab:active{transform:skew(var(--tilt)) scale(.97);transition-duration:90ms}@media(prefers-reduced-motion:reduce){.confirm-modal-scrim,.confirm-modal-panel,.confirm-modal.is-open .confirm-modal-panel{transition:opacity .12s linear;transform:none}}@media(max-width:460px){.confirm-modal-actions{grid-template-columns:1fr}}#ability-bar{position:fixed;left:50%;bottom:6px;display:flex;gap:9px;align-items:end;padding:11px 17px 6px;transform:translate(-50%);isolation:isolate;pointer-events:none;z-index:3}#ability-bar:before{content:"";position:absolute;left:-26px;right:-26px;bottom:-6px;top:auto;height:32px;z-index:-1;clip-path:polygon(var(--cut) 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%,0 var(--cut));background:radial-gradient(120% 150% at 50% 0%,rgba(255,248,233,.06),transparent 48%),linear-gradient(180deg,#0d121ceb,#04060ce6),#060a12db;box-shadow:inset 0 0 0 1px #f6f2e81a,inset 0 1px #f6f2e814,0 -8px 26px #0000004d,0 16px 40px #00000075;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#ability-bar:after{content:"";position:absolute;left:-26px;right:-26px;bottom:-6px;top:auto;height:32px;z-index:-1;pointer-events:none;clip-path:polygon(var(--cut) 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%,0 var(--cut));background:linear-gradient(180deg,rgba(246,242,232,.34) 0,rgba(246,242,232,.34) 1.4px,transparent 1.4px);opacity:.8}#ability-bar[hidden]{display:none}.passive-slot{position:relative;width:42px;height:42px;margin-right:8px;margin-bottom:5px;border:0;border-radius:0;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));background:radial-gradient(120% 140% at 50% 0%,rgba(255,248,233,.06),transparent 50%),linear-gradient(180deg,#221734f0,#06070df5),#09070d;box-shadow:inset 0 0 0 1px #f6f2e829,inset 0 1px #f6f2e814,0 10px 24px #00000075;pointer-events:auto}.passive-slot[hidden]{display:none}.passive-slot-icon{position:absolute;top:3px;right:3px;bottom:3px;left:3px;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px));background-position:center;background-size:cover;box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 -7px 14px #00000047}.passive-slot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));box-shadow:inset 0 0 0 1px #b986ff38;pointer-events:none}.passive-slot-tooltip{position:absolute;left:50%;bottom:calc(100% + 12px);width:210px;padding:9px 10px;transform:translate(-50%,6px);border:1px solid rgba(185,134,255,.3);border-radius:10px;background:#04050af0;color:#fff8e9;font:800 11px/1.35 Inter,ui-sans-serif,system-ui,sans-serif;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.9);opacity:0;pointer-events:none;transition:opacity .12s ease .36s,transform .12s ease .36s}.passive-slot:hover .passive-slot-tooltip,.passive-slot:focus-visible .passive-slot-tooltip{opacity:1;transform:translate(-50%)}.ability-slot{position:relative;width:60px;height:60px;overflow:visible;border:1px solid rgba(246,242,232,.18);border-radius:50%;background:radial-gradient(circle at 48% 35%,#ffffff24,#080b1233 42%,#04060beb 74%),#05070c;box-shadow:0 12px 26px #0000007a,inset 0 1px #f6f2e81f,inset 0 -2px 8px #000000b8;transition:--charge-turn 145ms cubic-bezier(.3,.02,.25,1),--ready-turn 90ms linear}.ability-slot[data-ability=m2]{margin-right:12px}.ability-slot[data-ability=e]{margin-right:18px}.ability-slot[data-ability=r]{width:78px;height:78px;border-width:1px}.ability-slot:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:inherit;border:1px solid rgba(9,12,18,.82);box-shadow:0 0 0 1px #ffffff0b,0 5px 15px #00000080;opacity:1;pointer-events:none}.ability-slot[data-ability=r]:before{top:-8px;right:-8px;bottom:-8px;left:-8px;padding:3px;border:0;background:conic-gradient(from 0deg,rgba(255,220,112,.92) 0 var(--charge-turn, 0turn),rgba(20,25,35,.76) var(--charge-turn, 0turn) 1turn);box-shadow:none;opacity:.92;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}.ability-slot-icon{position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:50%;z-index:0;background-position:center;background-size:cover;box-shadow:inset 0 0 0 1px #ffffff0b,inset 0 -9px 18px #0000003d;overflow:hidden;filter:grayscale(0) saturate(1) brightness(1);transition:filter .12s ease,opacity .12s ease}.ability-slot[data-ability=r] .ability-slot-icon{top:2px;right:2px;bottom:2px;left:2px}:root{--ability-shine-sweep: linear-gradient( 105deg, transparent 16%, rgba(255, 255, 255, .42) 31%, rgba(255, 255, 255, 1) 47%, rgba(147, 250, 255, .78) 61%, transparent 82% );--ability-shine-anim: ability-ready-shine 1s cubic-bezier(.22, .7, .3, 1) 1}.ability-slot-icon:after{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;border-radius:inherit;background:var(--ability-shine-sweep);opacity:0;transform:translate(-150%) skew(-18deg);filter:drop-shadow(0 0 10px rgba(127,243,255,.85));pointer-events:none}.ability-slot.is-cooling .ability-slot-icon{filter:grayscale(1) saturate(.18) brightness(1.06);opacity:1}.ability-slot.is-ready-burst .ability-slot-icon:after{animation:var(--ability-shine-anim)}.ability-slot-fill{position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;z-index:1;background:conic-gradient(from 0deg,rgba(1,3,8,.02) 0 var(--ready-turn, 0turn),rgba(1,3,8,.88) var(--ready-turn, 0turn) 1turn);box-shadow:inset 0 0 0 1px #0003}.ability-slot[data-ability=r] .ability-slot-fill{top:2px;right:2px;bottom:2px;left:2px}.ability-slot-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 36% 22%,rgba(255,255,255,.2),transparent 24%),linear-gradient(180deg,#ffffff1a,#ffffff03 42%,#00000038)}.ability-slot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;z-index:2;box-shadow:inset 0 0 0 1px #ffffff12,inset 0 0 18px #ffffff09;pointer-events:none}.ability-slot.is-ready{border-color:#87f2ff5c;box-shadow:0 0 11px #79f2ff21,0 12px 26px #0000007a,inset 0 1px #ffffff26,inset 0 -2px 8px #000000b3}.ability-slot[data-ability=r].is-ready{border-color:#ffde746b;box-shadow:0 0 16px #ffbd4942,0 0 34px #ff5b2a2e,0 14px 32px #0000008a,inset 0 1px #ffffff29,inset 0 -2px 10px #000000b3}.ability-slot[data-ability=r].is-ready:before{background:conic-gradient(from 0deg,#fff4a8 0,#fff4a8 .2turn,#fb4 .36turn,#ff5f35 .62turn,#ffe27e .82turn,#fff4a8 1turn);opacity:1;animation:ultimate-charge-ring-ready 1.4s ease-in-out infinite;filter:drop-shadow(0 0 9px rgba(255,186,67,.42)) drop-shadow(0 0 18px rgba(255,79,45,.28))}.ability-slot[data-ability=r].is-ready:after{top:-14px;right:-14px;bottom:-14px;left:-14px;border:0;box-shadow:0 0 22px #ffdb7038,0 0 42px #ff582538;opacity:.62;animation:ultimate-ready-pulse 1.7s ease-in-out infinite;will-change:opacity,transform}@keyframes ability-ready-shine{0%{opacity:0;transform:translate(-105%) skew(-18deg)}14%{opacity:1}to{opacity:0;transform:translate(115%) skew(-18deg)}}@keyframes ultimate-charge-ring-ready{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}@keyframes ultimate-ready-pulse{0%,to{opacity:.42;transform:scale(1)}50%{opacity:.82;transform:scale(1.04)}}.ability-slot.is-active{border-color:#cdb38080;box-shadow:0 0 16px #cdb38033,0 10px 26px #0000005c,inset 0 1px #ffffff24}.ability-slot[data-ability=r].is-active:not(.is-ready):before{background:conic-gradient(from 0deg,#ffec9f52,#79f2ff47,#ffec9f52);opacity:.42;animation:ultimate-active-breath 1.15s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(121,242,255,.16))}.ability-slot-key,.ability-slot-value{position:absolute;z-index:3;text-shadow:0 1px 5px rgba(0,0,0,.7)}.ability-slot-key{left:50%;top:-19px;min-width:0;padding:0;transform:translate(-50%);color:var(--ink-high);background:transparent;font:800 12px/1 var(--font-ui, Inter),sans-serif;letter-spacing:.01em;text-align:center;text-shadow:-1px -1px 0 #05070b,1px -1px 0 #05070b,-1px 1px 0 #05070b,1px 1px 0 #05070b,0 2px 5px rgba(0,0,0,.78);white-space:nowrap}.ability-slot[data-ability=r] .ability-slot-key{top:-21px;font-size:12.5px;color:var(--lux-gold-hi);text-shadow:-1px -1px 0 #05070b,1px -1px 0 #05070b,-1px 1px 0 #05070b,1px 1px 0 #05070b,0 2px 6px rgba(0,0,0,.82),0 0 14px rgba(205,179,128,.45)}.ability-slot-label{display:none}.ability-slot-value{left:50%;right:auto;top:50%;bottom:auto;min-width:24px;min-height:0;padding:0;transform:translate(-50%,-50%) skew(var(--tilt));color:var(--ink-high);background:transparent;font:italic 900 20px/1 var(--font-display);font-variant-numeric:tabular-nums;text-align:center;text-shadow:-1px -1px 0 #05070b,1px -1px 0 #05070b,-1px 1px 0 #05070b,1px 1px 0 #05070b,0 3px 8px rgba(0,0,0,.82)}.ability-slot[data-ability=r] .ability-slot-value{left:50%;right:auto;top:50%;bottom:auto;min-height:0;font-size:23px;line-height:1}.ability-slot-value:empty{display:none}.ability-slot.is-active .ability-slot-value{color:#f4d35e}@keyframes ultimate-active-breath{0%,to{opacity:.32;transform:scale(1)}50%{opacity:.58;transform:scale(1.015)}}#chat{position:fixed;left:16px;bottom:16px;width:min(420px,calc(100vw - 32px));display:grid;gap:9px;pointer-events:none;font-family:var(--font-ui);--chat-accent: #79f2ff}#chat-log{display:grid;gap:5px;max-height:168px;overflow:hidden;align-content:end}.chat-line{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;align-items:baseline;max-width:100%;padding-left:11px;color:var(--ink-high);font:600 13px/1.34 var(--font-ui);text-shadow:0 1px 3px rgba(0,0,0,.88),0 0 10px rgba(0,0,0,.5)}.chat-line:before{content:"";position:absolute;left:0;top:.34em;bottom:.34em;width:3px;transform:skew(var(--tilt));background:linear-gradient(180deg,var(--chat-accent),color-mix(in oklab,var(--chat-accent) 28%,transparent));opacity:.55}.chat-line.system{grid-template-columns:minmax(0,1fr);color:var(--lux-gold);font-style:italic}.chat-line.system:before{background:linear-gradient(180deg,var(--lux-gold),transparent);opacity:.5}.chat-name{font:800 12px/1.34 var(--font-ui);letter-spacing:.01em;text-shadow:0 1px 3px rgba(0,0,0,.92)}.chat-text{min-width:0;overflow-wrap:anywhere}#chat-form{pointer-events:auto;position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:8px 9px;border:0;border-radius:0;clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%);background:radial-gradient(120% 160% at 6% -30%,color-mix(in oklab,var(--chat-accent) 8%,transparent),transparent 46%),linear-gradient(180deg,#0d121ced,#04060ceb),#060a12db;box-shadow:inset 0 0 0 1px #f6f2e81a,inset 0 1px #f6f2e814,0 16px 38px #00000075;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:box-shadow var(--t-hover) var(--ease-out)}#chat-form:focus-within{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--chat-accent) 46%,rgba(246,242,232,.1)),inset 0 1px #f6f2e81f,0 16px 40px #00000080,0 0 22px color-mix(in oklab,var(--chat-accent) 22%,transparent)}#chat-input{min-width:0;border:0;border-radius:0;padding:8px 10px;color:var(--ink-high);background:linear-gradient(180deg,#03060c99,#060a1280);box-shadow:inset 0 0 0 1px #f6f2e817,inset 0 2px 6px #0006;font:600 13px/1.3 var(--font-ui);outline:none;transition:box-shadow var(--t-hover) var(--ease-out)}#chat-input::placeholder{color:var(--ink-low)}#chat-input:focus{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--chat-accent) 60%,transparent),inset 0 2px 6px #0000006b}#chat-send{position:relative;border:0;border-radius:0;padding:0 15px;min-height:34px;transform:skew(var(--tilt));color:var(--ink-on-accent);background:linear-gradient(168deg,color-mix(in oklab,var(--chat-accent) 76%,white) 0%,var(--chat-accent) 60%);cursor:var(--sparkfall-menu-cursor);box-shadow:inset 0 0 0 2px #02040a4d,0 8px 20px #0000006b,0 3px 14px color-mix(in oklab,var(--chat-accent) 38%,transparent);transition:transform var(--t-hover) var(--ease-pop),box-shadow var(--t-hover) var(--ease-out),filter var(--t-hover) var(--ease-out)}.chat-send-label{display:grid;place-items:center;height:100%;transform:skew(calc(-1 * var(--tilt)));font:italic 900 12px/1 var(--font-display);text-transform:uppercase;letter-spacing:.03em}#chat-send:hover:not(:disabled){transform:skew(var(--tilt)) translateY(-1px);filter:brightness(1.06);box-shadow:inset 0 0 0 2px #02040a4d,0 12px 26px #00000080,0 4px 20px color-mix(in oklab,var(--chat-accent) 52%,transparent)}#chat-send:disabled{cursor:var(--sparkfall-menu-cursor);filter:saturate(.5);opacity:.4}#debug{position:fixed;right:14px;bottom:14px;width:min(420px,calc(100vw - 28px));max-height:calc(100vh - 28px);padding:12px;border-radius:8px;display:grid;grid-auto-rows:max-content;align-content:start;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.45;color:#ddf6ff;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;pointer-events:auto}#debug[hidden]{display:none}#debug-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end;margin-bottom:8px}#debug #hud-stats{width:100%;margin:0 0 10px;padding:7px 9px;border:1px solid rgba(121,242,255,.14);border-radius:7px;background:#03080d7a;box-shadow:inset 0 1px #ffffff0a;text-align:left}.debug-volume-control{display:grid;grid-template-columns:auto minmax(120px,1fr) 42px;align-items:center;gap:10px;width:100%;margin:0 0 10px;padding:7px 9px;border:1px solid rgba(244,211,94,.18);border-radius:7px;background:#03080d6b;color:#f5f0e6;font:800 11px/1 Inter,ui-sans-serif,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em}.debug-volume-control input,input[data-audio-mix]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:linear-gradient(90deg,#f4d35e var(--volume-fill, 100%),rgba(255,255,255,.18) 0);accent-color:#f4d35e}.debug-volume-control input::-webkit-slider-thumb,input[data-audio-mix]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border:2px solid #090d12;border-radius:999px;background:#f8e47d;box-shadow:0 0 0 1px #ffffff47,0 0 10px #f4d35e57}.debug-volume-control input::-moz-range-thumb,input[data-audio-mix]::-moz-range-thumb{width:15px;height:15px;border:2px solid #090d12;border-radius:999px;background:#f8e47d;box-shadow:0 0 0 1px #ffffff47,0 0 10px #f4d35e57}.debug-volume-control input::-moz-range-track,input[data-audio-mix]::-moz-range-track{height:6px;border-radius:999px;background:#ffffff2e}.debug-volume-control span:last-child{color:#f4d35e;text-align:right}#copy-debug,#restart,#copy-juice,#reset-juice,#restart-server,#hard-reset-server{pointer-events:auto;border:1px solid rgba(255,255,255,.16);border-radius:7px;padding:6px 8px;color:#10131a;background:#79f2ff;font:800 11px/1 Inter,ui-sans-serif,system-ui,sans-serif;cursor:var(--sparkfall-menu-cursor)}#restart{background:#9be7c6}#copy-juice{background:#f4d35e}#reset-juice{background:#9be7c6}#restart-server,#hard-reset-server{color:#fff7f7;background:#ff5a66}#restart-server:disabled,#hard-reset-server:disabled{cursor:var(--sparkfall-menu-cursor);opacity:.65}#copy-debug:hover,#restart:hover,#copy-juice:hover,#reset-juice:hover,#restart-server:hover,#hard-reset-server:hover{background:#a3f7ff}#copy-juice:hover{background:#ffe07a}#reset-juice:hover{background:#b6ffd8}#restart-server:hover,#hard-reset-server:hover{background:#ff7a84}#debug-frame-readout{margin:0 0 10px;padding:7px 9px;border:1px solid rgba(121,242,255,.22);border-radius:6px;background:#06090e75;color:#79f2ff;white-space:pre}#debug-readout{max-width:100%;max-height:none;min-height:0;padding:0 16px 10px 10px;white-space:pre-wrap;overflow-x:hidden;overflow-y:visible;overflow-wrap:anywhere;word-break:break-word;scrollbar-gutter:stable}.debug-info-panel{margin-bottom:10px}.debug-info-panel>summary{color:#f4d35e}#debug-controls{margin-top:12px;display:grid;gap:10px;white-space:normal}.debug-group{margin:0;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:#05090e59;overflow:hidden}.debug-group>summary{display:block;min-height:34px;padding:11px 28px 10px 12px;color:#79f2ff;font:900 11px/1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:0;cursor:var(--sparkfall-menu-cursor);list-style:none;position:relative;-webkit-user-select:none;user-select:none}.debug-group>summary::-webkit-details-marker{display:none}.debug-group>summary:after{content:"+";position:absolute;right:12px;top:10px;color:#f7f0dfc7;font:900 13px/1 Inter,ui-sans-serif,system-ui,sans-serif}.debug-group[open]>summary{border-bottom:1px solid rgba(255,255,255,.1);background:#79f2ff14}.debug-group[open]>summary:after{content:"-"}.debug-group>label{margin:9px 9px 0}.debug-group>label:last-child{margin-bottom:9px}.debug-subgroup{margin:8px 9px;padding:0 0 8px;border:1px solid rgba(121,242,255,.1);border-radius:6px;background:#ffffff06}.debug-subgroup>summary{display:block;padding:8px 26px 7px 9px;color:#f4d35e;cursor:var(--sparkfall-menu-cursor);font:850 10px/1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:0;position:relative;-webkit-user-select:none;user-select:none}.debug-subgroup>summary::-webkit-details-marker{display:none}.debug-subgroup>summary:after{content:"+";position:absolute;right:10px;top:7px;color:#f7f0dfb3}.debug-subgroup[open]>summary:after{content:"-"}.debug-subgroup>label{margin:8px 8px 0}#frame-stats,#network-stats{display:block;width:100%;margin-top:10px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#06090e94}#frame-stats{height:156px}#network-stats{height:208px}#debug-controls label{display:grid;grid-template-columns:112px 1fr 54px;gap:8px;align-items:center;color:#f7f0df}#debug-controls .debug-checkbox{grid-template-columns:112px 1fr 54px}#debug-controls input{width:100%;accent-color:#79f2ff}#debug-controls select{width:100%;min-width:0;color:#10131a}#debug-controls select{width:100%;min-width:0}#debug-controls input[type=checkbox]{width:18px;height:18px;justify-self:start}@media(max-width:720px){#hud{grid-template-columns:1fr auto auto}#scoreboard{grid-column:1 / -1;width:100%;min-width:0;max-width:none}.gem-scoreboard{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px}#share-link{grid-column:1 / -1;max-width:none}#hud-stats{min-width:132px;font-size:11px}}@media(prefers-reduced-motion:reduce){.hero-scene-kb,.hero-bloom,.hero-hearth,.hero-atmosphere i,.hero-figure-breath,.hall-floor,.slat-art .layered-art-fg,.slat-prism,.slat-prism-core,.slat-sigil svg,.slat-sigil-accents i,.detail-scene-kb,.detail-scene-bloom,.detail-hearth,.detail-atmosphere i,.queue-beacon span,.queue-bars i,.queue-gate-ring:nth-child(2),.queue-gate-sweep,.commit-shockwave,#main-play:after,#champion-detail-select:after,#match-step .energy-slab:hover:after,.champion-detail .energy-slab:hover:after{animation:none}.hero-stage,.hero-figure,.hero-shadow,.hero-copy>*,.hero-wedge,.hero-riser,.queue-stage,.queue-found-slots i.filled,.queue-grade,.queue-gate,.queue-banner>*,.queue-console,#queue-step .ghost-slab,.champion-plate,.character-board,.class-option,.hall-heading,.champion-slat,.slat-art,.detail-scene-settle,.detail-riser,.detail-figure,.detail-back,.detail-kicker,.detail-name,.detail-description,.detail-stats,.detail-ability,.detail-select,.detail-rail{animation-duration:1ms;animation-delay:0ms}}#champion-debug{position:fixed;top:16px;right:16px;width:326px;max-height:calc(100vh - 32px);overflow-y:auto;z-index:9000;padding:12px 12px 14px;border-radius:12px;background:#080a10ed;border:1px solid rgba(120,160,220,.25);box-shadow:0 18px 50px #0000008c;color:#cfe0f5;font:12px/1.4 var(--font-ui, system-ui, sans-serif);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.champion-debug-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.champion-debug-head strong{font-size:13px;color:#eaf2ff}.champion-debug-head span{font-size:10px;opacity:.55}.champion-debug-group{margin-bottom:6px;border:1px solid rgba(120,160,220,.14);border-radius:8px;padding:3px 8px 5px;background:#ffffff04}.champion-debug-group>summary{font-weight:700;font-size:11px;color:#9fc0e8;padding:3px 0}.champion-debug-row{display:grid;grid-template-columns:92px 1fr 50px;align-items:center;gap:8px;padding:3px 0}.champion-debug-row-select{grid-template-columns:92px 1fr}.champion-debug-label{opacity:.85}.champion-debug-value{text-align:right;font-variant-numeric:tabular-nums;opacity:.9}.champion-debug-row input[type=range]{width:100%}.champion-debug-row select{width:100%;background:#11151f;color:#cfe0f5;border:1px solid rgba(120,160,220,.25);border-radius:6px;padding:2px 4px}.champion-debug-checkbox{grid-template-columns:auto 1fr;gap:8px}.champion-debug-actions{display:flex;gap:8px;margin-top:10px}.champion-debug-actions button{flex:1;padding:6px;border-radius:8px;border:1px solid rgba(120,160,220,.3);background:#16202e;color:#dce9ff}.champion-debug-actions button:hover{background:#1d2b3d}#team-roster{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;--roster-portrait: clamp(42px, 3.3vw, 56px)}#team-roster[data-active=false]{display:none}.roster-rail{position:absolute;top:50%;transform:translateY(-50%);max-height:calc(100vh - 220px);display:flex;flex-direction:column;gap:clamp(9px,.85vw,14px);pointer-events:none}.roster-own{left:clamp(12px,1.5vw,26px);align-items:flex-start}.roster-enemy{right:clamp(12px,1.5vw,26px);align-items:flex-end}.roster-entry{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;width:var(--roster-portrait);transition:opacity .2s var(--ease-out, ease)}.roster-portrait{position:relative;width:var(--roster-portrait);height:var(--roster-portrait);overflow:visible;border-radius:50%;box-shadow:0 0 0 1.5px #04060b,0 0 0 2.5px color-mix(in oklab,var(--roster-accent, #59d7ff) 88%,#04060b),0 0 13px -1px color-mix(in oklab,var(--roster-accent, #59d7ff) 50%,transparent),0 8px 18px #00000080}.roster-portrait-scene{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;background-size:cover;background-position:center top;box-shadow:inset 0 1px #ffffff29,inset 0 -9px 14px #0000005c}.roster-portrait .layered-art{position:absolute;top:4%;right:4%;bottom:4%;left:4%;display:block;pointer-events:none}.roster-portrait .layered-art-fg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.roster-portrait.is-flat{border-radius:50%;background:radial-gradient(circle at 38% 30%,color-mix(in oklab,var(--roster-champ, #79f2ff) 70%,#fff8e9) 0%,var(--roster-champ, #79f2ff) 58%,color-mix(in oklab,var(--roster-champ, #79f2ff) 50%,#04060b) 100%)}.roster-entry[data-state=dead] .roster-portrait-scene,.roster-entry[data-state=dead] .roster-portrait .layered-art{filter:grayscale(1) brightness(.58);transition:filter .2s var(--ease-out, ease)}.roster-entry[data-state=dead]{opacity:.9}.roster-hp{position:relative;width:100%;height:clamp(6px,.55vw,8px);border-radius:99px;overflow:hidden;background:#04070ce6;box-shadow:inset 0 0 0 1.5px #04060b,inset 0 1px 2px #0000008c}.roster-hp-fill{position:absolute;top:1.5px;right:1.5px;bottom:1.5px;left:1.5px;border-radius:99px;transform-origin:left center;transform:scaleX(var(--hp, 1));background:linear-gradient(180deg,color-mix(in oklab,var(--roster-accent, #59d7ff) 82%,#fff8e9) 0%,var(--roster-accent, #59d7ff) 55%,color-mix(in oklab,var(--roster-accent, #59d7ff) 68%,#04060b) 100%);box-shadow:inset 0 1px #ffffff59,0 0 7px color-mix(in oklab,var(--roster-accent, #59d7ff) 50%,transparent);transition:transform .14s linear}.roster-enemy .roster-hp-fill{transform-origin:right center}.roster-entry[data-state=dead] .roster-hp-fill{background:#96a0b047;box-shadow:none}.roster-respawn{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font:900 clamp(20px,1.5vw,26px) / 1 var(--font-display, "Anybody"),sans-serif;font-stretch:150%;transform:translateY(.05em);color:#fff6ea;text-shadow:0 1px 0 #04060b,0 -1px 0 #04060b,1px 0 0 #04060b,-1px 0 0 #04060b,0 2px 6px rgba(0,0,0,.85);pointer-events:none;z-index:1}.roster-respawn[hidden]{display:none}.roster-orbs{position:absolute;top:-3px;right:-3px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border-radius:99px;background:radial-gradient(circle at 34% 28%,#f8ffff,#8ffcff 17%,#1edbff 44%,#0578ff 74%,#063677);color:#f6feff;font:800 11.5px / 1 var(--font-ui, Inter),sans-serif;text-shadow:-1px -1px 0 #04060b,1px -1px 0 #04060b,-1px 1px 0 #04060b,1px 1px 0 #04060b,0 1px 2px rgba(0,0,0,.6);box-shadow:0 0 0 1.4px #7df7ff,0 0 0 2.6px #04060b,0 0 9px #4cc4ffb3,0 2px 5px #00000080;pointer-events:none;z-index:3}.roster-enemy .roster-orbs{right:auto;left:-3px}.roster-orbs[hidden]{display:none}@keyframes roster-reveal-own{0%{opacity:0;transform:translate(34px) scale(1.16)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes roster-reveal-enemy{0%{opacity:0;transform:translate(-34px) scale(1.16)}to{opacity:1;transform:translate(0) scale(1)}}#team-roster[data-reveal=in] .roster-own .roster-entry{animation:roster-reveal-own .46s cubic-bezier(.16,.84,.3,1) backwards;animation-delay:calc(var(--roster-i, 0) * 70ms)}#team-roster[data-reveal=in] .roster-enemy .roster-entry{animation:roster-reveal-enemy .46s cubic-bezier(.16,.84,.3,1) backwards;animation-delay:calc(var(--roster-i, 0) * 70ms)}@media(prefers-reduced-motion:reduce){#team-roster[data-reveal=in] .roster-own .roster-entry,#team-roster[data-reveal=in] .roster-enemy .roster-entry{animation:none}}#arena{transition:filter .32s var(--ease-out, ease)}body.is-local-dead #arena{filter:grayscale(.28) brightness(.95) saturate(.9)}#death-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;display:grid;place-items:center;opacity:0;transition:opacity .3s var(--ease-out, ease)}#death-overlay.is-shown{opacity:1}#death-overlay[hidden]{display:none}#death-vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .3s var(--ease-out, ease);background:radial-gradient(ellipse at center,transparent 38%,rgba(4,6,11,.42) 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0 92px,#000 132px);mask-image:linear-gradient(180deg,transparent 0 92px,#000 132px)}body.is-local-dead #death-vignette{opacity:1}@media(prefers-reduced-motion:reduce){#death-vignette{transition:none}}#death-overlay[data-countdown=true]{align-items:end;padding-bottom:clamp(72px,18vh,200px)}#death-overlay[data-countdown=true] .death-overlay-core{transform:scale(.6);transform-origin:center bottom}.death-overlay-core{position:relative;display:grid;justify-items:center;gap:clamp(2px,.5vh,8px);transform:translateY(9px) scale(.965);transition:transform .34s var(--ease-out, ease)}#death-overlay.is-shown .death-overlay-core{transform:none}.death-overlay-label{font:800 clamp(12px,1.05vw,17px) / 1 var(--font-ui, Inter),sans-serif;letter-spacing:.34em;text-transform:uppercase;padding-left:.34em;color:color-mix(in oklab,#ff6672 56%,#f4e9dc);text-shadow:0 1px 0 #04060b,0 2px 12px rgba(0,0,0,.72)}.death-overlay-count{font:900 clamp(44px,7.6vw,104px) / .9 var(--font-display, "Anybody"),sans-serif;font-stretch:140%;color:#fff6ea;text-shadow:0 2px 0 #04060b,0 0 18px rgba(255,110,82,.22),0 8px 26px rgba(0,0,0,.7);will-change:transform}.death-overlay-count.is-tick{animation:death-count-pop .46s cubic-bezier(.2,.8,.3,1)}@keyframes death-core-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}@keyframes death-count-pop{0%{transform:scale(1.1)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){#arena,#death-overlay,.death-overlay-core{transition:none}.death-overlay-core{transform:none}.death-overlay-count.is-tick{animation:none}}