/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.resize{resize:both}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}:root{--ink-0:#03070a;--ink-1:#071016;--ink-2:#0c1820;--panel:#071117e8;--panel-hi:#0d1b23f5;--line:#314a54;--line-soft:#688f975c;--gold:#d7b666;--gold-hi:#f2d98c;--cyan:#52dcd5;--blue:#4b8ce4;--ally:#44cfae;--enemy:#ee5968;--health:#35b86c;--mana:#368dd2;--xp:#b889e9;--text:#edf4f1;--muted:#91a5a8;--shadow:0 14px 38px #0009;--font-ui:var(--font-geist-sans), "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-display:Georgia, "Noto Serif SC", "Songti SC", serif}*{box-sizing:border-box}html,body{background:var(--ink-0);min-height:100%;margin:0;overflow:hidden}body{color:var(--text);font-family:var(--font-ui);-webkit-user-select:none;user-select:none}button{color:inherit;font:inherit}button:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}kbd{font-family:var(--font-ui)}.game-shell{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26'%3E%3Cpath d='M4 2l16 11-8 2-3 8z' fill='%23edf5eb' stroke='%23050a0b' stroke-width='2'/%3E%3C/svg%3E") 4 2,crosshair;background:#0b211a;min-width:320px;min-height:520px;position:fixed;inset:0;overflow:hidden}.battle-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.game-ui{pointer-events:none;position:absolute;inset:0}.game-ui button,.game-ui .shop-modal,.game-ui .scoreboard,.game-ui .help-modal,.game-ui .pause-menu,.minimap{pointer-events:auto}.panel-cut{border:1px solid var(--line-soft);box-shadow:var(--shadow), inset 0 1px #ebf8ef14, inset 0 -1px #000c;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);background:linear-gradient(145deg,#101f27f5,#050d12f0)}.eyebrow{color:var(--gold);letter-spacing:.22em;text-transform:uppercase;font-size:11px;font-weight:700}.start-screen{z-index:50;background:linear-gradient(90deg,#02070afa 0%,#030a0ded 38%,#030a0d66 66%,#02080aad 100%),radial-gradient(circle at 74% 52%,#3fdacd2e,#0000 30%),linear-gradient(145deg,#07140f,#0d302a 60%,#3a1820);position:absolute;inset:0;overflow:hidden}.start-screen:before,.start-screen:after{content:"";aspect-ratio:1;border:1px solid #61dcd133;border-radius:50%;width:min(70vw,900px);position:absolute;top:-18vw;right:-10vw;transform:rotate(20deg);box-shadow:0 0 0 80px #49beb306,0 0 0 170px #49beb305}.start-screen:after{border-color:#ebc0602b;width:min(44vw,580px);top:20vh;right:8vw;box-shadow:0 0 90px #5ae8d921}.start-atmosphere{background:linear-gradient(125deg,#0000 55%,#67e4d821 55.3%,#0000 56%),linear-gradient(50deg,#0000 75%,#e65b671f 75.3%,#0000 76%),repeating-linear-gradient(135deg,#0000 0 90px,#ffffff03 91px 92px);animation:9s ease-in-out infinite alternate atmosphere;position:absolute;inset:0}@keyframes atmosphere{0%{opacity:.72;transform:scale(1)}to{opacity:1;transform:scale(1.025)}}.start-header{z-index:2;align-items:center;gap:14px;display:flex;position:absolute;top:clamp(24px,5vh,56px);left:clamp(28px,5vw,78px)}.start-header div{gap:1px;display:grid}.start-header strong{font-family:var(--font-display);letter-spacing:.12em;font-size:24px}.start-header span{color:var(--muted);letter-spacing:.34em;font-size:9px}.brand-sigil{border:1px solid #d8b6669e;width:38px;height:44px;display:block;position:relative;transform:rotate(45deg)}.brand-sigil:before{content:"";border:1px solid var(--cyan);position:absolute;inset:7px}.brand-sigil i{background:linear-gradient(transparent, var(--gold), transparent);width:2px;height:56px;position:absolute;top:-7px;left:17px;transform:rotate(-45deg)}.brand-sigil b{background:var(--cyan);width:13px;height:13px;box-shadow:0 0 18px var(--cyan);border-radius:50%;position:absolute;top:14px;left:11px}.start-copy{z-index:2;width:min(620px,100vw - 56px);position:absolute;top:50%;left:clamp(28px,8vw,130px);transform:translateY(-45%)}.start-copy h1{font-family:var(--font-display);letter-spacing:-.045em;text-shadow:0 8px 40px #000c;margin:16px 0 18px;font-size:clamp(48px,5.5vw,82px);font-weight:500;line-height:.98}.start-copy h1 em{color:var(--gold-hi);font-style:normal}.start-lead{color:#b5c6c4;max-width:570px;margin:0 0 28px;font-size:15px;line-height:1.8}.mode-card{clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:linear-gradient(100deg,#14272ef5,#071116eb);border:1px solid #bea0597a;grid-template-columns:118px 1fr auto;align-items:center;gap:18px;width:min(680px,100%);min-height:118px;padding:17px 18px;display:grid;position:relative;box-shadow:0 16px 50px #00000073,inset 0 1px #ffffff0f}.mode-card:before{content:"";background:linear-gradient(var(--cyan), var(--gold));width:3px;height:100%;box-shadow:0 0 18px var(--cyan);position:absolute;top:0;left:0}.mode-art{justify-content:center;align-items:center;gap:7px;display:flex}.versus{color:var(--gold);font-family:var(--font-display);font-size:11px}.mode-copy{flex-direction:column;gap:4px;display:flex}.mode-copy>span{color:var(--cyan);letter-spacing:.18em;font-size:10px;font-weight:700}.mode-copy strong{font-family:var(--font-display);font-size:21px;font-weight:500}.mode-copy small{color:var(--muted);font-size:11px}.enter-button{border:1px solid var(--gold);letter-spacing:.12em;cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:linear-gradient(135deg,#715525,#b68d3f 55%,#735526);min-width:148px;height:54px;padding:0 18px;font-weight:800;transition:transform .15s,filter .15s;position:relative;box-shadow:inset 0 1px #ffffff59,0 8px 28px #b58b3938}.enter-button:hover{filter:brightness(1.16);transform:translateY(-2px)}.enter-button span{font-size:14px;display:block}.enter-button kbd{color:#ffffff94;letter-spacing:.2em;margin-top:2px;font-size:8px;display:block}.start-controls{color:#91a9aa;flex-wrap:wrap;gap:16px 24px;margin-top:20px;font-size:11px;display:flex}.start-controls span{align-items:center;gap:7px;display:flex}.start-controls kbd{color:#e7efec;background:#081217cc;border:1px solid #7596995c;border-radius:3px;padding:3px 7px}.start-footer{color:#a9bbb885;letter-spacing:.12em;z-index:2;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:24px;left:clamp(28px,5vw,78px);right:clamp(28px,5vw,78px)}.hero-mark{border:2px solid var(--cyan);background:radial-gradient(circle at 35% 28%,#345c64,#102a32 62%,#071317 63%);border-radius:50%;flex:none;width:58px;height:58px;display:inline-block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #040a0dd9,0 0 18px #4ddcd22e}.hero-mark.enemy{border-color:var(--enemy);background:radial-gradient(circle at 35% 28%,#75414a,#3b1d25 62%,#14090d 63%);box-shadow:inset 0 0 0 3px #080406d9,0 0 18px #ee59682e}.hero-mark.small{border-width:1px;width:38px;height:38px}.hero-mark-blade{clip-path:polygon(50% 0,100% 70%,54% 100%,0 70%);background:linear-gradient(#eaf9f5,#a4c9c6 50%,#d6b75e 51%,#8c692b);width:13%;height:72%;position:absolute;top:13%;left:25%;transform:rotate(34deg)}.hero-mark.enemy .hero-mark-blade{background:linear-gradient(#fae9e9,#d4aeb2 50%,#e05a68 51%,#7b2731);left:61%;transform:rotate(-34deg)}.hero-mark-core{background:var(--cyan);width:25%;height:25%;box-shadow:0 0 12px var(--cyan);border-radius:50%;position:absolute;top:39%;left:39%}.hero-mark.enemy .hero-mark-core{background:var(--enemy);box-shadow:0 0 12px var(--enemy)}.top-hud{pointer-events:none;z-index:10;border-color:#bea0596b;grid-template-columns:1fr 1.15fr 1fr;align-items:stretch;width:clamp(350px,32vw,500px);height:67px;display:grid;position:absolute;top:12px;left:50%;transform:translate(-50%)}.top-hud:after{content:"";background:#b08a43;border:2px solid #081117;width:12px;height:12px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.score-side{letter-spacing:.12em;justify-content:center;align-items:center;gap:10px;font-size:10px;display:flex}.score-side.blue{background:linear-gradient(90deg,#3c9aa42e,#0000)}.score-side.red{background:linear-gradient(-90deg,#b4384433,#0000)}.score-side span{color:var(--muted)}.score-side strong{font:500 28px var(--font-display);color:var(--text)}.score-side small{color:var(--gold);font-size:10px}.match-clock{border-inline:1px solid #7c979933;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex}.match-clock span{color:var(--gold);letter-spacing:.22em;font-size:8px}.match-clock time{font:500 20px var(--font-display);letter-spacing:.08em}.match-clock small{color:#7f9598;font-size:8px}.team-rail{z-index:9;gap:8px;width:clamp(154px,12vw,190px);display:grid;position:absolute;top:14px;left:14px}.team-card{background:#050d11db;border:1px solid #4d6f7573;grid-template-columns:38px 1fr 22px;align-items:center;gap:7px;height:47px;padding:4px 6px;display:grid;box-shadow:0 6px 18px #00000057}.team-card>div{min-width:0}.team-card strong{color:#dfe9e5;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:9px;display:block;overflow:hidden}.team-card>span{border:1px solid var(--line);width:18px;height:18px;color:var(--muted);place-items:center;font-size:8px;display:grid}.team-card.ally{border-left:2px solid var(--cyan)}.team-card.enemy{border-left:2px solid var(--enemy);opacity:.88}.objective-card{gap:4px;width:210px;padding:12px 14px;display:grid;position:absolute;top:124px;left:16px}.objective-card:before{content:"✦";color:#071015;background:#af8a43;place-items:center;width:19px;height:19px;font-size:10px;display:grid;position:absolute;top:16px;left:-8px;transform:rotate(45deg)}.objective-card strong{font-family:var(--font-display);font-size:13px;font-weight:500}.objective-card small{color:var(--muted);font-size:9px}.utility-rail{z-index:11;gap:6px;display:grid;position:absolute;top:16px;right:16px}.utility-rail button{color:#a9bbba;cursor:pointer;background:#050e12d9;border:1px solid #53767c6b;grid-template-columns:24px auto 18px;align-items:center;gap:7px;min-width:112px;height:34px;padding:0 7px;display:grid;position:relative;box-shadow:0 5px 16px #0000004d}.utility-rail button:hover,.utility-rail button.active{color:var(--text);background:#0d2025f2;border-color:#4fdad09e}.utility-rail button>span{height:22px;color:var(--gold);border-right:1px solid #6e8c8e3d;place-items:center;font-size:15px;display:grid}.utility-rail small{text-align:left;font-size:9px}.utility-rail kbd{color:#61777a;font-size:8px}.notice-stack{z-index:8;gap:6px;width:min(360px,74vw);display:grid;position:absolute;top:90px;left:50%;transform:translate(-50%)}.notice{background:linear-gradient(90deg,#0000,#050e12e6 15% 85%,#0000);justify-content:center;align-items:center;gap:10px;min-height:37px;padding:6px 20px;animation:.35s both notice-in;display:flex}@keyframes notice-in{0%{opacity:0;transform:translateY(-12px)scale(.96)}}.notice i{background:var(--gold);width:7px;height:7px;box-shadow:0 0 12px var(--gold);transform:rotate(45deg)}.notice.blue i{background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.notice.red i{background:var(--enemy);box-shadow:0 0 12px var(--enemy)}.notice div{text-align:center;display:grid}.notice strong{font-family:var(--font-display);font-size:13px;font-weight:500}.notice span{color:var(--muted);font-size:8px}.chat-feed{color:#dae6e2b8;text-shadow:0 1px 3px #000;width:min(320px,36vw);font-size:10px;line-height:1.4;position:absolute;bottom:154px;left:16px}.chat-feed p{margin:4px 0}.chat-feed b{color:var(--cyan)}.hud-bar{background:#010507db;border:1px solid #728e9147;height:9px;position:relative;overflow:hidden;box-shadow:inset 0 1px 4px #000000b3}.hud-bar-fill{background:linear-gradient(90deg, #1f834a, var(--health));transition:width .12s linear;position:absolute;inset:0 auto 0 0;box-shadow:inset 0 1px #fff3}.hud-bar.mana .hud-bar-fill{background:linear-gradient(90deg, #226ba5, var(--mana))}.hud-bar.xp{border:0;height:3px}.hud-bar.xp .hud-bar-fill{background:var(--xp);box-shadow:0 0 8px var(--xp)}.hud-bar-label{color:#f1f7f4;text-shadow:0 1px 2px #000;place-items:center;font-size:7px;font-weight:700;display:grid;position:absolute;inset:0}.team-card .hud-bar{height:6px}.bottom-hud{z-index:12;align-items:end;gap:6px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.champion-panel{border-color:#bea05966;grid-template-rows:43px 20px;grid-template-columns:64px 142px;align-items:center;width:220px;height:94px;padding:9px 8px 7px 7px;display:grid;position:relative}.portrait-wrap{grid-row:1/span 2;place-items:center;display:grid;position:relative}.portrait-wrap .hero-mark{width:62px;height:62px}.portrait-wrap>span{color:#fff;width:23px;height:23px;font:700 11px var(--font-display);background:linear-gradient(#d9b761,#775721);border:2px solid #091216;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:1px;right:-2px}.champion-bars{gap:4px;display:grid}.champion-bars .hud-bar{height:12px}.stats-row{color:#c6d3d0;grid-column:2;justify-content:space-between;align-self:end;font-size:9px;display:flex}.stats-row span:last-child{color:var(--gold-hi)}.ability-panel{border-color:#bea05985;align-items:center;gap:8px;height:110px;padding:10px 12px;display:flex;position:relative;overflow:visible}.ability-main{align-items:end;gap:6px;display:flex}.ability-side{grid-template-columns:repeat(2,38px);gap:5px;display:grid}.skill-button{--skill-color:var(--cyan);border:2px solid var(--skill-color);width:clamp(50px,4.3vw,66px);height:clamp(58px,5vw,72px);position:relative;overflow:visible}@supports (color:color-mix(in lab, red, red)){.skill-button{border:2px solid color-mix(in srgb, var(--skill-color), #273b40 45%)}}.skill-button{background:radial-gradient(circle at 55% 35%, var(--skill-color), #071218 70%)}@supports (color:color-mix(in lab, red, red)){.skill-button{background:radial-gradient(circle at 55% 35%, color-mix(in srgb, var(--skill-color), transparent 66%), #071218 70%)}}.skill-button{cursor:pointer;box-shadow:inset 0 0 0 2px #020709e6, 0 0 12px var(--skill-color)}@supports (color:color-mix(in lab, red, red)){.skill-button{box-shadow:inset 0 0 0 2px #020709e6, 0 0 12px color-mix(in srgb, var(--skill-color), transparent 82%)}}.skill-button{clip-path:polygon(8px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 8px);transition:transform .12s,filter .12s}.skill-button:hover,.skill-button.selected{z-index:6;filter:brightness(1.25);box-shadow:inset 0 0 0 2px #020709e6, 0 0 24px var(--skill-color);transform:translateY(-4px)}@supports (color:color-mix(in lab, red, red)){.skill-button:hover,.skill-button.selected{box-shadow:inset 0 0 0 2px #020709e6, 0 0 24px color-mix(in srgb, var(--skill-color), transparent 58%)}}.skill-button.selected:after{content:"选择目标";width:max-content;color:var(--gold-hi);letter-spacing:.1em;font-size:8px;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.skill-button.compact{clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);border-width:1px;width:38px;height:38px}.skill-key{z-index:2;color:#f2f7f4;text-shadow:0 1px 3px #000;font-size:9px;font-weight:800;position:absolute;top:3px;left:5px}.skill-glyph{width:100%;height:100%;color:var(--skill-color);font:500 clamp(24px, 2.4vw, 35px) var(--font-display);text-shadow:0 0 13px var(--skill-color), 0 2px 3px #000;place-items:center;display:grid}.compact .skill-glyph{font-size:21px}.skill-cost{color:#a6cce7;font-size:7px;position:absolute;bottom:3px;left:0;right:0}.skill-button.cooling{filter:saturate(.2)brightness(.58)}.skill-button.cooling:before{content:"";z-index:3;background:linear-gradient(135deg,#010508c7,#01050859);position:absolute;inset:0}.skill-cooldown{z-index:4;color:#fff;text-shadow:0 2px 4px #000;place-items:center;font-size:18px;font-weight:800;display:grid;position:absolute;inset:0}.skill-button.oom{filter:grayscale(.35)brightness(.65);border-color:#276291}.skill-tooltip{visibility:hidden;opacity:0;text-align:left;pointer-events:none;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);background:#050e13f7;border:1px solid #bea0597a;width:240px;padding:13px;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%,6px);box-shadow:0 12px 32px #000000a6}.skill-button:hover .skill-tooltip{visibility:visible;opacity:1;transform:translate(-50%)}.skill-tooltip strong{color:var(--gold-hi);font-family:var(--font-display);font-size:14px;display:block}.skill-tooltip em{color:var(--skill-color);margin:4px 0 8px;font-size:8px;font-style:normal;display:block}.skill-tooltip>span{color:#b8c8c5;font-size:10px;line-height:1.55}.recall-button{cursor:pointer;background:linear-gradient(#123042,#07131b);border:1px solid #48647a;place-items:center;width:42px;height:63px;display:grid}.recall-button>span{color:#79c7f0;font-size:19px}.recall-button kbd{color:#eef6f4;font-size:8px}.recall-button small{color:#79949a;font-size:7px}.recall-button.channeling{border-color:var(--cyan);animation:1s ease-in-out infinite channel;box-shadow:0 0 18px #50dcd359}@keyframes channel{50%{filter:brightness(1.35)}}.inventory-panel{grid-template-rows:auto 1fr auto;gap:5px;width:142px;height:94px;padding:8px;display:grid}.inventory-panel>span{color:var(--gold);letter-spacing:.16em;font-size:8px}.inventory-panel>div{grid-template-columns:repeat(3,1fr);gap:3px;display:grid}.inventory-panel button{height:25px;color:var(--gold-hi);cursor:pointer;background:#02080bb8;border:1px solid #5a797e5c}.inventory-panel button.filled{background:radial-gradient(circle,#d7b66661,#050d11e6);border-color:#d7b666b3}.inventory-panel small{color:#788f91;font-size:7px}.inventory-panel b{color:var(--gold-hi)}.minimap-shell{z-index:12;width:clamp(164px,16vw,222px);position:absolute;bottom:14px;right:14px}.minimap{aspect-ratio:1.45;width:100%;box-shadow:var(--shadow), inset 0 0 30px #000000b3;cursor:crosshair;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:linear-gradient(145deg,#173b31,#0b2522 50%,#342129);border:2px solid #826832;display:block;position:relative;overflow:hidden}.minimap:after{content:"";pointer-events:none;background:repeating-linear-gradient(45deg,#0000 0 14px,#ffffff03 15px);position:absolute;inset:0;box-shadow:inset 0 0 28px #0009}.mini-river{background:#1a677080;width:110%;height:18%;position:absolute;top:45%;left:-5%;transform:rotate(25deg)}.mini-lane{transform-origin:0;background:#acb79052;border-radius:6px;height:5px;display:block;position:absolute}.mini-lane.top{width:80%;top:85%;left:10%;transform:rotate(-62deg)}.mini-lane.mid{width:108%;top:84%;left:10%;transform:rotate(-34deg)}.mini-lane.bot{width:82%;top:85%;left:10%;transform:rotate(-4deg)}.mini-base{border:2px solid;width:13px;height:13px;position:absolute;transform:translate(-50%,-50%)rotate(45deg)}.mini-base.blue{border-color:var(--cyan);box-shadow:0 0 9px var(--cyan);top:85%;left:9%}.mini-base.red{border-color:var(--enemy);box-shadow:0 0 9px var(--enemy);top:15%;left:91%}.mini-structure,.mini-unit{z-index:3;pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.mini-structure{background:currentColor;border:1px solid #eaf2ec;width:5px;height:5px;transform:translate(-50%,-50%)rotate(45deg)}.mini-structure.blue,.mini-unit.blue{color:var(--cyan)}.mini-structure.red,.mini-unit.red{color:var(--enemy)}.mini-structure.core{width:9px;height:9px}.mini-unit{background:currentColor;border-radius:50%;width:3px;height:3px;box-shadow:0 0 4px}.mini-unit.hero{z-index:5;border:1px solid #fff;width:8px;height:8px;box-shadow:0 0 8px}.mini-camera{z-index:4;pointer-events:none;border:1px solid #f0f2dd8f;width:27%;height:32%;position:absolute;transform:translate(-50%,-50%)}.minimap-label{color:#bdcdc999;letter-spacing:.12em;text-align:center;margin-top:4px;font-size:7px;display:block}.shop-modal,.help-modal,.pause-menu,.scoreboard{z-index:31;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shop-modal{border-color:#d7b6668a;width:min(760px,100vw - 36px);padding:24px}.shop-modal>header{border-bottom:1px solid #74919342;grid-template-columns:1fr auto 34px;align-items:start;gap:20px;padding-bottom:14px;display:grid}.shop-modal h2,.help-modal h2,.pause-menu h2{font:500 28px var(--font-display);margin:3px 0 0}.shop-gold{color:var(--gold-hi);align-items:center;gap:7px;font-size:20px;font-weight:700;display:flex}.shop-gold span{font-size:13px}.icon-close{border:1px solid var(--line);color:#a8b9b8;cursor:pointer;background:#02080ab3;place-items:center;width:30px;height:30px;font-size:21px;display:grid}.shop-note{color:var(--muted);margin:12px 0 16px;font-size:10px}.shop-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.shop-item{--item-color:var(--gold);border:1px solid var(--item-color);padding:16px;position:relative}@supports (color:color-mix(in lab, red, red)){.shop-item{border:1px solid color-mix(in srgb, var(--item-color), transparent 58%)}}.shop-item{background:linear-gradient(145deg, var(--item-color), #030a0ee0)}@supports (color:color-mix(in lab, red, red)){.shop-item{background:linear-gradient(145deg, color-mix(in srgb, var(--item-color), transparent 90%), #030a0ee0)}}.shop-item{transition:transform .15s,border-color .15s}.shop-item:hover{border-color:var(--item-color);transform:translateY(-3px)}.shop-item.owned{opacity:.58}.item-art{border:1px solid var(--item-color);background:radial-gradient(circle, var(--item-color), #02070ae6);place-items:center;width:64px;height:64px;margin-bottom:13px;display:grid}@supports (color:color-mix(in lab, red, red)){.item-art{background:radial-gradient(circle, color-mix(in srgb, var(--item-color), transparent 60%), #02070ae6)}}.item-art{box-shadow:inset 0 0 0 3px #02070acc, 0 0 20px var(--item-color)}@supports (color:color-mix(in lab, red, red)){.item-art{box-shadow:inset 0 0 0 3px #02070acc, 0 0 20px color-mix(in srgb, var(--item-color), transparent 80%)}}.item-art{transform:rotate(45deg)}.item-art span{color:var(--item-color);font:500 30px var(--font-display);text-shadow:0 0 10px var(--item-color);transform:rotate(-45deg)}.item-tier{color:var(--item-color);letter-spacing:.14em;font-size:8px}.shop-item h3{font:500 17px var(--font-display);margin:5px 0 7px}.shop-item>strong{color:#dce7e3;font-size:10px}.shop-item p{min-height:32px;color:var(--muted);font-size:9px;line-height:1.6}.shop-item button{border:1px solid var(--item-color);width:100%;height:32px}@supports (color:color-mix(in lab, red, red)){.shop-item button{border:1px solid color-mix(in srgb, var(--item-color), transparent 40%)}}.shop-item button{color:var(--gold-hi);cursor:pointer;background:#0a191ee6}.shop-item button:hover:not(:disabled){background:var(--item-color)}@supports (color:color-mix(in lab, red, red)){.shop-item button:hover:not(:disabled){background:color-mix(in srgb, var(--item-color), #071014 70%)}}.shop-item button:disabled{opacity:.42;cursor:not-allowed}.shop-slots{color:var(--muted);align-items:center;gap:6px;margin-top:16px;font-size:9px;display:flex}.shop-slots i{width:28px;height:28px;color:var(--gold);background:#02080aa6;border:1px solid #54737859;place-items:center;font-style:normal;display:grid}.shop-slots i.filled{border-color:var(--gold)}.scoreboard{border-color:#d7b6668f;width:min(760px,100vw - 36px);overflow:hidden}.scoreboard>header{background:#03090cad;border-bottom:1px solid #d7b66652;grid-template-columns:1fr auto 1fr;align-items:center;padding:13px 22px;display:grid}.scoreboard>header>span{color:var(--gold);letter-spacing:.2em;font-size:10px}.scoreboard>header strong{font:500 27px var(--font-display)}.scoreboard>header i{color:var(--gold);font-style:normal}.scoreboard>header time{color:var(--muted);font:500 15px var(--font-display);justify-self:end}.score-team{letter-spacing:.12em;justify-content:space-between;padding:8px 18px;font-size:9px;display:flex}.score-team.blue{color:var(--cyan);background:linear-gradient(90deg,#3aa7aa38,#0000)}.score-team.red{color:var(--enemy);background:linear-gradient(90deg,#bc3c4838,#0000)}.score-team b{font-weight:500}.score-row{background:#061015d1;border-bottom:1px solid #5e7c8033;grid-template-columns:42px 1.6fr .5fr .65fr .65fr;align-items:center;gap:10px;padding:10px 18px;display:grid}.score-row>div{display:grid}.score-row>div strong{font-family:var(--font-display);font-size:13px}.score-row>div span,.score-row>span{color:var(--muted);font-size:9px}.score-row>b{font-family:var(--font-display);font-size:14px}.scoreboard footer{color:#788d90;text-align:center;padding:10px 18px;font-size:8px}.scoreboard footer kbd{color:var(--gold);margin-right:6px}.help-modal{border-color:#d7b66685;width:min(690px,100vw - 36px);padding:24px}.help-modal>.icon-close{position:absolute;top:18px;right:18px}.help-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin:20px 0;display:grid}.help-grid p{background:#030a0d8a;border:1px solid #5270754d;grid-template-rows:auto auto;grid-template-columns:75px 1fr;gap:3px 10px;margin:0;padding:11px;display:grid}.help-grid kbd{color:var(--gold-hi);text-align:center;border:1px solid #d7b6667a;grid-row:1/span 2;align-self:center;padding:8px}.help-grid strong{font-size:11px}.help-grid span{color:var(--muted);font-size:9px;line-height:1.45}.primary-small,.pause-menu button,.victory-screen button{border:1px solid var(--gold);color:#fff;cursor:pointer;background:linear-gradient(135deg,#725725,#a47b32);min-width:150px;height:38px}.pause-menu{z-index:34;text-align:center;width:min(320px,100vw - 36px);padding:26px}.pause-menu h2{margin-bottom:19px}.pause-menu button{background:#081419e6;border-color:#d7b6666b;width:100%;margin-top:8px;display:block}.pause-menu button:first-of-type{background:linear-gradient(135deg,#715525,#a57d34)}.death-banner{z-index:20;color:#c7d1cf;text-shadow:0 2px 9px #000;justify-items:center;display:grid;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.death-banner span{color:var(--enemy);font:500 22px var(--font-display);letter-spacing:.12em}.death-banner strong{font:500 54px var(--font-display);color:#fff;margin:8px 0 2px}.death-banner small{color:var(--muted);font-size:10px}.recall-progress{z-index:18;background:#040d12db;border:1px solid #4aa8cb80;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;width:240px;padding:8px 11px;display:grid;position:absolute;bottom:138px;left:50%;transform:translate(-50%)}.recall-progress strong,.recall-progress small{font-size:8px}.recall-progress strong{color:#9cd8f1}.recall-progress small{color:var(--muted)}.recall-progress>span{background:#07131b;height:5px}.recall-progress i{background:linear-gradient(90deg,#2d82b6,#72d7e8);height:100%;display:block;box-shadow:0 0 8px #62cadd}.victory-screen{z-index:45;text-align:center;background:radial-gradient(circle,#163235c7,#02070af2 55%);flex-direction:column;justify-content:center;align-items:center;animation:.6s both victory-in;display:flex;position:absolute;inset:0}@keyframes victory-in{0%{opacity:0;transform:scale(1.04)}}.victory-screen.loss{background:radial-gradient(circle,#48191fc7,#02070af5 55%)}.victory-sigil{border:1px solid var(--gold);width:80px;height:80px;color:var(--gold-hi);place-items:center;margin-bottom:18px;font-size:36px;display:grid;transform:rotate(45deg);box-shadow:0 0 50px #d7b66640}.victory-sigil:first-letter{transform:rotate(-45deg)}.victory-screen p{color:var(--gold);letter-spacing:.3em;margin:0;font-size:11px}.victory-screen h2{font:500 clamp(56px, 7vw, 96px) var(--font-display);letter-spacing:.2em;text-indent:.2em;text-shadow:0 0 35px #d7b66642;margin:7px 0 15px}.victory-screen.loss h2{color:#db737d}.victory-screen>div{align-items:baseline;gap:14px;display:flex}.victory-screen>div span{font:500 28px var(--font-display)}.victory-screen>div span:first-child{color:var(--cyan)}.victory-screen>div span:last-child{color:var(--enemy)}.victory-screen>div i{color:var(--muted);font-size:9px;font-style:normal}.victory-screen small{color:var(--muted);margin:8px 0 22px}@media (width<=1050px){.team-rail,.objective-card,.chat-feed{display:none}.bottom-hud{justify-content:center;left:12px;right:12px;transform:none}.inventory-panel{display:none}.minimap-shell{width:154px}.utility-rail button{grid-template-columns:22px;min-width:34px}.utility-rail button small,.utility-rail button kbd{display:none}}@media (width<=760px){.start-screen{background:linear-gradient(#02070ae0,#02070af5),radial-gradient(circle at 70% 30%,#19443e,#07120f 60%)}.start-header{top:22px}.start-copy{top:48%;transform:translateY(-50%)}.start-copy h1{font-size:clamp(42px,12vw,64px)}.mode-card{grid-template-columns:86px 1fr}.mode-art .hero-mark{width:38px;height:38px}.enter-button{grid-column:1/-1;width:100%}.start-controls{gap:10px}.start-footer{display:none}.top-hud{width:310px;height:55px;top:6px}.score-side{gap:5px}.score-side span,.score-side small,.match-clock span{display:none}.match-clock time{font-size:17px}.match-clock small{font-size:7px}.utility-rail{top:66px;right:8px}.notice-stack{top:66px}.bottom-hud{bottom:max(7px, env(safe-area-inset-bottom));justify-content:flex-start;gap:3px;left:5px;right:5px}.champion-panel{grid-template-columns:47px 80px;width:142px;height:78px;padding:6px}.portrait-wrap .hero-mark{width:46px;height:46px}.champion-bars .hud-bar{height:10px}.hud-bar-label,.stats-row span:nth-child(2){display:none}.stats-row{font-size:7px}.ability-panel{gap:3px;height:87px;padding:6px}.ability-main{gap:3px}.skill-button{width:43px;height:50px}.skill-button.compact{width:32px;height:32px}.ability-side{grid-template-columns:repeat(2,32px)}.recall-button{width:32px;height:50px}.minimap-shell{opacity:.86;width:122px;inset:8px auto auto 8px;transform:translateY(62px)}.minimap-label{display:none}.shop-grid{grid-template-columns:1fr;max-height:55vh;overflow-y:auto}.shop-item{grid-template-columns:54px 1fr auto;align-items:center;gap:3px 10px;display:grid}.item-art{grid-row:1/span 5;width:48px;height:48px;margin:0}.shop-item h3,.shop-item p{margin:0}.shop-item p{min-height:0}.shop-item button{grid-area:1/3/span 5;width:72px}.help-grid{grid-template-columns:1fr;max-height:54vh;overflow-y:auto}.score-row{grid-template-columns:38px 1fr .4fr}.score-row>span{display:none}}@media (width<=520px){.champion-panel{display:none}.bottom-hud{justify-content:center}.minimap-shell{width:105px}.skill-tooltip{display:none}.shop-modal{padding:17px}.shop-modal h2{font-size:22px}.shop-gold{font-size:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}