@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;900&display=swap";:root{color-scheme:dark;--ink: #050b12;--surface: rgba(5, 13, 20, .86);--surface-strong: rgba(4, 11, 17, .96);--line: rgba(204, 237, 229, .16);--text: #e9f5f1;--muted: #7e9691;--blue: #75f1d2;--blue-deep: #159a91;--red: #ff786d;--gold: #e8bd68;--display: "Barlow Condensed", "Arial Narrow", sans-serif;--body: "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans SC", "PingFang SC", system-ui, sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:var(--ink);color:var(--text);font-family:var(--body);font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-user-select:none;user-select:none}button,a{color:inherit;font:inherit}button{border:0}#app{position:relative;width:100vw;height:100svh;overflow:hidden;isolation:isolate;background:#050b12}#scene{position:absolute;inset:0;display:block;width:100%;height:100%;outline:0;touch-action:none;-webkit-user-drag:none}#scene.camera-dragging{cursor:grabbing}#vignette{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at center,transparent 42%,rgba(1,5,9,.25) 73%,rgba(1,5,9,.68) 115%),linear-gradient(180deg,rgba(2,6,10,.18),transparent 23%,transparent 70%,rgba(2,6,10,.26))}#audio-controls{position:absolute;top:14px;right:18px;z-index:65;pointer-events:auto}#audio-menu-button{display:grid;grid-template-columns:20px auto;align-items:center;gap:7px;min-width:72px;height:32px;padding:0 10px;color:#b6c8c3;background:#030b11bd;border:1px solid rgba(204,237,229,.14);cursor:pointer;letter-spacing:.08em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color .16s ease,border-color .16s ease,background .16s ease}#audio-menu-button:hover,#audio-controls.open #audio-menu-button{color:#fff;background:#07171df0;border-color:#75f1d280}#audio-menu-button i{position:relative;display:block;width:17px;height:14px}#audio-menu-button i:before{content:"";position:absolute;top:4px;left:0;width:5px;height:6px;background:currentColor;clip-path:polygon(0 25%,45% 25%,100% 0,100% 100%,45% 75%,0 75%)}#audio-menu-button i:after{content:"";position:absolute;top:3px;right:0;width:7px;height:8px;border:1px solid currentColor;border-left:0;border-top-color:transparent;border-bottom-color:transparent;border-radius:0 50% 50% 0}#audio-menu-button span{font-size:9px;font-weight:700}#audio-controls.muted #audio-menu-button{color:#718680}#audio-controls.muted #audio-menu-button i:after{width:10px;height:1px;top:7px;right:-1px;transform:rotate(-42deg);background:currentColor;border:0;border-radius:0}#audio-settings{position:absolute;top:39px;right:0;width:224px;padding:15px 16px 13px;opacity:0;visibility:hidden;transform:translateY(-7px);background:linear-gradient(145deg,#030b11fa,#07161bf5);border-top:1px solid rgba(117,241,210,.55);border-bottom:1px solid rgba(204,237,229,.12);box-shadow:0 20px 52px #0000007a;transition:opacity .16s ease,transform .16s ease,visibility .16s}#audio-controls.open #audio-settings{opacity:1;visibility:visible;transform:translateY(0)}#audio-settings header{display:grid;gap:3px;margin-bottom:14px}#audio-settings header span{color:var(--blue);font:600 7px var(--display);letter-spacing:.25em}#audio-settings header strong{font-size:13px;letter-spacing:.08em}#audio-settings label{display:grid;grid-template-columns:34px 1fr 24px;align-items:center;gap:8px;min-height:30px;color:#91a7a1;font-size:9px}#audio-settings input{width:100%;accent-color:var(--blue);cursor:pointer}#audio-settings output{color:#cbdad6;font:600 10px var(--display);text-align:right}#audio-mute-button{width:100%;height:29px;margin-top:9px;color:#b8cbc6;background:#75f1d212;border:1px solid rgba(117,241,210,.2);cursor:pointer;font-size:9px;letter-spacing:.12em}#audio-mute-button:hover{color:#fff;border-color:#75f1d28c}.match-mode{margin-right:76px}.screen{position:absolute;inset:0;z-index:40;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .6s ease,visibility .6s}.screen.active{opacity:1;visibility:visible;pointer-events:auto}.hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}#loading-screen{position:absolute;inset:0;z-index:100;display:grid;place-content:center;justify-items:center;gap:12px;background:#050b12;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s}#loading-screen.active{opacity:1;visibility:visible}.loader-gem{width:38px;height:38px;margin-bottom:10px;transform:rotate(45deg);border:2px solid var(--blue);background:#75f1d214;box-shadow:0 0 30px #75f1d23d;animation:gem-pulse 1.4s ease-in-out infinite}#loading-screen strong{font:700 17px var(--body);letter-spacing:.16em}#loading-screen span{color:var(--muted);font-size:9px;letter-spacing:.16em}#champion-select{background:#050b12 url(./voidfall-keyart-v2-CQNbpGA1.png) center center / cover no-repeat}#champion-select:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#02070bde,#02070b80 29%,#02070b0a 53%,#02070b8f),linear-gradient(0deg,rgba(2,7,11,.96),transparent 42%),linear-gradient(180deg,rgba(2,7,11,.42),transparent 26%);pointer-events:none}.select-header{position:absolute;top:0;right:0;left:0;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:74px;padding:0 clamp(24px,4vw,66px);border-bottom:1px solid rgba(215,239,233,.12);background:linear-gradient(180deg,rgba(3,9,14,.82),transparent)}.brand{display:grid;grid-template-columns:28px auto;grid-template-rows:auto auto;align-items:center;column-gap:11px;width:max-content;text-decoration:none}.brand-gem{grid-row:1 / 3;width:23px;height:23px;transform:rotate(45deg);border:1px solid var(--blue);box-shadow:inset 0 0 12px #75f1d233}.brand-gem:after{content:"";display:block;width:7px;height:7px;margin:7px;background:var(--blue);box-shadow:0 0 12px var(--blue)}.brand strong{font:800 21px/1 var(--display);letter-spacing:.1em}.brand small{align-self:start;margin-top:3px;color:#91a8a2;font:600 9px/1 var(--display);letter-spacing:.18em}.select-phase{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}.select-phase span{color:var(--blue);font-size:10px;letter-spacing:.1em}.select-phase b{font-size:13px;letter-spacing:.08em}.select-phase i{color:var(--gold);font:600 17px var(--display);font-style:normal}.match-mode{justify-self:end;display:flex;align-items:center;gap:10px}.match-mode small{color:#91a7a2;font-size:9px;letter-spacing:.1em}.match-mode strong{font:700 14px var(--body);letter-spacing:.05em}.select-intro{position:absolute;top:18%;left:clamp(28px,5.5vw,96px);z-index:3;width:min(490px,38vw);animation:intro-in .8s .15s cubic-bezier(.2,.7,.2,1) both}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--blue);font:700 11px var(--body);letter-spacing:.18em}.eyebrow>span{display:block;width:36px;height:1px;background:currentColor;box-shadow:0 0 8px currentColor}.select-intro h1{margin:16px 0 19px;font:800 clamp(54px,6.1vw,98px)/.86 var(--display);letter-spacing:-.025em;text-transform:uppercase}.select-intro h1 em{color:transparent;-webkit-text-stroke:1px rgba(233,245,241,.72);font-style:normal;font-weight:600}.select-intro p{margin:0;color:#c0d0cc;font-size:13px;letter-spacing:.05em}.champion-profile{position:absolute;top:16%;right:clamp(28px,5vw,84px);bottom:238px;z-index:3;width:min(370px,27vw);overflow:hidden;animation:profile-in .8s .28s cubic-bezier(.2,.7,.2,1) both}.role-line{display:flex;align-items:center;gap:11px;color:#f0c979;font-size:10px;font-weight:600;letter-spacing:.12em}.role-line i{flex:1;height:1px;background:linear-gradient(90deg,rgba(232,189,104,.5),transparent)}.role-trait{margin:10px 0 14px!important;padding:9px 11px;color:#d1dfdb!important;background:linear-gradient(90deg,rgba(117,241,210,.11),transparent);border-left:1px solid rgba(117,241,210,.58);font-size:11px!important;font-weight:500;line-height:1.55;letter-spacing:.025em!important}.champion-profile h2{margin:9px 0 0;font:900 clamp(58px,5.1vw,80px)/.9 var(--body);letter-spacing:.01em}.champion-profile>p{margin:9px 0 19px;color:var(--blue);font:700 12px var(--body);letter-spacing:.12em}.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px 17px;width:100%}.profile-stats label{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:10px;color:#aec1bc;font-size:10px;font-weight:500;letter-spacing:.06em}.profile-stats label>i{height:2px;background:#ffffff1a}.profile-stats label b{display:block;width:50%;height:100%;background:var(--blue);box-shadow:0 0 7px #75f1d259;transition:width .35s ease}.profile-abilities{display:grid;grid-template-columns:1fr 1fr;gap:0 17px;margin-top:18px}.profile-ability{display:grid;grid-template-columns:27px minmax(0,1fr);grid-template-rows:auto auto;column-gap:9px;min-width:0;padding:8px 0;border-top:1px solid rgba(255,255,255,.08)}.profile-ability kbd{grid-row:1 / 3;display:grid;place-items:center;width:26px;height:26px;color:var(--blue);background:#75f1d217;border:1px solid rgba(117,241,210,.34);font:700 11px var(--display)}.profile-ability strong{overflow:hidden;color:#eef7f4;font-size:11px;font-weight:700;letter-spacing:.025em;text-overflow:ellipsis;white-space:nowrap}.profile-ability small{overflow:hidden;margin-top:2px;color:#9cb1ac;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.champion-dock{position:absolute;right:clamp(28px,5vw,84px);bottom:44px;left:clamp(28px,5vw,84px);z-index:4;display:grid;grid-template-columns:minmax(500px,1fr) 238px;gap:24px;align-items:end}.deployment-column{position:relative;display:grid;gap:7px;width:238px}.summoner-config{position:relative;padding:7px 9px 8px;color:#a9bbb7;background:#040c12e0;border-top:1px solid rgba(232,189,104,.28)}.summoner-config header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.summoner-config header span{color:var(--gold);font:700 10px var(--body);letter-spacing:.06em}.summoner-config header small{color:#91a6a1;font-size:9px}.summoner-slots{display:grid;grid-template-columns:1fr 1fr;gap:5px}.summoner-slot{display:grid;grid-template-columns:17px 25px 1fr;align-items:center;height:31px;padding:0 5px;color:#dcebe7;background:#0a1b20;border:1px solid rgba(117,241,210,.16);cursor:pointer;text-align:left}.summoner-slot:hover,.summoner-slot.active{border-color:var(--gold);background:#152729}.summoner-slot kbd{color:#a5b8b3;background:none;font:700 10px var(--display)}.summoner-slot b{display:grid;place-items:center;width:23px;height:23px;color:var(--gold);background:#e8bd681f;font:700 12px var(--body)}.summoner-slot span{overflow:hidden;font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.summoner-picker{position:absolute;right:0;bottom:calc(100% + 7px);left:0;z-index:8;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:8px;opacity:0;visibility:hidden;transform:translateY(7px);background:#030b11f7;border-top:1px solid var(--gold);box-shadow:0 14px 30px #0000006b;transition:opacity .14s ease,transform .14s ease,visibility .14s}.summoner-picker.open{opacity:1;visibility:visible;transform:translateY(0)}.summoner-choice{display:grid;justify-items:center;gap:3px;padding:6px 3px;color:#9fb2ad;background:#ffffff06;border:1px solid rgba(255,255,255,.08);cursor:pointer}.summoner-choice:hover,.summoner-choice.selected{color:#fff;border-color:#e8bd6894;background:#e8bd6814}.summoner-choice b{color:var(--gold);font:700 13px var(--display)}.summoner-choice span{font-size:9px}.champion-list{display:flex;gap:7px}.champion-option{position:relative;display:grid;grid-template-columns:44px 1fr;grid-template-rows:1fr 1fr;align-items:center;width:min(142px,12vw);height:68px;padding:8px 10px;overflow:hidden;color:#a9bbb7;background:#040c12d1;border-top:1px solid rgba(255,255,255,.13);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease}.champion-option:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:var(--hero-color, var(--blue));transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.champion-option:hover{transform:translateY(-4px);background:#0a1b20eb;color:#fff}.champion-option.selected{transform:translateY(-7px);color:#fff;background:linear-gradient(135deg,#13393dfa,#040d13f2);border-top-color:var(--blue);box-shadow:0 10px 28px #00000042}.champion-option.selected:after{transform:scaleX(1)}.champion-option:nth-child(2){--hero-color: #c084ff}.champion-option:nth-child(3){--hero-color: #ff9e58}.champion-option:nth-child(4){--hero-color: #74a8ff}.champion-option:nth-child(5){--hero-color: #5ee3ff}.option-mark{grid-row:1 / 3;display:grid;place-items:center;width:34px;height:42px;background:linear-gradient(145deg,#75f1d23d,#040d1366);border-left:1px solid var(--hero-color, var(--blue));color:var(--hero-color, var(--blue));font:800 22px var(--display)}.champion-option strong{align-self:end;font-size:12px;letter-spacing:.06em;text-align:left}.champion-option small{align-self:start;margin-top:2px;color:#91a7a1;font-size:10px;text-align:left}.lock-button{position:relative;display:flex;flex-direction:column;justify-content:center;width:238px;height:68px;padding:0 24px;overflow:hidden;color:#04100f;background:var(--blue);clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px));cursor:pointer;transition:filter .2s ease,transform .2s ease}.lock-button:before{content:"";position:absolute;inset:0;transform:translate(-105%) skew(-18deg);background:#ffffff59;transition:transform .45s ease}.lock-button:hover{filter:brightness(1.08);transform:translateY(-3px)}.lock-button:hover:before{transform:translate(115%) skew(-18deg)}.lock-button:active{transform:scale(.98)}.lock-button>span{position:relative;z-index:1;font:800 14px var(--body);letter-spacing:.04em}.lock-button>small{position:relative;z-index:1;margin-top:4px;font-size:9px;letter-spacing:.035em;opacity:.78}.lock-button>i{position:absolute;top:18px;right:20px;z-index:1;font:700 25px var(--display);font-style:normal}.select-footer{position:absolute;right:clamp(28px,5vw,84px);bottom:15px;left:clamp(28px,5vw,84px);z-index:4;display:flex;justify-content:flex-end;color:#cbdcd894;font:600 9px var(--display);letter-spacing:.12em}#game-ui{position:absolute;inset:0;z-index:10;opacity:1;visibility:visible;transition:opacity .45s ease;pointer-events:none}.hud{position:absolute;pointer-events:auto}#topbar{top:0;left:50%;display:grid;grid-template-columns:190px 72px 118px 72px 190px;align-items:start;transform:translate(-50%);filter:drop-shadow(0 9px 18px rgba(0,0,0,.35))}.team-stack{position:relative;min-height:59px}.team-roster{display:flex;justify-content:flex-end;gap:4px;padding:7px 11px;height:39px;background:linear-gradient(90deg,transparent,rgba(4,12,18,.84))}.team-roster.red{justify-content:flex-start;background:linear-gradient(90deg,rgba(4,12,18,.84),transparent)}.dragon-record{position:absolute;top:39px;right:8px;display:flex;justify-content:flex-end;gap:4px;min-width:94px;height:18px;padding:2px 5px;background:linear-gradient(90deg,transparent,rgba(4,12,18,.74))}.dragon-record.red-record{right:auto;left:8px;justify-content:flex-start;background:linear-gradient(90deg,rgba(4,12,18,.74),transparent)}.dragon-pip{position:relative;display:grid;place-items:center;width:14px;height:14px;color:#9baaa6;background:#08171c;border:1px solid currentColor;border-radius:50%;box-shadow:0 0 8px color-mix(in srgb,currentColor 38%,transparent);font:800 8px/1 var(--display)}.dragon-pip:before{content:attr(data-glyph);transform:translateY(-.2px)}.dragon-pip[data-element=infernal]{color:#ff7052}.dragon-pip[data-element=mountain]{color:#d4b57c}.dragon-pip[data-element=ocean]{color:#55dfbd}.dragon-pip[data-element=cloud]{color:#9ad8ff}.dragon-pip[data-element=hextech]{color:#8e9cff}.dragon-pip[data-element=elder]{color:#dfb6ff;background:radial-gradient(circle,#552d70,#0a1118 70%)}.dragon-pip.soul{outline:1px solid var(--gold);outline-offset:2px}.roster-pip{position:relative;width:25px;height:25px;transform:rotate(45deg);color:var(--blue);background:#07171c;border:1px solid currentColor}.red .roster-pip{color:var(--red)}.roster-pip:after{content:attr(data-letter);position:absolute;inset:0;display:grid;place-items:center;transform:rotate(-45deg);color:currentColor;font:700 11px var(--display)}.roster-pip.dead{filter:grayscale(1);opacity:.3}.roster-pip.dead:before{content:attr(data-time);position:absolute;inset:-5px;z-index:2;display:grid;place-items:center;transform:rotate(-45deg);color:#fff;font:700 10px var(--display)}.score{display:flex;align-items:center;justify-content:space-around;height:41px;background:#07161c;border-bottom:1px solid rgba(117,241,210,.3)}.score.red{border-color:#ff786d57}.score span{color:#78928c;font-size:8px;letter-spacing:.14em}.score b{font:700 23px var(--display)}.score.blue b{color:var(--blue)}.score.red b{color:var(--red)}.match-clock{display:grid;justify-items:center;height:57px;padding-top:8px;background:#07161c;clip-path:polygon(0 0,100% 0,88% 100%,12% 100%);border-bottom:1px solid rgba(232,189,104,.45)}.match-clock b{font:700 22px/1 var(--display);letter-spacing:.08em}.match-clock small{margin-top:4px;color:var(--gold);font-size:7px;letter-spacing:.17em}#scoreboard-panel{position:absolute;top:58px;left:50%;z-index:38;width:min(940px,92vw);padding:13px 19px 8px;opacity:0;visibility:hidden;transform:translate(-50%,-12px) scale(.985);color:#dcebe7;background:linear-gradient(115deg,#030b11f9,#071319f5);border-top:1px solid rgba(232,189,104,.42);border-bottom:1px solid rgba(117,241,210,.18);box-shadow:0 28px 80px #00000094;pointer-events:none;transition:opacity .13s ease,transform .13s ease,visibility .13s}#scoreboard-panel.open{opacity:1;visibility:visible;transform:translate(-50%) scale(1)}.scoreboard-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.1)}.scoreboard-head>div span{color:var(--gold);font:600 7px var(--display);letter-spacing:.24em}.scoreboard-head h2{margin:2px 0 0;font:700 20px/1 var(--display);letter-spacing:.05em}.scoreboard-head>strong{display:flex;align-items:center;gap:12px;font:700 22px var(--display)}.scoreboard-head>strong b:first-child{color:var(--blue)}.scoreboard-head>strong b:last-child{color:var(--red)}.scoreboard-head>strong i{color:#526964;font-style:normal;font-weight:400}.scoreboard-head time{justify-self:end;color:#8da19c;font:600 12px var(--display);letter-spacing:.12em}.scoreboard-labels,.scoreboard-row{display:grid;grid-template-columns:34px minmax(150px,1fr) 82px 45px 64px 180px;align-items:center;gap:8px}.scoreboard-labels{min-height:20px;color:#526a64;font:600 7px var(--display);letter-spacing:.16em;text-transform:uppercase}.scoreboard-team{border-top:1px solid rgba(117,241,210,.16)}.scoreboard-team.red{margin-top:5px;border-color:#ff786d2e}.scoreboard-team>header{display:flex;align-items:center;justify-content:space-between;height:19px;color:var(--blue);background:linear-gradient(90deg,rgba(117,241,210,.08),transparent);font:600 7px var(--display);letter-spacing:.16em}.scoreboard-team.red>header{color:var(--red);background:linear-gradient(90deg,rgba(255,120,109,.07),transparent)}.scoreboard-team>header b{padding-left:9px}.scoreboard-team>header span{padding-right:9px;color:#60756f;font-size:7px}.scoreboard-row{min-height:34px;border-bottom:1px solid rgba(255,255,255,.055)}.scoreboard-row.player{background:linear-gradient(90deg,rgba(232,189,104,.07),transparent 52%)}.scoreboard-row.dead{opacity:.48;filter:grayscale(.7)}.scoreboard-mark{display:grid;place-items:center;width:22px;height:22px;margin-left:4px;transform:rotate(45deg);color:var(--blue);background:#0a1c21;border:1px solid currentColor}.scoreboard-team.red .scoreboard-mark{color:var(--red)}.scoreboard-mark b{transform:rotate(-45deg);font:700 9px var(--display)}.scoreboard-identity{display:grid;gap:2px;min-width:0}.scoreboard-identity strong{overflow:hidden;font-size:10px;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap}.scoreboard-identity small{color:#66807a;font-size:7px}.scoreboard-kda{color:#d6e5e1;font:700 11px var(--display);letter-spacing:.08em}.scoreboard-kda i{color:#536b65;font-style:normal}.scoreboard-stat{color:#8ea39d;font:600 10px var(--display)}.scoreboard-gold{color:var(--gold)}.scoreboard-items{display:flex;gap:4px}.scoreboard-item{display:grid;place-items:center;width:22px;height:22px;color:#405650;background:#0000002e;border:1px solid rgba(255,255,255,.08);font:700 8px var(--display)}.scoreboard-item.filled{color:var(--gold);background-color:#11282a;border-color:#e8bd6857}#scoreboard-panel>footer{padding-top:6px;color:#526963;font-size:7px;letter-spacing:.12em;text-align:center}#scoreboard-panel kbd{margin:0 4px;color:#d9e8e4;background:none;font:700 9px var(--display)}#damage-number-layer{position:absolute;inset:0;z-index:27;overflow:hidden;pointer-events:none}.damage-number{position:absolute;left:0;top:0;color:#eaf7f3;font:800 21px/1 var(--display);letter-spacing:.02em;text-shadow:0 2px 2px #020609,0 0 10px rgba(255,255,255,.25);will-change:transform,opacity}.damage-number.melee{color:#fff3cf;font-size:24px;text-shadow:0 2px 2px #020609,0 0 13px rgba(232,189,104,.48)}.damage-number.critical{color:var(--gold);font-size:31px;text-shadow:0 3px 2px #020609,0 0 17px rgba(232,189,104,.72)}.damage-number.incoming{color:#ff8b80;text-shadow:0 2px 2px #020609,0 0 13px rgba(255,76,66,.48)}.damage-number.shielded{color:#a9bdff;font-size:18px;text-shadow:0 2px 2px #020609,0 0 13px rgba(112,142,255,.55)}.damage-number.magic{color:#8edfff;text-shadow:0 2px 2px #020609,0 0 13px rgba(79,174,255,.52)}.damage-number.true-damage{color:#f6f1e8;text-shadow:0 2px 2px #020609,0 0 14px rgba(255,255,255,.62)}#objective-panel{top:75px;left:17px;width:220px;padding:12px 14px;background:linear-gradient(90deg,rgba(3,11,17,.78),transparent);border-left:1px solid rgba(117,241,210,.4)}.panel-kicker{color:var(--blue);font:600 8px var(--display);letter-spacing:.2em}#objective-panel strong{display:block;margin:6px 0 9px;color:#b5c8c3;font-size:9px;font-weight:500}.objective-progress{display:grid;grid-template-columns:1fr 18px 1fr;align-items:center;gap:5px}.objective-progress i{height:2px;background:var(--blue);transform-origin:left}.objective-progress i:last-child{background:var(--red);transform-origin:right}.objective-progress b{color:#536a66;font:600 7px var(--display);text-align:center}#objective-tracker{display:flex;gap:13px;margin-top:11px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}#objective-tracker span{display:flex;align-items:center;gap:6px;color:#8da39e;font:600 9px var(--display)}#objective-tracker i{display:grid;place-items:center;width:20px;height:20px;transform:rotate(45deg);border:1px solid currentColor;font:700 8px var(--body);font-style:normal}#objective-tracker i:first-letter{transform:rotate(-45deg)}#objective-tracker .void{color:#be7cff}#objective-tracker .dragon{color:#ff9c58}#killfeed{top:75px;right:18px;display:grid;gap:5px;width:260px}.feed-entry{min-height:31px;padding:5px 8px;background:linear-gradient(90deg,transparent,rgba(4,12,18,.82));color:#8ea39e;font-size:9px;text-align:right;animation:feed-in .35s ease both}.feed-entry b{color:var(--blue)}.feed-entry.enemy b{color:var(--red)}.feed-duel{display:flex;align-items:center;justify-content:flex-end;gap:6px}.feed-duel em{max-width:62px;overflow:hidden;color:#b8cbc6;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.feed-portrait{width:24px;height:24px;flex:0 0 24px;border:1px solid color-mix(in srgb,var(--blue) 58%,transparent);clip-path:polygon(50% 0,100% 22%,91% 100%,9% 100%,0 22%)}.feed-entry.enemy .feed-portrait{border-color:color-mix(in srgb,var(--red) 58%,transparent)}.feed-portrait.victim{opacity:.48;filter:grayscale(.75)}#player-panel{bottom:18px;left:18px;display:flex;align-items:flex-end;gap:10px;width:355px;padding:9px 13px 10px 8px;background:linear-gradient(90deg,rgba(3,11,17,.94),rgba(3,11,17,.66),transparent);border-left:2px solid var(--blue)}.player-portrait{display:grid;place-items:center;flex:0 0 58px;height:63px;color:var(--blue);background:linear-gradient(145deg,#163c42,#07141b);border:1px solid rgba(117,241,210,.55);clip-path:polygon(50% 0,100% 22%,91% 100%,9% 100%,0 22%);font:800 27px var(--display);text-shadow:0 0 16px currentColor}.player-data{flex:1;min-width:0}.player-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.player-meta>div:first-child{display:flex;align-items:baseline;gap:7px}.player-meta strong{font-size:14px}.player-meta span{color:#718983;font-size:8px}.player-economy{display:flex;align-items:center;gap:5px;color:var(--gold);font:700 13px var(--display)}.player-economy i{width:7px;height:7px;transform:rotate(45deg);background:var(--gold)}.vital{position:relative;height:10px;margin-top:3px;overflow:hidden;background:#ffffff14}.vital>i{display:block;width:100%;height:100%;transition:width .16s ease}.vital.hp>i{background:linear-gradient(90deg,#159a91,var(--blue))}.vital.hp>b{position:absolute;top:0;bottom:0;z-index:2;width:0;opacity:0;background:linear-gradient(90deg,#dbe7e5c7,#f5fbfa);border-left:1px solid white;transition:left .12s ease,width .12s ease,opacity .12s ease}.vital.hp>b.show{opacity:.95}.vital.mana{height:7px}.vital.mana>i{background:linear-gradient(90deg,#365fc0,#6ca8ff)}.vital span{position:absolute;inset:0 4px;z-index:3;color:#ffffffd4;font:600 7px/10px var(--body);text-align:right;text-shadow:0 1px 2px #000}.vital.mana span{font-size:0}.level-line{display:grid;grid-template-columns:18px 1fr;gap:5px;align-items:center;margin-top:4px}.level-line b{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;color:#04100f;background:#e8f5f1;font:800 10px var(--display)}.level-line>i{height:2px;background:#ffffff14}.level-line span{display:block;width:0;height:100%;background:var(--gold);transition:width .2s ease}#ability-bar{bottom:18px;left:50%;display:flex;gap:7px;transform:translate(-50%)}.skill-points{position:absolute;right:calc(100% + 9px);bottom:8px;min-width:62px;padding:5px 7px;color:var(--gold);background:#030b11e6;border-left:1px solid var(--gold);font:700 8px var(--display);font-style:normal;letter-spacing:.06em;text-align:right;white-space:nowrap;opacity:0;transform:translate(5px);transition:opacity .16s,transform .16s}.skill-points.show{opacity:1;transform:none}.ability-item{position:relative;width:58px;height:58px;overflow:hidden;color:#eaf7f3;background:linear-gradient(145deg,#163d40f7,#040d13fa 72%);border:1px solid rgba(117,241,210,.3);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);cursor:pointer;transition:transform .16s ease,filter .16s ease}.ability-item:hover{transform:translateY(-4px);filter:brightness(1.16)}.ability-item:active{transform:scale(.95)}.ability-item.ultimate{width:65px;height:65px;margin-top:-7px;background:radial-gradient(circle at 50% 45%,#e8bd6866,#07131a 69%);border-color:#e8bd689e}.ability-item.utility{width:44px;height:44px;margin:14px 0 0 5px;border-color:#e8bd686b}.ability-item.utility+.ability-item.utility{margin-left:-2px}.ability-item kbd{position:absolute;top:4px;left:6px;z-index:3;color:#ffffffb3;background:none;font:700 9px var(--display)}.ability-icon{position:absolute;inset:0;display:grid;place-items:center;color:#bffff0;font:700 24px var(--display);text-shadow:0 0 14px var(--blue)}.ultimate .ability-icon,.utility .ability-icon{color:var(--gold);text-shadow:0 0 14px rgba(232,189,104,.6)}.ability-item small{position:absolute;right:0;bottom:4px;left:0;z-index:3;color:#8ca19c;font-size:7px;text-align:center}.ability-item>i{position:absolute;right:0;bottom:0;left:0;z-index:2;height:0%;background:#010609d4;transition:height .1s linear}.ability-rank{position:absolute;top:4px;right:5px;z-index:4;color:#e7f2efc7;font:700 7px var(--display);text-shadow:0 1px 3px #000}.ability-upgrade{position:absolute;inset:5px 5px auto auto;z-index:6;display:none;place-items:center;width:18px;height:18px;color:#091312;background:var(--gold);border:1px solid #fff1b6;border-radius:50%;box-shadow:0 0 13px #e8bd68b8;font:900 15px/1 var(--display)}.ability-item.upgrade-ready .ability-upgrade{display:grid;animation:skill-ready 1.1s ease-in-out infinite alternate}.ability-item.upgrade-ready .ability-rank{display:none}.ability-item.locked:not(.upgrade-ready){filter:grayscale(.9) brightness(.46)}.ability-item.locked:not(.upgrade-ready):hover{filter:grayscale(.7) brightness(.62)}.ability-item.locked .ability-icon{opacity:.44}.ability-item.cooling:after{content:attr(data-cd);position:absolute;inset:0;z-index:4;display:grid;place-items:center;color:#fff;font:700 19px var(--display);text-shadow:0 2px 4px #000}.ability-item.aiming{transform:translateY(-7px);border-color:var(--gold);box-shadow:0 0 24px #e8bd6852;filter:brightness(1.18)}@keyframes skill-ready{0%{transform:scale(.92)}to{transform:scale(1.08)}}#cast-prompt{position:absolute;bottom:101px;left:50%;z-index:22;padding:7px 14px;opacity:0;transform:translate(-50%,8px);color:#b8ccc7;background:#030b11e0;border-bottom:1px solid var(--gold);pointer-events:none;font-size:8px;letter-spacing:.07em;transition:opacity .16s ease,transform .16s ease}#cast-prompt.show{opacity:1;transform:translate(-50%)}#cast-prompt b{margin-right:7px;color:var(--gold);font:700 11px var(--display)}#cast-prompt.herald-ride{color:#eadcff;background:linear-gradient(90deg,#0f071ce6,#1c0c2df0,#0f071ce6);border-color:#b67cff;box-shadow:0 8px 24px #6c2db038}#cast-prompt.herald-ride b{color:#d4a5ff}#status-toast{position:absolute;bottom:136px;left:50%;z-index:21;max-width:min(430px,72vw);padding:5px 12px;opacity:0;transform:translate(-50%,6px);color:#d2e6e1e0;background:linear-gradient(90deg,transparent,rgba(3,11,17,.72) 18%,rgba(3,11,17,.72) 82%,transparent);pointer-events:none;font:600 8px/1.35 var(--body);letter-spacing:.07em;text-align:center;text-shadow:0 2px 8px #000;transition:opacity .14s ease,transform .14s ease}#status-toast.show{opacity:1;transform:translate(-50%)}#status-toast.danger{color:#ff9d94}#channel-bar{position:absolute;bottom:112px;left:50%;z-index:23;display:grid;grid-template-columns:auto 180px 26px;align-items:center;gap:9px;padding:7px 11px;opacity:0;visibility:hidden;transform:translate(-50%,7px);color:#dcebe7;background:#030b11ed;border-top:1px solid var(--blue);pointer-events:none;transition:opacity .15s ease,transform .15s ease,visibility .15s}#channel-bar.show{opacity:1;visibility:visible;transform:translate(-50%)}#channel-bar>span{font-size:8px;letter-spacing:.1em}#channel-bar>i{height:3px;overflow:hidden;background:#ffffff1a}#channel-bar>i b{display:block;width:100%;height:100%;transform-origin:left;background:var(--blue);box-shadow:0 0 8px var(--blue)}#channel-bar em{color:var(--blue);font:700 9px var(--display);font-style:normal;text-align:right}#inventory-slots{bottom:102px;left:20px;display:flex;gap:4px}.inventory-slot{position:relative;display:grid;place-items:center;width:30px;height:30px;padding:0;overflow:hidden;color:#526862;background:#030b11c2;border:1px solid rgba(150,177,170,.14);clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);cursor:default}.inventory-slot:after{content:"";width:4px;height:4px;transform:rotate(45deg);background:currentColor;opacity:.28}.inventory-slot.filled{color:var(--gold);background:linear-gradient(145deg,#352e1df0,#050f13f0);border-color:#e8bd687a}.inventory-slot.filled:after{display:none}.inventory-slot b{font:700 13px var(--display)}.inventory-slot kbd{position:absolute;top:1px;left:2px;z-index:5;padding:1px 2px;color:#fff;background:#02070abd;font:700 7px var(--display)}.inventory-slot>i{position:absolute;right:0;bottom:0;left:0;z-index:3;height:0;background:#02070cc2;pointer-events:none}.inventory-slot.active-item{cursor:pointer;box-shadow:inset 0 -2px #75f1d2a6}.inventory-slot.passive-item{box-shadow:inset 0 -2px #e8bd686b}.inventory-slot.aiming{border-color:#8dffe2;box-shadow:inset 0 0 0 1px #8dffe26b,0 0 12px #53e2c257}.inventory-slot em{position:absolute;right:1px;bottom:1px;z-index:5;color:#c9fff2;font:600 5px var(--display);font-style:normal;text-shadow:0 1px 2px #000}.inventory-slot.passive-item em{color:#ffe0a0}.inventory-slot.cooling:before{content:attr(data-cd);position:absolute;inset:0;z-index:4;display:grid;place-items:center;color:#fff;font:700 10px var(--display);text-shadow:0 1px 3px #000}#inventory-slots.shop-mode .inventory-slot.filled{cursor:context-menu}#inventory-slots.shop-mode .inventory-slot.filled:hover{border-color:#ff9d74;box-shadow:inset 0 0 0 1px #ff9d7473}#vision-slots{bottom:101px;left:216px;display:flex;gap:4px;background:transparent;pointer-events:auto}#vision-slots button{display:grid;grid-template-columns:13px 22px 16px;align-items:center;width:57px;height:32px;padding:0 4px;color:#9fb2ad;background:#030b11cc;border:1px solid rgba(232,189,104,.28);cursor:pointer}#vision-slots button:hover,#vision-slots button.aiming{color:#fff;border-color:var(--gold)}#vision-slots kbd{color:#708680;background:none;font:700 8px var(--display)}#vision-slots b{width:22px;height:22px;color:var(--gold);border:1px solid rgba(232,189,104,.32)}#vision-slots span{display:grid;place-items:center;width:16px;height:16px;color:#06100f;background:var(--gold);border-radius:50%;font:800 8px var(--display)}#vision-slots button.empty{opacity:.46}#vision-slots button{position:relative;overflow:hidden}#vision-slots button>em{position:absolute;inset:0;z-index:6;display:none;place-items:center;color:#effff9;background:#02090cb3;font:700 10px var(--display);font-style:normal;text-shadow:0 2px 3px #000}#vision-slots button.cooling>em{display:grid}#vision-slots button.sweeper-mode{border-color:#ff6f5f85;box-shadow:inset 0 -2px #ff634fa3}#vision-slots button.sweeper-mode b,.sweeper-art{background:radial-gradient(circle at 50% 50%,#ffdd9d 0 9%,#ff654d 10% 20%,transparent 21% 33%,#e23d38 34% 43%,transparent 44%),conic-gradient(from 45deg,transparent 0 8%,#ff8467 9% 14%,transparent 15% 33%,#ff8467 34% 39%,transparent 40% 58%,#ff8467 59% 64%,transparent 65% 83%,#ff8467 84% 89%,transparent 90%);border-color:#ff7760b3!important;box-shadow:inset 0 0 9px #ff403080}#vision-slots button.herald-eye-mode{border-color:#b16fffb3;box-shadow:inset 0 -2px #964befb8,0 0 10px #843ed533}#vision-slots button.herald-eye-mode b{background:radial-gradient(ellipse at 50% 52%,#fff1b1 0 8%,#bd7bff 9% 18%,#482077 19% 31%,transparent 32%),radial-gradient(ellipse at 50% 52%,transparent 0 30%,#9b57e6 31% 42%,transparent 43%),linear-gradient(145deg,#251438,#090d17);border-color:#c286ffbf!important;box-shadow:inset 0 0 8px #9752e06b}#vision-slots button.herald-eye-mode span{color:#fff4d0;background:#6f35a4;font-size:7px}#vision-slots button.sweeper-active{animation:sweeper-pulse .75s ease-in-out infinite alternate}@keyframes sweeper-pulse{to{border-color:#ffb07f;box-shadow:inset 0 0 12px #ff5f4480,0 0 12px #ff4a3647}}#control-ward-slot b{filter:hue-rotate(252deg) saturate(1.65);border-color:#d170ff80}#control-ward-slot span{color:#f7eaff;background:#7e3a9e}#control-tip{bottom:88px;left:50%;display:flex;gap:15px;transform:translate(-50%);color:#b0c6c180;font-size:8px;letter-spacing:.05em}#control-tip kbd{color:#dce9e5;background:none;font:600 9px var(--display)}#shop-panel{position:absolute;top:74px;bottom:0;left:0;z-index:32;width:min(570px,52vw);padding:30px 32px 20px;opacity:0;transform:translate(-105%);color:#dcece8;background:linear-gradient(100deg,#030a0ffb,#051016f7 78%,#05101633);border-right:1px solid rgba(117,241,210,.12);pointer-events:none;transition:transform .28s cubic-bezier(.2,.75,.2,1),opacity .2s ease}#shop-panel.open{opacity:1;transform:translate(0);pointer-events:auto}#shop-panel>header{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.1)}#shop-panel>header span{color:var(--blue);font:600 8px var(--display);letter-spacing:.24em}#shop-panel h2{margin:6px 0 0;font:700 31px/1 var(--display);letter-spacing:.04em}#shop-close{width:35px;height:35px;color:#78908a;background:transparent;border:1px solid rgba(255,255,255,.12);cursor:pointer;font:300 24px/1 var(--body)}#shop-close:hover{color:#fff;border-color:var(--blue)}.shop-status{display:flex;align-items:center;justify-content:space-between;padding:13px 0 10px;color:#78908a;font-size:9px}.shop-status .warning{color:#e38a72}.shop-status strong{display:flex;align-items:center;gap:8px;color:var(--gold);font:700 17px var(--display)}.shop-status strong i{width:8px;height:8px;transform:rotate(45deg);background:var(--gold)}.shop-trinkets{display:grid;grid-template-columns:1fr 114px 114px;align-items:center;gap:6px;padding:7px 0 9px;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.shop-trinkets>span{color:#78908a;font:600 7px var(--display);letter-spacing:.13em}.shop-trinkets button{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:6px;min-width:0;height:34px;padding:3px 6px;color:#a8bbb6;background:#071216c7;border:1px solid rgba(255,255,255,.1);cursor:pointer;text-align:left}.shop-trinkets button:hover{color:#fff;border-color:#75f1d280}.shop-trinkets button.active{color:#d8fff5;border-color:var(--blue);box-shadow:inset 0 -2px #75f1d28c}.shop-trinkets button>b{width:25px;height:25px;border:1px solid rgba(232,189,104,.35)}.shop-trinkets button>i{overflow:hidden;font:600 7px var(--display);font-style:normal;white-space:nowrap}.shop-trinkets button small{display:block;margin-top:2px;overflow:hidden;color:#667d77;font:400 5px var(--body);text-overflow:ellipsis}.shop-sell{display:grid;gap:7px;padding:8px 0 10px;border-top:1px solid rgba(255,255,255,.06)}.shop-sell>header{display:flex;justify-content:space-between;color:#718982;font-size:7px;letter-spacing:.08em}.shop-sell>header strong{color:#b8cbc6;font:600 8px var(--display);letter-spacing:.13em}.shop-sell>div{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.shop-sell-item,.shop-sell-empty{position:relative;display:grid;place-items:center;min-width:0;height:35px;padding:0;overflow:hidden;border:1px solid rgba(232,189,104,.32);background-color:#071116;color:#fff;cursor:pointer}.shop-sell-item:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 32%,rgba(2,7,10,.9))}.shop-sell-item:hover:not(:disabled){border-color:#ff9d74;box-shadow:inset 0 0 0 1px #ff9d7459}.shop-sell-item:disabled{opacity:.35;cursor:default}.shop-sell-item i{position:absolute;top:2px;left:3px;z-index:2;padding:1px 2px;background:#02070abd;font:600 6px var(--display);font-style:normal}.shop-sell-item span{position:absolute;right:3px;bottom:2px;left:3px;z-index:2;overflow:hidden;font:600 6px var(--display);text-overflow:ellipsis;white-space:nowrap}.shop-sell-item b{position:absolute;top:2px;right:3px;z-index:2;color:var(--gold);font:600 6px var(--display)}.shop-sell-empty{color:#32433f;background:#050e1294;border-color:#ffffff0f;font:600 8px var(--display)}.shop-list{max-height:calc(100% - 205px);overflow-y:auto;padding-bottom:30px;border-top:1px solid rgba(255,255,255,.06);scrollbar-width:thin;scrollbar-color:#34534c transparent}.shop-tier>header{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:12px;position:sticky;top:0;z-index:2;padding:13px 4px 7px;background:linear-gradient(90deg,#040d12fa,#040d12eb);border-bottom:1px solid rgba(117,241,210,.13)}.shop-tier>header strong{color:#dcece8;font:700 9px var(--display);letter-spacing:.16em}.shop-tier>header span{color:#526b65;font-size:7px;letter-spacing:.08em}.shop-tier.legendary>header strong{color:var(--gold)}.shop-item{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 58px;align-items:center;gap:12px;width:100%;min-height:66px;padding:8px 4px;color:#b7c9c4;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.065);text-align:left;cursor:pointer;transition:background .14s ease,color .14s ease,padding .14s ease}.shop-item:hover:not(:disabled){padding-left:10px;color:#fff;background:linear-gradient(90deg,rgba(117,241,210,.09),transparent)}.shop-item:disabled{cursor:default;opacity:.42}.shop-item.craftable:not(:disabled){background:linear-gradient(90deg,rgba(232,189,104,.07),transparent 74%)}.shop-item.legendary .shop-icon{border-color:#e8bd689e;box-shadow:inset 0 0 12px #e8bd6814}.shop-icon{display:grid;place-items:center;width:38px;height:38px;color:var(--gold);background:#10262a;border:1px solid rgba(232,189,104,.35);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);font:700 12px var(--display)}.item-art{background-color:#071116;background-position:center;background-repeat:no-repeat;background-size:cover;image-rendering:auto}.inventory-slot.item-art{background-position:center;background-size:cover}.item-art[data-item=ward]{background-image:url(./ward-oz9uJDlV.webp)}.item-art[data-item=controlward]{background-image:url(./ward-oz9uJDlV.webp);filter:hue-rotate(252deg) saturate(1.65)}.item-art[data-item=emberblade]{background-image:url(./emberblade-CxN9DriN.webp)}.item-art[data-item=runeboots]{background-image:url(./runeboots-zrCoGxRe.webp)}.item-art[data-item=heartstone]{background-image:url(./heartstone-ivQ0vVaJ.webp)}.item-art[data-item=prism]{background-image:url(./prism-CbuVAVh2.webp)}.item-art[data-item=windbow]{background-image:url(./windbow-CNn1fctY.webp)}.item-art[data-item=nightfang]{background-image:url(./nightfang-jBudVVhS.webp)}.item-art[data-item=sunseal]{background-image:url(./sunseal-C8vmxgoZ.webp)}.item-art[data-item=aegis]{background-image:url(./aegis-CAoAZHM9.webp)}.item-art[data-item=stormedge]{background-image:url(./stormedge-B5s9EVHA.webp)}.item-art[data-item=tidegrail]{background-image:url(./tidegrail-I15qWYUO.webp)}.item-art[data-item=voidcrown]{background-image:url(./voidcrown-8UiUaANH.webp)}.item-art[data-item=titan]{background-image:url(./titan-Cf_NVZtX.webp)}.item-art[data-item=tempest_edge]{background-image:url(./tempest-edge-cB2cnHdb.webp)}.item-art[data-item=infinity_sigil]{background-image:url(./infinity-sigil-DCPDJcxN.webp)}.item-art[data-item=eclipse_fang]{background-image:url(./eclipse-fang-Be1FQwre.webp)}.item-art[data-item=rift_cleaver]{background-image:url(./rift-cleaver-DrUVJIS_.webp)}.item-art[data-item=nova_lens]{background-image:url(./nova-lens-CsiGgwDe.webp)}.item-art[data-item=iron_bastion]{background-image:url(./iron-bastion-Cx7de0Un.webp)}.item-art[data-item=moonwell]{background-image:url(./moonwell-B0GfvflT.webp)}.item-art[data-item=protoplasm_core]{background-image:url(./protoplasm-core-w66SywIb.webp)}.item-art[data-item=void_collector]{background-image:url(./void-collector-3Bp01dAd.webp)}.item-art[data-item=zhonya]{background-image:url(./voidcrown-8UiUaANH.webp)}.item-art[data-item=guardian_angel]{background-image:url(./iron-bastion-Cx7de0Un.webp)}.item-art[data-item=redemption]{background-image:url(./moonwell-B0GfvflT.webp)}.item-art[data-item=solari]{background-image:url(./aegis-CAoAZHM9.webp)}.item-art[data-item=berserker_greaves]{background-image:url(./berserker-greaves-BuBBllp-.webp)}.item-art[data-item=plated_greaves]{background-image:url(./plated-greaves-NcYSj-Qg.webp)}.item-art[data-item=mercury_greaves]{background-image:url(./mercury-greaves-BvJaDDGJ.webp)}.item-art[data-item=bloodmoon_blade]{background-image:url(./bloodmoon-blade-huNY5dlz.webp)}.item-art[data-item=giant_slayer]{background-image:url(./giant-slayer-BHBiYIyQ.webp)}.item-art[data-item=arcane_crown]{background-image:url(./arcane-crown-CB4dAy0T.webp)}.item-art[data-item=cinder_mask]{background-image:url(./cinder-mask-DhcZDUSf.webp)}.item-art[data-item=thornplate]{background-image:url(./thornplate-uVYUJpCz.webp)}.item-art[data-item=spirit_ward]{background-image:url(./spirit-ward-TLfC3MHo.webp)}.item-art[data-item=frostbound_hammer]{background-image:url(./frostbound-hammer-CbhOIVr_.webp)}.shop-copy{display:grid;gap:3px;min-width:0}.shop-item strong{font-size:11px;letter-spacing:.05em}.shop-item strong i{margin-left:8px;color:var(--blue);font-size:7px;font-style:normal;font-weight:500}.shop-item small{color:#667f79;font-size:8px}.shop-copy>span:not(.shop-recipe){overflow:hidden;color:#879b96;font-size:7px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.shop-item>b{display:grid;gap:2px;justify-items:end;color:var(--gold);font:700 11px var(--display)}.shop-item>b small{color:#526760;font:500 6px var(--display);text-decoration:line-through}.shop-recipe{display:flex;align-items:center;gap:3px;height:18px;margin-top:2px}.shop-recipe i{width:16px;height:16px;opacity:.54;border:1px solid rgba(255,255,255,.12)}.shop-recipe i.held{opacity:1;border-color:#75f1d2b8;box-shadow:0 0 7px #75f1d22b}.shop-recipe i.result{opacity:.9;border-color:#e8bd689e}.shop-recipe em{color:#526b65;font-size:9px;font-style:normal}#shop-panel footer{position:absolute;right:32px;bottom:13px;left:32px;display:flex;align-items:center;gap:8px;color:#516660;font-size:8px}#shop-panel footer b{display:grid;place-items:center;width:20px;height:20px;margin-left:auto;color:#b8cbc6;border:1px solid rgba(255,255,255,.14);font:700 9px var(--display)}#shop-panel{display:flex;flex-direction:column;top:74px;bottom:18px;width:min(1040px,88vw);padding:22px 24px 12px;overflow:hidden;background:linear-gradient(115deg,#02090efd,#061218fb 72%,#061218f0);border:1px solid rgba(117,241,210,.14);border-left:0;box-shadow:28px 24px 80px #00000075}#shop-panel>header{flex:0 0 auto;padding-bottom:12px}#shop-panel h2{font-size:25px}.shop-status{flex:0 0 auto;padding:9px 0 8px}.shop-toolbar{display:grid;grid-template-columns:auto minmax(210px,330px);align-items:center;gap:18px;flex:0 0 auto;min-height:42px;margin-bottom:8px;border-top:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.08)}.shop-tabs{display:flex;align-self:stretch;gap:3px}.shop-tabs button{position:relative;min-width:96px;padding:0 14px;color:#718a84;background:transparent;border:0;cursor:pointer;font:600 9px var(--display);letter-spacing:.1em}.shop-tabs button:after{content:"";position:absolute;right:9px;bottom:-1px;left:9px;height:2px;transform:scaleX(0);background:var(--blue);transition:transform .16s ease}.shop-tabs button.active{color:#e8f7f3;background:linear-gradient(180deg,rgba(117,241,210,.07),transparent)}.shop-tabs button.active:after{transform:scaleX(1)}.shop-search{display:grid;grid-template-columns:24px 1fr;align-items:center;height:28px;padding:0 9px;color:#7ea39a;background:#01070bb8;border:1px solid rgba(117,241,210,.17)}.shop-search:focus-within{border-color:#75f1d29e;box-shadow:inset 0 0 14px #75f1d20b}.shop-search span{font:500 18px/1 var(--body)}.shop-search input{min-width:0;color:#dcece8;background:transparent;border:0;outline:0;font:500 9px var(--body);letter-spacing:.04em}.shop-search input::placeholder{color:#49625c}.shop-workbench{display:grid;grid-template-columns:62px minmax(0,1fr) 278px;gap:12px;flex:1 1 auto;min-height:0}.shop-filters{display:flex;flex-direction:column;gap:5px;min-height:0;padding:4px 7px 4px 0;border-right:1px solid rgba(255,255,255,.07)}.shop-filters button{display:grid;grid-template-columns:27px 1fr;align-items:center;gap:5px;min-height:35px;padding:3px 4px;color:#667d78;background:transparent;border:1px solid transparent;cursor:pointer;text-align:left}.shop-filters button:hover{color:#cfe1dc;background:#75f1d20b}.shop-filters button.active{color:#e8f7f3;background:linear-gradient(90deg,#75f1d221,#75f1d206);border-color:#75f1d238}.shop-filters i{display:grid;place-items:center;width:25px;height:25px;color:var(--gold);background:#e8bd680f;border:1px solid rgba(232,189,104,.2);font:600 7px var(--display);font-style:normal}.shop-filters span{font:600 7px var(--display);letter-spacing:.08em}.shop-catalog{display:flex;flex-direction:column;min-width:0;min-height:0;background:#00050933}.shop-sell{flex:0 0 auto;padding:5px 4px 8px;border-top:0;border-bottom:1px solid rgba(255,255,255,.065)}.shop-sell>div{grid-template-columns:repeat(6,42px)}.shop-sell-item,.shop-sell-empty{height:32px}.shop-list{flex:1 1 auto;max-height:none;min-height:0;padding:2px 6px 18px 2px;overflow-y:auto;border-top:0}.shop-tier>header{grid-template-columns:auto auto;justify-content:start;gap:7px;padding:10px 2px 6px;background:#030b0ff7}.shop-tier>header span{display:grid;place-items:center;min-width:15px;height:15px;color:#728983;background:#ffffff0b;border-radius:50%}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px}.shop-item{display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:2px 7px;width:100%;min-height:55px;padding:6px;color:#a9bcb7;background:#061014b8;border:1px solid rgba(255,255,255,.065);text-align:left;cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease}.shop-item:hover{padding-left:6px;color:#fff;background:#75f1d213;border-color:#75f1d259;transform:translateY(-1px)}.shop-item.selected{color:#fff;background:linear-gradient(145deg,#75f1d226,#e8bd680a);border-color:#75f1d2b3;box-shadow:inset 0 0 0 1px #75f1d214}.shop-item.unavailable{opacity:.55}.shop-item.craftable{background:linear-gradient(145deg,#e8bd681c,#061014b8)}.shop-item .shop-icon{grid-row:1 / span 2;width:38px;height:38px}.shop-item strong{align-self:end;overflow:hidden;font:600 8px var(--display);text-overflow:ellipsis;white-space:nowrap}.shop-item>b{align-self:start;justify-items:start;color:var(--gold);font:600 8px var(--display);white-space:nowrap}.shop-detail{display:flex;flex-direction:column;min-width:0;padding:14px;overflow-y:auto;background:linear-gradient(180deg,#0b1c21d1,#02090ddb);border:1px solid rgba(117,241,210,.11);scrollbar-width:thin}.shop-detail-hero{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:12px;padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.08)}.shop-detail-hero>span{width:62px;height:62px;border:1px solid rgba(232,189,104,.55);box-shadow:0 8px 24px #00000059}.shop-detail-hero small{color:var(--gold);font:600 7px var(--display);letter-spacing:.15em}.shop-detail h3{margin:4px 0 5px;color:#fff;font:700 16px var(--display);letter-spacing:.05em}.shop-detail-hero b{color:var(--gold);font:600 9px var(--display)}.shop-detail>p{margin:13px 0 9px;color:#9fb3ae;font-size:9px;line-height:1.55}.shop-passive{display:grid;gap:5px;padding:10px;color:#91a59f;background:#75f1d20b;border-left:2px solid rgba(117,241,210,.46);font-size:8px;line-height:1.5}.shop-passive strong{color:#ddf1eb;font:600 8px var(--display);letter-spacing:.08em}.shop-cooldown{color:#86dcc7;font:600 7px var(--display)}.shop-cooldown.passive{color:#e3c98a}.shop-detail-recipe{display:grid;gap:8px;margin-top:13px}.shop-detail-recipe>span{color:#778d87;font:600 7px var(--display);letter-spacing:.12em}.shop-detail-recipe>div{display:flex;align-items:center;gap:6px}.shop-detail-recipe button,.shop-detail-recipe i{width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.14);cursor:pointer}.shop-detail-recipe button.held{border-color:var(--blue);box-shadow:0 0 10px #75f1d229}.shop-detail-recipe i.result{border-color:#e8bd689e;cursor:default}.shop-detail-recipe em{color:#617771;font-size:10px;font-style:normal}.shop-buy{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:42px;margin-top:auto;padding:0 12px;color:#071513;background:linear-gradient(100deg,#75f1d2,#9ff5df);border:0;cursor:pointer;font:700 9px var(--display);letter-spacing:.06em}.shop-buy:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 0 18px #75f1d22e}.shop-buy b{color:#244f47;font-size:8px}.shop-buy:disabled{color:#62746f;background:#172522;cursor:default}.shop-detail-empty,.shop-empty{display:grid;place-items:center;align-content:center;gap:8px;min-height:180px;color:#60766f;text-align:center}.shop-detail-empty i{color:#e8bd688c;font:300 36px var(--display);font-style:normal}.shop-detail-empty strong,.shop-empty b{color:#a8bbb6;font:600 10px var(--display)}.shop-detail-empty span,.shop-empty span{font-size:8px}#shop-panel footer{position:static;flex:0 0 auto;margin-top:8px}#minimap-frame{right:18px;bottom:18px;width:274px;padding:8px;background:linear-gradient(145deg,#030b11f0,#071519db);border:1px solid rgba(117,241,210,.17);border-top-color:#75f1d27a;box-shadow:0 18px 42px #0000006b,inset 0 0 24px #2c7d740f}#minimap-frame>div{display:flex;justify-content:space-between;margin:0 3px 5px;color:#657d78;font-size:7px;letter-spacing:.13em}#minimap-frame b{color:var(--blue);font:600 8px var(--display)}#minimap{display:block;width:256px;height:168px;background:#07171b;border:1px solid rgba(159,209,197,.12);cursor:crosshair;image-rendering:auto}#target-panel{top:65px;left:50%;width:200px;padding:7px 10px;transform:translate(-50%);background:#030b11c7;text-align:center}#target-panel span{font-size:9px;letter-spacing:.12em}#target-panel>div{height:3px;margin-top:5px;background:#ffffff1a}#target-panel i{display:block;width:100%;height:100%;background:var(--red)}#brush-concealment{position:absolute;inset:0;z-index:18;display:grid;place-items:end center;padding-bottom:148px;opacity:0;visibility:hidden;color:#b9ffd0;background:radial-gradient(ellipse at center,transparent 52%,rgba(17,72,42,.13) 74%,rgba(14,55,35,.42) 100%);box-shadow:inset 0 0 96px #3eb46638;pointer-events:none;transition:opacity .22s ease,visibility .22s}#brush-concealment:before,#brush-concealment:after{content:"";position:absolute;top:11%;width:2px;height:66%;opacity:.42;background:linear-gradient(transparent,rgba(111,241,145,.75),transparent);transform:rotate(11deg);filter:blur(.3px)}#brush-concealment:before{left:5%}#brush-concealment:after{right:5%;transform:rotate(-11deg)}#brush-concealment.active{opacity:1;visibility:visible}#brush-concealment span,#brush-concealment b{position:absolute;left:50%;transform:translate(-50%);text-shadow:0 2px 8px #03120a}#brush-concealment span{bottom:158px;font:600 6px var(--display);letter-spacing:.22em;opacity:.64}#brush-concealment b{bottom:140px;padding:3px 12px;background:linear-gradient(90deg,transparent,rgba(13,48,30,.78),transparent);font:700 9px var(--display);letter-spacing:.16em}#death-veil{position:absolute;inset:0;z-index:24;opacity:0;visibility:hidden;background:#a9b9b614;-webkit-backdrop-filter:grayscale(1) saturate(.08) brightness(.64) contrast(1.08);backdrop-filter:grayscale(1) saturate(.08) brightness(.64) contrast(1.08);pointer-events:none;transition:opacity .38s ease,visibility .38s}#death-veil.active{opacity:1;visibility:visible}#announcement{--event-accent: var(--blue);position:absolute;top:17%;left:50%;z-index:31;display:grid;grid-template-columns:44px minmax(180px,360px);align-items:center;gap:11px;width:max-content;max-width:86vw;min-height:52px;padding:5px 18px 5px 7px;opacity:0;visibility:hidden;transform:translate(-50%,-12px);color:#edf8f5;background:linear-gradient(90deg,rgba(3,10,15,.94),rgba(3,10,15,.82) 78%,transparent);border-top:1px solid color-mix(in srgb,var(--event-accent) 52%,transparent);border-bottom:1px solid rgba(255,255,255,.06);pointer-events:none;text-align:left;box-shadow:0 14px 36px #00000047}#announcement.show{visibility:visible;animation:event-announce 2.25s cubic-bezier(.2,.7,.2,1) both}#announcement.danger{--event-accent: var(--red)}#announcement.gold{--event-accent: var(--gold)}#announcement .event-icon{display:block;width:40px;height:40px;background-color:#071217;background-position:center;background-repeat:no-repeat;background-size:cover;border:1px solid color-mix(in srgb,var(--event-accent) 62%,transparent);border-radius:50%;box-shadow:0 0 18px color-mix(in srgb,var(--event-accent) 24%,transparent)}#announcement .event-icon.dragon{background-image:url(./dragon-C7XCXROF.webp)}#announcement .event-icon.grubs,#announcement .event-icon.herald,#announcement .event-icon.baron{background-image:url(./grubs-BQxARIFG.webp)}#announcement .event-icon.tower{background-image:linear-gradient(135deg,transparent 32%,var(--event-accent) 33% 66%,transparent 67%);background-size:65% 65%}#announcement .event-icon.system{background-image:radial-gradient(circle,var(--event-accent) 0 18%,transparent 20% 38%,var(--event-accent) 40% 45%,transparent 47%)}#announcement>span{display:grid;gap:3px;min-width:0}#announcement small{color:var(--event-accent);font:700 7px var(--display);letter-spacing:.24em}#announcement strong{overflow:hidden;max-width:360px;font:700 13px/1.22 var(--body);letter-spacing:.05em;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 12px #000}#kill-announcer{--kill-accent: var(--blue);position:absolute;top:15%;left:50%;z-index:32;display:grid;grid-template-columns:48px minmax(170px,270px) 48px;align-items:center;gap:10px;width:min(398px,80vw);opacity:0;visibility:hidden;transform:translate(-50%,-14px) scale(.94);pointer-events:none}#kill-announcer.red{--kill-accent: var(--red)}#kill-announcer.show{visibility:visible;animation:kill-announcer-in 2.85s cubic-bezier(.16,.74,.2,1) both}.kill-portrait{width:46px;height:46px;overflow:hidden;background-position:center 18%!important;border:2px solid color-mix(in srgb,var(--kill-accent) 78%,white 8%);border-radius:50%;box-shadow:0 0 22px color-mix(in srgb,var(--kill-accent) 32%,transparent)}.kill-portrait.victim{transform:scale(.88);opacity:.58;border-color:#ffffff47;filter:grayscale(.72) brightness(.72)}.kill-announcer-copy{position:relative;display:grid;justify-items:center;min-height:58px;place-content:center;background:linear-gradient(90deg,transparent,rgba(3,10,15,.88) 18%,rgba(3,10,15,.88) 82%,transparent);text-align:center}.kill-announcer-copy:before,.kill-announcer-copy:after{content:"";position:absolute;top:50%;width:48%;height:1px;background:linear-gradient(90deg,transparent,var(--kill-accent))}.kill-announcer-copy:before{right:78%}.kill-announcer-copy:after{left:78%;transform:scaleX(-1)}.kill-announcer-copy>span{color:var(--kill-accent);font:700 8px var(--display);letter-spacing:.3em}.kill-announcer-copy>strong{margin:4px 0;color:#f2f7f5;font:800 clamp(20px,2.5vw,30px)/.9 var(--display);letter-spacing:.14em;text-indent:.14em;text-shadow:0 0 28px color-mix(in srgb,var(--kill-accent) 42%,transparent),0 3px 12px #000}#kill-announcer.multikill .kill-announcer-copy>strong{color:#f4d58f;text-shadow:0 0 34px rgba(232,189,104,.62),0 3px 12px #000}.kill-announcer-copy small{display:flex;align-items:center;gap:8px;color:#81958f;font-size:8px;letter-spacing:.06em}.kill-announcer-copy small b{max-width:90px;overflow:hidden;color:#c5d7d2;text-overflow:ellipsis;white-space:nowrap}.kill-announcer-copy small i{width:20px;height:1px;background:var(--kill-accent)}#respawn-banner{position:absolute;top:29%;left:50%;z-index:30;display:grid;grid-template-columns:auto 38px auto;align-items:baseline;gap:10px;padding:8px 18px;transform:translate(-50%);color:#dbe8e4;background:linear-gradient(90deg,transparent,rgba(2,8,12,.84) 18%,rgba(2,8,12,.84) 82%,transparent);border-top:1px solid rgba(255,120,109,.42);pointer-events:none}#respawn-banner strong{font:700 14px var(--display);letter-spacing:.12em}#respawn-banner span{color:var(--red);font:800 26px var(--display);text-align:center}#respawn-banner small{color:#849792;font-size:8px;letter-spacing:.12em}#pause-screen{position:absolute;inset:0;z-index:35;display:grid;place-content:center;justify-items:center;background:#010509ad;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#pause-screen strong{font:800 56px var(--display);letter-spacing:.06em}#pause-screen span{color:var(--muted);font-size:10px;letter-spacing:.2em}#game-ui.match-ending{opacity:.14}#end-cinematic{position:absolute;inset:0;z-index:34;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s}#end-cinematic.active{opacity:1;visibility:visible}.end-letterbox{position:absolute;right:0;left:0;height:clamp(42px,7vh,78px);background:#020609;transform:scaleY(0);transition:transform .7s cubic-bezier(.2,.8,.2,1)}.end-letterbox.top{top:0;transform-origin:top}.end-letterbox.bottom{bottom:0;transform-origin:bottom}#end-cinematic.active .end-letterbox{transform:scaleY(1)}.end-flash{position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 50% 54%,rgba(255,255,255,.98),rgba(117,241,210,.64) 12%,rgba(117,241,210,.12) 35%,transparent 68%);mix-blend-mode:screen}#end-cinematic.red .end-flash{background:radial-gradient(circle at 50% 54%,rgba(255,255,255,.98),rgba(255,120,109,.68) 12%,rgba(255,120,109,.12) 35%,transparent 68%)}#end-cinematic.detonated .end-flash{animation:core-screen-flash 1.15s cubic-bezier(.12,.7,.2,1) both}.end-destroyed-copy{position:absolute;top:15%;left:50%;display:grid;justify-items:center;opacity:0;transform:translate(-50%,18px) scale(.94);text-align:center;text-shadow:0 3px 20px #000}.end-destroyed-copy span{color:var(--gold);font:700 9px var(--display);letter-spacing:.32em}.end-destroyed-copy strong{margin-top:8px;color:var(--blue);font:800 clamp(31px,4.5vw,68px)/.9 var(--body);letter-spacing:.1em}.end-destroyed-copy small{margin-top:8px;color:#dce9e5;font:700 11px var(--body);letter-spacing:.42em}#end-cinematic.red .end-destroyed-copy strong{color:var(--red)}#end-cinematic.detonated .end-destroyed-copy{animation:destroyed-copy 1.75s .18s cubic-bezier(.18,.72,.2,1) both}#result-screen{--result-accent: var(--blue);display:grid;place-content:center;overflow:hidden;background:#02070be6;-webkit-backdrop-filter:blur(13px) saturate(.72);backdrop-filter:blur(13px) saturate(.72);text-align:center}#result-screen.defeat{--result-accent: var(--red)}.result-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none}.result-atmosphere:before{content:"";position:absolute;top:50%;left:50%;width:min(82vw,1100px);aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(circle,color-mix(in srgb,var(--result-accent) 13%,transparent),transparent 61%)}.result-atmosphere span,.result-atmosphere i{position:absolute;top:50%;left:50%;width:min(48vw,660px);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--result-accent) 18%,transparent);transform:translate(-50%,-50%) rotate(45deg)}.result-atmosphere i{width:min(34vw,460px);border-color:color-mix(in srgb,var(--gold) 12%,transparent)}#result-screen.active .result-atmosphere span{animation:result-orbit 18s linear infinite}#result-screen.active .result-atmosphere i{animation:result-orbit-reverse 24s linear infinite}.result-content{position:relative;z-index:1;display:grid;justify-items:center;width:min(900px,90vw)}.result-emblem{position:relative;width:86px;height:58px;margin-bottom:2px}.result-emblem span,.result-emblem i{position:absolute;top:10px;left:26px;width:36px;height:36px;transform:rotate(45deg);border:1px solid color-mix(in srgb,var(--result-accent) 55%,transparent)}.result-emblem i{transform:rotate(45deg) scale(.52);background:var(--result-accent);box-shadow:0 0 34px color-mix(in srgb,var(--result-accent) 48%,transparent)}#result-screen .eyebrow{justify-content:center;color:var(--result-accent)}#result-screen h2{margin:25px 0 0;color:var(--result-accent);font:800 clamp(82px,11vw,148px)/.76 var(--display);letter-spacing:.08em;text-indent:.08em;text-shadow:0 0 54px color-mix(in srgb,var(--result-accent) 30%,transparent)}#result-screen .result-content>p{margin:20px 0 19px;color:#a3b5b0;font-size:11px;letter-spacing:.15em}.result-score{display:grid;grid-template-columns:84px 48px 24px 48px 84px;align-items:center;margin-bottom:19px;color:#718983}.result-score span{font-size:8px;letter-spacing:.12em}.result-score b{color:#eaf5f2;font:700 30px var(--display)}.result-score b:nth-of-type(1){color:var(--blue)}.result-score b:nth-of-type(2){color:var(--red)}.result-score i{color:#4c625d;font-style:normal}.result-stats{display:grid;grid-template-columns:1.35fr repeat(4,1fr);width:min(760px,88vw);margin-bottom:28px;border-top:1px solid rgba(207,232,225,.13);border-bottom:1px solid rgba(207,232,225,.13)}.result-stats div{display:grid;gap:5px;min-width:0;padding:13px 19px 12px;border-left:1px solid rgba(207,232,225,.09)}.result-stats div:first-child{border-left:0}.result-stats span{color:#657b76;font-size:8px;letter-spacing:.18em}.result-stats b{overflow:hidden;color:#e9f5f1;font:700 24px var(--display);text-overflow:ellipsis;white-space:nowrap}.result-actions{display:flex;gap:10px}.result-actions button{position:relative;display:grid;align-content:center;width:224px;height:61px;padding:0 22px;cursor:pointer;text-align:left;transition:transform .2s ease,filter .2s ease,border-color .2s ease}.result-actions button:hover{transform:translateY(-3px);filter:brightness(1.08)}.result-actions button:active{transform:scale(.985)}.result-actions span{font-size:13px;font-weight:800;letter-spacing:.06em}.result-actions small{margin-top:4px;font-size:8px;letter-spacing:.05em;opacity:.68}.result-primary{color:#04100f;background:var(--result-accent);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.result-secondary{color:#d9e8e4;background:#08161bb8;border:1px solid rgba(203,231,224,.17)}#result-screen.active .result-emblem{animation:result-rise .65s .12s both}#result-screen.active .eyebrow{animation:result-rise .65s .22s both}#result-screen.active h2{animation:result-title-in .9s .24s cubic-bezier(.12,.76,.18,1) both}#result-screen.active .result-content>p,#result-screen.active .result-score{animation:result-rise .6s .46s both}#result-screen.active .result-stats{animation:result-rise .6s .56s both}#result-screen.active .result-actions{animation:result-rise .6s .67s both}[data-hero=astra]{--portrait: url(./astra-Wri_-MBX.webp)}[data-hero=nyx]{--portrait: url(./nyx-CaqX4CU2.webp)}[data-hero=sol]{--portrait: url(./sol-GgnP1MbW.webp)}[data-hero=rook]{--portrait: url(./rook-CjHjDFqJ.webp)}[data-hero=mira]{--portrait: url(./mira-C5yer6M5.webp)}.hero-art{background-image:linear-gradient(180deg,transparent 60%,rgba(1,5,9,.42)),var(--portrait)!important;background-position:center 19%;background-size:cover!important}.option-mark.hero-art{width:38px;height:49px;border:1px solid color-mix(in srgb,var(--hero-color, var(--blue)) 62%,transparent);border-radius:2px;box-shadow:inset 0 0 14px #00000038,0 0 12px color-mix(in srgb,var(--hero-color, var(--blue)) 18%,transparent)}.player-portrait.hero-art{background-position:center 15%;box-shadow:inset 0 -18px 22px #0105092e,0 0 18px #75f1d224}.roster-pip,.scoreboard-mark{overflow:hidden;background:#061116}.roster-pip:after,.scoreboard-mark:after{content:"";position:absolute;inset:-7px;transform:rotate(-45deg);background-image:linear-gradient(180deg,transparent 58%,rgba(1,5,9,.48)),var(--portrait);background-position:center 16%;background-size:cover}.roster-pip.dead:before{z-index:3}.scoreboard-mark{position:relative}.scoreboard-mark:after{inset:-8px}.profile-ability{grid-template-columns:34px minmax(0,1fr);column-gap:9px}.profile-ability-icon{grid-row:1 / 3;width:32px;height:32px;border:1px solid rgba(117,241,210,.28);background-position:center;background-size:cover;box-shadow:inset 0 0 10px #0105094d}.ability-icon{inset:2px;background-position:center;background-size:cover;filter:saturate(1.06) contrast(1.04)}.ability-item:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 45%,rgba(1,5,9,.56));pointer-events:none}.ability-item kbd,.ability-item small{text-shadow:0 1px 3px #000,0 0 5px #000}.ability-item small{color:#d5e3df}[data-art=astra-q]{background-image:url(./astra-q-C1G4_VHr.webp?v=3)}[data-art=astra-w]{background-image:url(./astra-w-DJHQ9ROr.webp?v=3)}[data-art=astra-e]{background-image:url(./astra-e-D2b6LxR3.webp?v=3)}[data-art=astra-r]{background-image:url(./astra-r-BKNT9gqH.webp?v=3)}[data-art=nyx-q]{background-image:url(./nyx-q-ZgbM5kvZ.webp?v=3)}[data-art=nyx-w]{background-image:url(./nyx-w-QexvplDo.webp?v=3)}[data-art=nyx-e]{background-image:url(./nyx-e-CXT6_xbH.webp?v=3)}[data-art=nyx-r]{background-image:url(./nyx-r-Dp_xJSPY.webp?v=3)}[data-art=sol-q]{background-image:url(./sol-q-CEwrs51N.webp?v=3)}[data-art=sol-w]{background-image:url(./sol-w-BUuEn8s7.webp?v=3)}[data-art=sol-e]{background-image:url(./sol-e-DmJzcNfP.webp?v=3)}[data-art=sol-r]{background-image:url(./sol-r-BIVqV20R.webp?v=3)}[data-art=rook-q]{background-image:url(./rook-q-BwZwrMrR.webp?v=3)}[data-art=rook-w]{background-image:url(./rook-w-D1EEGbY5.webp?v=3)}[data-art=rook-e]{background-image:url(./rook-e-EOxIdEni.webp?v=3)}[data-art=rook-r]{background-image:url(./rook-r-DuEEo1Oj.webp?v=3)}[data-art=mira-q]{background-image:url(./mira-q-Cl6NQYPt.webp?v=3)}[data-art=mira-w]{background-image:url(./mira-w-Bp2Hf7HG.webp?v=3)}[data-art=mira-e]{background-image:url(./mira-e-DFMCcib6.webp?v=3)}[data-art=mira-r]{background-image:url(./mira-r-BeWbEBvc.webp?v=3)}.spell-art{display:block;background-position:center;background-size:cover}[data-spell=flash]{background-image:url(./flash-DKgpYGoq.webp)!important}[data-spell=teleport]{background-image:url(./teleport-D60DGlvW.webp)!important}[data-spell=ignite]{background-image:url(./ignite-Di6pedLY.webp)!important}[data-spell=heal]{background-image:url(./heal-BoT0PZAg.webp)!important}[data-spell=smite]{background-image:url(./smite-D_lL6WKm.webp)!important}[data-spell=ghost]{background-image:url(./ghost-CjHTVTjy.webp)!important}.summoner-slot b.spell-art{border:1px solid rgba(232,189,104,.26);background-color:#081318;background-position:center!important;background-size:cover!important}.summoner-choice b.spell-art{width:30px;height:30px;border:1px solid rgba(232,189,104,.3);background-position:center!important;background-size:cover!important}#objective-tracker i{overflow:hidden;background-color:#091116!important;background-position:center!important;background-size:118%!important;border:1px solid rgba(232,189,104,.32)!important;box-shadow:inset 0 0 10px #0000007a,0 0 10px #0000004d}#objective-tracker i.void{background-image:url(./grubs-BQxARIFG.webp)!important}#objective-tracker i.dragon{background-image:url(./dragon-C7XCXROF.webp)!important}@keyframes gem-pulse{0%,to{transform:rotate(45deg) scale(.82);opacity:.55}50%{transform:rotate(225deg) scale(1);opacity:1}}@keyframes intro-in{0%{opacity:0;transform:translate(-22px)}}@keyframes profile-in{0%{opacity:0;transform:translate(22px)}}@keyframes feed-in{0%{opacity:0;transform:translate(12px)}}@keyframes announce{0%{opacity:0;transform:translate(-50%,18px) scale(.92)}16%,68%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-15px) scale(1.04)}}@keyframes event-announce{0%{opacity:1;transform:translate(-50%,-7px) scale(.97)}14%,76%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-9px) scale(1.01)}}@keyframes kill-announcer-in{0%{opacity:0;transform:translate(-50%,-20px) scale(.9);filter:brightness(1.7)}12%{opacity:1;transform:translate(-50%) scale(1.035);filter:brightness(1.16)}22%,72%{opacity:1;transform:translate(-50%) scale(1);filter:brightness(1)}to{opacity:0;transform:translate(-50%,-13px) scale(1.025);filter:brightness(.82)}}@keyframes core-screen-flash{0%{opacity:0;transform:scale(.55)}10%{opacity:1;transform:scale(1)}26%{opacity:.34}to{opacity:0;transform:scale(1.18)}}@keyframes destroyed-copy{0%{opacity:0;transform:translate(-50%,18px) scale(.94)}20%,72%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-12px) scale(1.03)}}@keyframes result-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes result-title-in{0%{opacity:0;transform:scale(.78);filter:blur(9px)}}@keyframes result-orbit{to{transform:translate(-50%,-50%) rotate(405deg)}}@keyframes result-orbit-reverse{to{transform:translate(-50%,-50%) rotate(-315deg)}}@media(max-width:1050px){.champion-profile{display:none}.select-intro{width:56vw}.champion-dock{grid-template-columns:1fr 218px}.deployment-column,.lock-button{width:218px}.champion-option{width:114px;grid-template-columns:36px 1fr}.option-mark{width:29px}#topbar{grid-template-columns:130px 65px 105px 65px 130px}.team-roster{padding-inline:5px}#objective-panel,#killfeed,#control-tip{display:none}#shop-panel{width:calc(100vw - 24px)}.shop-workbench{grid-template-columns:56px minmax(0,1fr) 240px}#scoreboard-panel{width:96vw;padding-inline:16px}.scoreboard-labels,.scoreboard-row{grid-template-columns:38px minmax(125px,1fr) 75px 46px 62px 180px;gap:7px}.result-content{transform:scale(.92)}}@media(max-width:760px){#kill-announcer{grid-template-columns:42px minmax(150px,1fr) 42px;gap:8px;width:92vw}.kill-portrait{width:40px;height:40px}.kill-announcer-copy>strong{font-size:23px}#respawn-banner{top:25%;grid-template-columns:auto 28px auto;gap:6px;width:88vw;justify-content:center}#audio-controls{top:10px;right:10px}#audio-menu-button{grid-template-columns:18px;min-width:38px;width:38px;padding:0 9px}#audio-menu-button span{display:none}#audio-settings{width:min(224px,calc(100vw - 20px))}.match-mode{margin-right:42px}.select-header{grid-template-columns:1fr auto}.select-phase{display:none}.select-intro{top:16%;width:88vw}.select-intro h1{font-size:58px}.champion-dock{right:15px;bottom:30px;left:15px;display:block}.deployment-column{width:100%}.summoner-config{margin-top:7px}.champion-list{overflow-x:auto;padding-top:10px}.champion-option{flex:0 0 105px}.lock-button{width:100%;margin-top:10px}.select-footer{display:none}#topbar{grid-template-columns:56px 100px 56px}.team-stack{display:none}#player-panel{bottom:9px;left:8px;width:240px}.player-portrait{flex-basis:43px;height:48px}.player-meta span{display:none}#ability-bar{right:8px;bottom:9px;left:auto;transform:none;gap:3px}.ability-item{width:43px;height:43px}.ability-item.ultimate{width:49px;height:49px;margin-top:-6px}.ability-item.utility{width:36px;height:36px;margin-top:7px}#minimap-frame,#inventory-slots{display:none}#vision-slots{bottom:58px;left:8px}#channel-bar{bottom:72px;grid-template-columns:auto min(34vw,140px) 24px}#cast-prompt{bottom:64px}#status-toast{bottom:97px}#shop-panel{top:0;bottom:0;width:100vw;padding:18px 14px 12px}.shop-toolbar{grid-template-columns:1fr;gap:5px;padding:5px 0}.shop-tabs{min-height:30px}.shop-workbench{grid-template-columns:46px minmax(0,1fr)}.shop-detail{display:none}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.shop-sell>div{grid-template-columns:repeat(6,minmax(0,1fr))}#scoreboard-panel{top:48px;width:98vw;padding:14px 10px 10px}.scoreboard-head{grid-template-columns:1fr auto}.scoreboard-head time{display:none}.scoreboard-labels,.scoreboard-row{grid-template-columns:32px minmax(90px,1fr) 65px 35px 126px;gap:5px}.scoreboard-labels span:nth-child(5),.scoreboard-gold{display:none}.scoreboard-labels span:nth-child(6){grid-column:5}.scoreboard-items{gap:2px}.scoreboard-item{width:19px;height:22px}.result-content{width:94vw;transform:none}#result-screen h2{margin-top:19px;font-size:76px}#result-screen .result-content>p{margin-block:16px;font-size:9px}.result-score{margin-bottom:14px}.result-stats{grid-template-columns:repeat(5,1fr);width:94vw;margin-bottom:20px}.result-stats div{padding:10px 5px}.result-stats span{font-size:6px}.result-stats b{font-size:17px}.result-actions{width:92vw}.result-actions button{flex:1;width:auto;height:58px;padding-inline:14px}.end-destroyed-copy{top:18%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}