:root{--hok-panel: rgb(8 14 10 / 72%);--hok-panel-strong: rgb(5 12 9 / 82%);--hok-panel-soft: rgb(5 12 9 / 52%);--hok-gold: #f7d35f;--hok-gold-border: rgb(247 211 95 / 38%);--hok-blue: #4da6ff;--hok-red: #ff5d5d;--hok-self: #42d66b;--hok-ink: #edf7ef;--hok-muted: #9eb9a5;--hok-font-display: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--hok-radius: 10px;--hok-safe-top: env(safe-area-inset-top, 0px);--hok-safe-right: env(safe-area-inset-right, 0px);--hok-safe-bottom: env(safe-area-inset-bottom, 0px);--hok-safe-left: env(safe-area-inset-left, 0px);--hok-safe-width: calc(100vw - var(--hok-safe-left) - var(--hok-safe-right));--hok-safe-height: calc(100vh - var(--hok-safe-top) - var(--hok-safe-bottom));--hok-attack-size: clamp(92px, 12vw, 112px);--hok-skill-size: clamp(66px, 8.6vw, 80px);--hok-ultimate-size: clamp(74px, 9.5vw, 90px);--hok-tool-size: 46px;--hok-joystick-size: clamp(142px, 18vw, 166px);--hok-joystick-left: 16vw;--hok-joystick-bottom: 28vh;--hok-joystick-dead-zone: 10%;--hok-touch-gap: 10px;--hok-banner-y: 18vh}:root{color-scheme:dark;font-family:var(--hok-font-display);background:#0b1410;color:#edf7ef}*,*:before,*:after{box-sizing:border-box;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}::selection{background:transparent;color:inherit}html{height:100%;overflow:hidden;touch-action:none;overscroll-behavior:none;-webkit-text-size-adjust:100%}body{margin:0;height:100%;background:#0b1410;overflow:hidden;touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#app{position:fixed;inset:0;background:#0d1c14;overflow:hidden;isolation:isolate;touch-action:none}#app canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none}.battle-terrain-layer{position:absolute;inset:0;z-index:0;overflow:hidden;background:#183d38;pointer-events:none;contain:strict}.battle-terrain-map{position:absolute;left:0;top:0;display:block;max-width:none;transform-origin:0 0;will-change:transform;user-select:none;-webkit-user-drag:none}#app .battle-foreground-canvas{position:absolute;inset:0;z-index:1;background:transparent}#hud-root{position:fixed;inset:0;z-index:10;pointer-events:none;touch-action:none}.settings-toggle{position:absolute;left:16px;bottom:16px;min-height:36px;padding:0 12px;border:1px solid rgb(255 255 255 / 14%);border-radius:8px;background:#050c09bd;color:#f7d35f;font:inherit;font-size:12px;font-weight:900;pointer-events:auto}.fps-display{position:absolute;left:16px;bottom:60px;display:none;min-width:74px;padding:7px 10px;border:1px solid rgb(255 255 255 / 14%);border-radius:8px;background:#050c09b3;color:#f7d35f;font-size:12px;font-weight:900;line-height:1.35;text-align:left;white-space:pre-line;pointer-events:none}.fps-display[data-visible=true]{display:block}.settings-panel{position:absolute;left:16px;bottom:60px;display:none;width:min(340px,calc(100vw - 32px));max-height:min(520px,calc(100vh - 92px));overflow:auto;padding:12px;border:1px solid rgb(255 255 255 / 14%);border-radius:8px;background:#050c09d1;box-shadow:0 12px 30px #00000038;backdrop-filter:blur(8px);pointer-events:auto}.settings-panel[data-visible=true]{display:grid;gap:10px}.settings-title,.settings-subtitle{color:#f7d35f;font-size:13px;font-weight:900}.settings-row{display:grid;grid-template-columns:96px 1fr;gap:10px;align-items:center;color:#cde7d3;font-size:12px}.settings-row input,.settings-row select{min-width:0;accent-color:#f7d35f}.settings-row select{height:32px;border:1px solid rgb(255 255 255 / 14%);border-radius:6px;background:#112117;color:#fff}.match-history{display:grid;gap:5px}.history-row{display:grid;grid-template-columns:72px 1fr 44px 64px;gap:6px;padding:6px 8px;border-radius:6px;color:#e8f3ea;font-size:11px}.history-row[data-result=victory]{background:#4da6ff21}.history-row[data-result=defeat]{background:#ff5d5d21}.history-empty{color:#9eb9a5;font-size:12px}.resource{display:grid;gap:4px}.resource-track{height:8px;overflow:hidden;border-radius:999px;background:#ffffff1a}.resource-fill{width:100%;height:100%;transform-origin:left center;transition:transform .1s linear}.hp .resource-fill{background:#42d66b}.mp .resource-fill{background:#55a8ff}.ability-button{position:relative;display:grid;grid-template-rows:auto 1fr auto;min-height:74px;padding:7px;border:1px solid rgb(255 255 255 / 13%);border-radius:8px;background:#ffffff12}.ability-button[data-state=ready]{border-color:#f7d35f94}.ability-button[data-state=levelup]{border-color:#f7d35f;box-shadow:0 0 0 1px #f7d35f47,0 0 18px #f7d35f29}.ability-button[data-state=cooldown],.ability-button[data-state=nomp],.ability-button[data-state=locked]{opacity:.55}.ability-key{color:#f7d35f;font-size:11px;font-weight:800}.ability-icon{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgb(77 166 255 / 46%);border-radius:50%;background:radial-gradient(circle at 34% 28%,rgb(255 255 255 / 22%),transparent 29%),#0c1e24d1;color:#fff;font-size:13px;font-weight:1000;line-height:1;text-shadow:0 2px 8px rgb(0 0 0 / 70%)}.ability-name{align-self:center;color:#fff;font-size:11px;line-height:1.1;text-transform:capitalize}.ability-status{color:#cde7d3;font-size:11px;font-variant-numeric:tabular-nums}.ability-level{position:absolute;right:-4px;top:-4px;display:none;min-width:20px;height:20px;padding:0 5px;border:1px solid rgb(5 12 9 / 70%);border-radius:999px;background:#f7d35f;color:#142017;font-size:12px;font-weight:900;line-height:18px;text-align:center;pointer-events:none}.ability-button[data-can-level=true] .ability-level,.ability-button:not([data-can-level=true]) .ability-level:not(:empty){display:block}.ability-button[data-can-level=true] .ability-level,.hok-skill-upgrade:not([hidden]){animation:skill-upgrade-ready .72s ease-in-out infinite alternate}@keyframes skill-upgrade-ready{0%{filter:brightness(.95);transform:scale(.94)}to{filter:brightness(1.2);transform:scale(1.08)}}@media(prefers-reduced-motion:reduce){.ability-button[data-can-level=true] .ability-level,.hok-skill-upgrade:not([hidden]){animation:none}}.announcement-list{position:absolute;top:18px;left:50%;display:grid;gap:7px;width:min(520px,calc(100vw - 360px));transform:translate(-50%)}.announcement-list div{padding:8px 12px;border:1px solid rgb(247 211 95 / 34%);border-radius:8px;background:#121812c2;box-shadow:0 10px 24px #0000002e;color:#ffe790;font-size:13px;font-weight:900;text-align:center;backdrop-filter:blur(8px)}.announcement-list div[data-kind=battleCry]{margin-top:18vh;border-color:#f7d35f9e;background:#0a120fd1;color:#fff2b0;font-size:30px;letter-spacing:0;text-shadow:0 4px 18px rgb(0 0 0 / 42%)}.announcement-list div[data-kind=vanguard]{border-color:#f7d35f8a;background:#2a220cb8;color:#ffe790}.announcement-list div[data-kind=kill]{display:grid;grid-template-columns:34px minmax(0,1fr) auto minmax(0,1fr) 34px;gap:10px;align-items:center;background:#0e1210d6}.announcement-list div[data-kind=kill][data-chain=multi]{animation:kill-banner-shake .22s ease-out;background:#241212e0}.kill-team-swatch{display:block;width:34px;height:18px;border:1px solid rgb(255 255 255 / 36%);border-radius:4px}.kill-team-swatch[data-team=blue]{background:#4da6ff}.kill-team-swatch[data-team=red]{background:#ff5d5d}.kill-team-swatch[data-team=neutral]{background:#9aa0a6}@keyframes kill-banner-shake{0%{transform:translate(-2px)}30%{transform:translate(3px)}60%{transform:translate(-2px)}to{transform:translate(0)}}.announcement-list div[data-side=ally]{border-color:#4da6ff61;color:#bfe2ff}.announcement-list div[data-side=enemy]{border-color:#ff5d5d66;color:#ffc1c1}.hero-select-overlay,.end-overlay{position:fixed;top:var(--hok-safe-top);right:var(--hok-safe-right);bottom:var(--hok-safe-bottom);left:var(--hok-safe-left);display:grid;place-items:center;background:#050c09b8;pointer-events:auto;backdrop-filter:blur(10px)}.hero-select-panel{width:min(1040px,calc(var(--hok-safe-width) - 32px));max-height:calc(var(--hok-safe-height) - 32px);overflow:auto;padding:18px;border:1px solid rgb(255 255 255 / 14%);border-radius:8px;background:#08120de0}.hero-select-title,.end-title{color:#f7d35f;font-size:22px;font-weight:800}.hero-role-tabs{display:flex;gap:8px;margin-top:14px;overflow-x:auto;padding-bottom:2px}.hero-role-tab{flex:0 0 auto;min-height:34px;padding:0 13px;border:1px solid rgb(255 255 255 / 14%);border-radius:999px;background:#ffffff0f;color:#cde7d3;font:inherit;font-size:12px;font-weight:900}.hero-role-tab[data-selected=true]{border-color:#f7d35fb3;background:#f7d35f24;color:#ffe790}.hero-select-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:10px;margin:16px 0}.hero-select-detail{display:grid;gap:8px;margin-bottom:14px;padding:12px;border:1px solid rgb(255 255 255 / 12%);border-radius:8px;background:#ffffff0d;color:#e8f3ea;text-align:left}@media(max-height:760px)and (min-width:761px){.hero-select-panel{padding:12px}.hero-select-title{font-size:20px}.hero-role-tabs{margin-top:10px}.hero-role-tab{min-height:30px;padding:0 11px}.hero-select-grid{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px;margin:10px 0}.hero-card{grid-template-columns:44px 1fr;min-height:62px;padding:7px}.hero-avatar-card{width:44px;height:44px;font-size:17px}.hero-avatar-large{width:60px;height:60px;font-size:24px}.hero-select-detail{gap:6px;padding:10px}.hero-skill-chip{grid-template-columns:32px 1fr;padding:5px}.skill-icon{width:32px;height:32px}.hero-lineup-preview{gap:5px}.lineup-slot{padding:5px}}.hero-select-detail h2,.hero-select-detail p{margin:0}.hero-select-detail h2{color:#f7d35f;font-size:18px}.hero-detail-header{display:flex;gap:12px;align-items:center}.hero-detail-copy{display:grid;gap:7px;min-width:0}.hero-detail-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#cde7d3;font-size:12px;font-weight:800}.hero-role-pill{display:inline-grid;place-items:center;min-height:24px;padding:0 8px;border:1px solid color-mix(in srgb,var(--role-tone) 55%,transparent);border-radius:999px;background:color-mix(in srgb,var(--role-tone) 18%,transparent);color:#fff}.hero-avatar{position:relative;display:grid;flex:0 0 auto;place-items:center;border:1px solid color-mix(in srgb,var(--hero-color) 60%,white 12%);border-radius:50%;background:radial-gradient(circle at 34% 28%,rgb(255 255 255 / 30%),transparent 28%),radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--hero-color) 62%,#07110d) 0 48%,#07110d 49%);box-shadow:0 0 24px color-mix(in srgb,var(--hero-color) 38%,transparent);color:#fff;font-weight:1000;text-shadow:0 2px 8px rgb(0 0 0 / 70%)}.hero-avatar:after{position:absolute;right:-2px;bottom:-2px;width:27%;height:27%;border:1px solid rgb(255 255 255 / 45%);border-radius:50%;background:var(--role-tone);content:""}.hero-avatar[data-has-portrait=true],.top-ally-avatar[data-has-portrait=true],.match-avatar[data-has-portrait=true]{background:linear-gradient(#040c1114,#040c112e),var(--hero-portrait) center 27% / cover no-repeat,var(--role-tone, #2f8bd8);color:transparent;text-shadow:none}.top-ally-avatar[data-has-portrait=true]>span{visibility:hidden}.hero-avatar-card{width:54px;height:54px;font-size:21px}.hero-avatar-large{width:74px;height:74px;font-size:28px}.hero-skill-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;font-size:12px}.hero-skill-chip{display:grid;grid-template-columns:36px 1fr;gap:8px;align-items:center;min-width:0;padding:7px;border:1px solid rgb(255 255 255 / 10%);border-radius:8px;background:#ffffff0d}.skill-icon,.summoner-select-icon,.item-icon{display:grid;place-items:center;border-radius:50%;color:#fff;font-weight:1000;line-height:1;text-shadow:0 2px 8px rgb(0 0 0 / 72%)}.skill-icon{width:36px;height:36px;border:1px solid rgb(77 166 255 / 46%);background:radial-gradient(circle at 34% 28%,rgb(255 255 255 / 22%),transparent 29%),#10242ad6;box-shadow:inset 0 0 0 2px #ffffff0f;font-size:15px}.passive-icon{border-color:#f7d35f85;background:#3b2b0edb}.hero-skill-copy{display:grid;gap:2px;min-width:0}.hero-skill-copy strong{color:#fff;font-size:12px}.hero-skill-copy small{overflow:hidden;color:#aac6b0;font-size:11px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.hero-lineup-preview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.lineup-slot{display:grid;gap:2px;min-width:0;padding:7px;border:1px solid color-mix(in srgb,var(--role-tone) 42%,transparent);border-radius:8px;background:color-mix(in srgb,var(--role-tone) 12%,transparent)}.lineup-slot small{color:#aac6b0;font-size:10px;font-weight:900}.lineup-slot strong{overflow:hidden;color:#fff;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.summoner-select-row,.hero-select-actions,.end-actions{display:flex;gap:10px}.summoner-select-button,.random-hero-button,.end-actions button{display:inline-flex;gap:7px;align-items:center;justify-content:center;min-height:36px;border:1px solid rgb(255 255 255 / 14%);border-radius:8px;background:#ffffff12;color:#fff;font:inherit;font-weight:900}.summoner-select-icon{width:24px;height:24px;border:1px solid rgb(247 211 95 / 42%);background:#372b0fd6;font-size:12px}.summoner-select-button[data-selected=true]{border-color:#f7d35f;color:#f7d35f}.hero-card,.start-match-button,.shop-item{border:1px solid rgb(255 255 255 / 14%);border-radius:8px;color:#fff;font:inherit;background:#ffffff12}.hero-card{display:grid;grid-template-columns:54px 1fr;gap:10px;align-items:center;min-height:76px;padding:10px;text-align:left;cursor:pointer}.hero-card[data-visible=false]{display:none!important}.hero-card:before{content:none}.hero-card[data-selected=true]{border-color:#f7d35f;background:#f7d35f1f}.hero-card-copy{display:grid;gap:4px;min-width:0}.hero-card-copy span,.shop-item span{font-weight:800}.hero-card-copy strong,.shop-item small{color:#cde7d3;font-size:12px;text-transform:capitalize}.hero-card-copy small{color:#fff;font-size:12px}.start-match-button{flex:1;min-height:42px;cursor:pointer;background:#f7d35f;color:#152014;font-weight:900}.random-hero-button{width:100px;cursor:pointer}.minimap{position:absolute;right:16px;top:16px;width:180px;height:180px;border:1px solid rgb(255 255 255 / 16%);border-radius:8px;background:#050c09b3;cursor:crosshair;pointer-events:auto;touch-action:none}.scoreboard{position:absolute;right:16px;border:1px solid rgb(255 255 255 / 14%);border-radius:8px;background:#050c09c7;box-shadow:0 12px 30px #00000038;backdrop-filter:blur(8px);pointer-events:auto}.shop-panel{display:none;position:fixed;top:var(--hok-safe-top);right:var(--hok-safe-right);bottom:var(--hok-safe-bottom);left:var(--hok-safe-left);z-index:80;padding:10px;background:#050c09c7;pointer-events:auto;backdrop-filter:blur(8px)}.shop-panel[data-visible=true]{display:grid;place-items:stretch}.shop-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;width:100%;height:100%;min-height:0;overflow:hidden;border:1px solid rgb(255 255 255 / 16%);border-radius:8px;background:#070f0beb;box-shadow:0 18px 46px #0000004d}.shop-header{display:flex;align-items:center;justify-content:flex-end;min-height:42px;padding:0 12px;border-bottom:1px solid rgb(255 255 255 / 10%);background:#ffffff0a}.shop-close{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgb(255 255 255 / 16%);border-radius:999px;background:#ffffff12;color:#edf7ef;font:inherit;font-size:20px;font-weight:900}.shop-body{display:grid;grid-template-columns:112px minmax(260px,1fr) minmax(220px,.82fr);gap:10px;min-height:0;padding:0 10px}.shop-categories,.shop-catalog,.shop-detail{min-height:0;overflow:auto}.shop-categories{display:grid;align-content:start;gap:7px}.shop-category-button{display:grid;grid-template-columns:28px 1fr auto;gap:7px;align-items:center;min-height:42px;padding:6px 8px;border:1px solid rgb(255 255 255 / 12%);border-radius:8px;background:#ffffff0d;color:#cde7d3;font:inherit;font-size:12px;font-weight:900;text-align:left}.shop-category-button small{color:#9eb9a5;font-size:10px}.shop-category-button[data-selected=true]{border-color:#f7d35f94;background:#f7d35f21;color:#ffe790}.shop-category-mark{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgb(247 211 95 / 36%);border-radius:999px;background:#050c099e;color:#fff;font-size:13px;font-weight:1000}.shop-category-mark[data-category=magic]{border-color:#8fd7ff61}.shop-category-mark[data-category=defense]{border-color:#7edb9261}.shop-category-mark[data-category=movement]{border-color:#ffffff47}.shop-catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));align-content:start;gap:8px}.shop-title,.scoreboard-title{color:#f7d35f;font-size:13px;font-weight:900}.shop-item{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto auto;gap:3px 8px;align-items:center;min-height:76px;padding:8px;border:1px solid rgb(255 255 255 / 10%);border-radius:8px;background:#ffffff0d;color:#edf7ef;font:inherit;font-size:11px;text-align:left;cursor:pointer}.shop-item-icon{grid-row:1 / span 3;width:38px;height:38px}.shop-item span{min-width:0;overflow:hidden;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.shop-item strong{color:#ffe790;font-size:12px}.shop-item small{min-width:0;overflow:hidden;color:#9eb9a5;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.shop-item[data-selected=true]{border-color:#f7d35f9e;background:#f7d35f1f}.shop-item[data-affordable=false]{opacity:.64}.shop-item[data-owned=true]:after{position:absolute;right:7px;top:7px;padding:1px 5px;border-radius:999px;background:#42d66b2e;color:#91efaa;font-size:9px;font-weight:900;content:"已购"}.shop-recommend{display:grid;grid-column:1 / -1;grid-template-columns:36px auto 1fr auto;gap:8px;align-items:center;min-height:48px;padding:7px 10px;border:1px solid rgb(247 211 95 / 38%);border-radius:8px;background:#f7d35f1f;color:#ffe790;font:inherit;font-weight:900;text-align:left}.shop-recommend:disabled{opacity:.55}.shop-recommend-icon{width:34px;height:34px}.shop-recommend small{justify-self:end;color:#ffe790}.shop-detail{border:1px solid rgb(255 255 255 / 10%);border-radius:8px;background:#ffffff0d}.shop-detail-inner{display:grid;gap:10px;padding:12px}.shop-detail-header{display:flex;gap:10px;align-items:center}.shop-detail-icon{flex:0 0 auto;width:48px;height:48px}.shop-detail-title{display:grid;gap:3px;min-width:0}.shop-detail-title strong{color:#fff;font-size:16px}.shop-detail-title small,.shop-detail-desc{color:#cde7d3;font-size:11px;line-height:1.35}.shop-detail-cost{color:#ffe790;font-size:18px;font-weight:1000}.shop-detail-desc{margin:0}.shop-detail-stats,.shop-detail-tags{display:flex;gap:6px;flex-wrap:wrap}.shop-detail-stats span,.shop-detail-tags span{padding:4px 7px;border:1px solid rgb(255 255 255 / 12%);border-radius:999px;background:#ffffff0f;color:#edf7ef;font-size:10px;font-weight:900}.shop-buy-button{min-height:42px;border:1px solid rgb(247 211 95 / 50%);border-radius:8px;background:#f7d35f;color:#152014;font:inherit;font-weight:1000}.shop-buy-button:disabled{background:#ffffff17;color:#9eb9a5;opacity:.72}.shop-footer{display:grid;grid-template-columns:104px minmax(0,1fr);gap:10px;align-items:stretch;padding:0 10px 10px}.shop-wallet{display:grid;align-content:center;gap:2px;padding:8px 10px;border:1px solid rgb(255 255 255 / 10%);border-radius:8px;background:#ffffff0d}.shop-wallet small{color:#9eb9a5;font-size:10px;font-weight:800}.shop-wallet strong{color:#ffe790;font-size:18px;font-weight:1000}.shop-bag-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.shop-bag-slot{display:grid;grid-template-columns:30px minmax(0,1fr);gap:4px 6px;align-items:center;min-width:0;min-height:52px;padding:6px;border:1px solid rgb(255 255 255 / 10%);border-radius:8px;background:#ffffff0d;color:#edf7ef;font:inherit;font-size:10px;text-align:left}.shop-bag-slot:disabled{color:#68816f;opacity:.62}.shop-bag-icon{grid-row:1 / span 2;width:30px;height:30px}.shop-bag-slot span,.shop-bag-slot small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-bag-slot small{color:#ffc1c1}@media(max-height:430px)and (orientation:landscape){.shop-panel{padding:6px}.shop-shell{gap:6px}.shop-header{min-height:36px;padding:0 8px}.shop-close{width:30px;height:30px;font-size:18px}.shop-body{grid-template-columns:96px minmax(220px,1fr) minmax(180px,.72fr);gap:6px;padding:0 6px}.shop-category-button{grid-template-columns:24px minmax(0,1fr) auto;min-height:34px;padding:5px 6px;font-size:11px}.shop-category-mark{width:24px;height:24px;font-size:11px}.shop-catalog{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px}.shop-item{grid-template-columns:32px minmax(0,1fr);min-height:64px;padding:6px}.shop-item-icon{width:32px;height:32px}.shop-recommend{grid-template-columns:30px auto 1fr auto;min-height:40px;padding:5px 8px}.shop-recommend-icon{width:30px;height:30px}.shop-detail-inner{gap:7px;padding:9px}.shop-detail-icon{width:40px;height:40px}.shop-detail-title strong{font-size:14px}.shop-detail-cost{font-size:15px}.shop-detail-desc{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.shop-buy-button{min-height:34px}.shop-footer{grid-template-columns:86px minmax(0,1fr);gap:6px;padding:0 6px 6px}.shop-wallet{padding:6px 8px}.shop-bag-grid{gap:5px}.shop-bag-slot{grid-template-columns:26px minmax(0,1fr);min-height:44px;padding:5px}.shop-bag-icon{width:26px;height:26px}}@media(max-width:700px)and (orientation:portrait){.shop-panel{padding:6px}.shop-body{grid-template-columns:84px minmax(0,1fr);gap:6px;padding:0 6px}.shop-catalog{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.shop-detail{grid-column:1 / -1;max-height:132px}.shop-detail-inner{gap:6px;padding:8px}.shop-detail-desc,.shop-detail-tags{display:none}.shop-footer{grid-template-columns:82px minmax(0,1fr);gap:6px;padding:0 6px 6px}.shop-bag-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}}.scoreboard{left:50%;top:50%;display:none;width:min(680px,calc(100vw - 32px));padding:12px;transform:translate(-50%,-50%)}.scoreboard[data-visible=true]{display:grid;gap:8px}.scoreboard-body{display:grid;gap:4px}.score-row{display:grid;grid-template-columns:1fr 68px 68px 68px 68px 46px;gap:8px;align-items:center;padding:6px 8px;border-radius:6px;color:#e8f3ea;font-size:12px}.score-row[data-team=blue]{background:#4da6ff1f}.score-row[data-team=red]{background:#ff5d5d1f}.end-overlay{display:none;text-align:center}.end-sub{margin-top:8px;color:#d4ead8}.end-table{display:grid;gap:5px;width:min(760px,calc(var(--hok-safe-width) - 32px));max-height:min(58vh,520px);margin:16px auto;overflow:auto}.end-row{display:grid;grid-template-columns:1fr 70px 82px 82px 70px 60px;gap:8px;align-items:center;padding:7px 10px;border-radius:6px;color:#e8f3ea;font-size:12px;text-align:left}.end-row-header{color:#f7d35f}.end-row[data-team=blue]{background:#4da6ff1f}.end-row[data-team=red]{background:#ff5d5d1f}.end-actions{justify-content:center}.end-actions button{min-width:130px;cursor:pointer}.pause-overlay{position:fixed;top:var(--hok-safe-top);right:var(--hok-safe-right);bottom:var(--hok-safe-bottom);left:var(--hok-safe-left);display:none;place-items:center;background:#050c0994;pointer-events:auto;backdrop-filter:blur(6px)}.pause-overlay[data-visible=true]{display:grid}.pause-panel{display:grid;gap:10px;width:min(300px,calc(var(--hok-safe-width) - 32px));padding:16px;border:1px solid rgb(255 255 255 / 16%);border-radius:8px;background:#08120de5;box-shadow:0 16px 36px #0000003d}.pause-title{color:#f7d35f;font-size:20px;font-weight:900}.pause-hint{min-height:18px;color:#cde7d3;font-size:12px}.pause-panel button{min-height:38px;border:1px solid rgb(255 255 255 / 14%);border-radius:8px;background:#ffffff14;color:#fff;font:inherit;font-weight:900}.pause-panel button:disabled{color:#9eb9a5;cursor:not-allowed;opacity:.58}.mobile-controls{position:absolute;inset:0;display:none;pointer-events:none}.mobile-move-zone{position:absolute;left:0;top:22%;bottom:0;width:52%;pointer-events:auto;touch-action:none}.move-joystick{position:absolute;left:calc(var(--hok-safe-left) + var(--hok-joystick-left) - var(--hok-joystick-size) / 2);bottom:calc(var(--hok-safe-bottom) + var(--hok-joystick-bottom) - var(--hok-joystick-size) / 2);width:var(--hok-joystick-size);height:var(--hok-joystick-size);border:1px solid rgb(255 255 255 / 20%);border-radius:50%;background:radial-gradient(circle at 50% 50%,rgb(255 255 255 / 8%) 0 31%,transparent 32%),radial-gradient(circle at 50% 50%,rgb(66 214 107 / 18%) 0 43%,transparent 44%),#050c096b;box-shadow:0 14px 32px #0000003d;opacity:.24;pointer-events:none;transition:opacity .14s ease,transform .14s ease}.mobile-controls[data-moving=true] .move-joystick{opacity:.98;transform:scale(1.02)}.move-joystick-knob{position:absolute;left:50%;top:50%;width:38%;height:38%;border:1px solid rgb(247 211 95 / 54%);border-radius:50%;background:radial-gradient(circle,rgb(255 255 255 / 26%) 0 30%,transparent 31%),#f7d35f33;box-shadow:0 8px 18px #0000003d;transform:translate(-50%,-50%)}.hok-skill-cluster{position:absolute;right:calc(16px + var(--hok-safe-right));bottom:calc(12px + var(--hok-safe-bottom));width:clamp(250px,35vw,326px);height:clamp(186px,30vh,236px);pointer-events:none}.hok-skill-button,.hok-tool-button,.hok-attack-button,.hok-attack-mode-button,.mobile-pause{position:absolute;display:grid;place-items:center;border:1px solid rgb(255 255 255 / 22%);border-radius:999px;color:#fff;font:inherit;font-weight:900;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}.hok-skill-button,.hok-tool-button,.hok-attack-button,.hok-attack-mode-button,.hok-operation-mode-button{background:radial-gradient(circle at 35% 28%,rgb(255 255 255 / 18%),transparent 27%),conic-gradient(rgb(6 10 8 / 10%) var(--cooldown, 0%),rgb(5 12 9 / 72%) 0),#091211bd;box-shadow:inset 0 0 0 2px #ffffff14,0 12px 26px #00000042;transition:filter .12s ease,transform 80ms ease,border-color .12s ease}.hok-skill-button:active,.hok-tool-button:active,.hok-attack-button:active,.hok-attack-mode-button:active,.hok-operation-mode-button:active,.mobile-pause:active{filter:brightness(1.18);transform:scale(.92)}.hok-skill-button{width:var(--hok-skill-size);height:var(--hok-skill-size);border-color:#4da6ff94}.hok-skill-button[data-state=cooldown],.hok-skill-button[data-state=nomp],.hok-skill-button[data-state=locked],.hok-tool-button[data-state=cooldown],.hok-tool-button[data-state=locked]{filter:grayscale(.55) saturate(.68);opacity:.72}.hok-skill-r{width:var(--hok-ultimate-size);height:var(--hok-ultimate-size);border-color:#ff5d5da3}.hok-skill-q{right:clamp(102px,13.4vw,138px);bottom:clamp(48px,9vh,66px)}.hok-skill-e{right:clamp(72px,10vw,102px);bottom:clamp(110px,21vh,138px)}.hok-skill-r{right:clamp(8px,2.5vw,26px);bottom:clamp(130px,25vh,158px)}.hok-attack-button{right:0;bottom:0;width:var(--hok-attack-size);height:var(--hok-attack-size);border-color:#f7d35fa3;background:radial-gradient(circle at 52% 46%,rgb(247 211 95 / 38%) 0 31%,transparent 32%),radial-gradient(circle at 50% 50%,rgb(77 166 255 / 24%) 0 48%,transparent 49%),#050c09c7}.hok-attack-mode-button{width:42px;height:42px;border-color:#f7d35f7a;background:radial-gradient(circle at 50% 44%,rgb(247 211 95 / 22%) 0 38%,transparent 39%),#050c09c2}.hok-last-hit-button{right:clamp(94px,12vw,124px);bottom:clamp(68px,10vh,88px)}.hok-tower-button{right:clamp(10px,2.8vw,28px);bottom:clamp(96px,16vh,122px)}.hok-attack-mode-switch{position:absolute;left:0;top:0;display:grid;grid-template-columns:repeat(3,30px);gap:5px;padding:4px;border:1px solid rgb(255 255 255 / 12%);border-radius:999px;background:#050c097a;box-shadow:0 10px 22px #0000002e;pointer-events:auto;backdrop-filter:blur(6px)}.hok-operation-mode-button{position:relative;display:grid;place-items:center;width:30px;height:30px;border:1px solid rgb(255 255 255 / 16%);border-radius:999px;color:#fff;font:inherit;pointer-events:auto;touch-action:none;--icon-tone: #7f8f86;--icon-accent: #ffffff}.hok-operation-mode-button .hok-button-icon{width:70%;height:70%}.hok-operation-mode-button[data-selected=true]{border-color:#f7d35fb8;background:radial-gradient(circle at 35% 28%,rgb(255 255 255 / 20%),transparent 27%),#f7d35f2e;box-shadow:inset 0 0 0 2px #f7d35f1f,0 0 16px #f7d35f2e;--icon-tone: #f7d35f}.mobile-controls[data-attack-mode=lock] .hok-attack-button{border-color:#ff5d5dc2;box-shadow:inset 0 0 0 2px #ff5d5d1f,0 12px 26px #00000042,0 0 24px #ff5d5d33;--icon-tone: #ff5d5d}.hok-tool-button{width:var(--hok-tool-size);height:var(--hok-tool-size);border-color:#f7d35f7a;--icon-tone: #7f8f86;--icon-accent: #ffffff;background:#050c09b8}.hok-tool-f{right:clamp(82px,11vw,112px);bottom:0}.hok-button-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hok-button-icon{position:relative;display:grid;place-items:center;width:64%;height:64%;overflow:hidden;border:1px solid color-mix(in srgb,var(--icon-accent, #ffffff) 42%,transparent);border-radius:50%;background:radial-gradient(circle at 34% 26%,rgb(255 255 255 / 30%),transparent 29%),radial-gradient(circle at 50% 58%,color-mix(in srgb,var(--icon-tone, #4da6ff) 58%,#07110d) 0 56%,#07110d 57%),#07110d;box-shadow:inset 0 0 0 2px #ffffff12,0 0 18px color-mix(in srgb,var(--icon-tone, #4da6ff) 42%,transparent);isolation:isolate}.hok-skill-r .hok-button-icon,.hok-attack-button .hok-button-icon{width:68%;height:68%}.hok-button-cooldown{position:absolute;right:5px;top:5px;display:none;min-width:18px;height:18px;place-items:center;padding:0 4px;border:1px solid rgb(255 255 255 / 28%);border-radius:999px;background:#050908d6;color:#fff;font-size:10px;font-weight:1000;line-height:17px;text-align:center;text-shadow:0 2px 8px rgb(0 0 0 / 72%);font-variant-numeric:tabular-nums}.hok-button-cooldown:not(:empty){display:grid}.hok-attack-button{--icon-tone: #f7d35f;--icon-accent: #ffffff}.hok-last-hit-button{--icon-tone: #f0b15d;--icon-accent: #ffffff}.hok-tower-button{--icon-tone: #a9b0b4;--icon-accent: #f7d35f}.hok-operation-mode-button[data-icon=target-lock]{--icon-tone: #ff5d5d;--icon-accent: #ffffff}.mobile-tool-recall{--icon-tone: #8fd7ff;--icon-accent: #ffffff}.mobile-tool-recover{--icon-tone: #62d982;--icon-accent: #ffffff}.mobile-tool-summoner{--icon-tone: #f7d35f;--icon-accent: #ffffff}.mobile-pause{--icon-tone: #7f8f86;--icon-accent: #f7d35f}.cast-cancel-zone{position:absolute;right:calc(50px + var(--hok-safe-right));bottom:calc(248px + var(--hok-safe-bottom));display:grid;place-items:center;width:70px;height:70px;border:2px solid rgb(255 255 255 / 20%);border-radius:999px;background:#050c09b8;color:#ffffffe0;font-size:28px;font-weight:900;opacity:0;pointer-events:none;transform:translateY(8px) scale(.92);transition:opacity .12s ease,transform .12s ease,background .12s ease,border-color .12s ease}.mobile-controls[data-aiming=true] .cast-cancel-zone{opacity:1;transform:translateY(0) scale(1)}.mobile-controls[data-cancel=true] .cast-cancel-zone{border-color:#ff5d5db8;background:#480a0ed1;color:#ffd9d9}.mobile-pause{right:calc(12px + var(--hok-safe-right));top:calc(10px + var(--hok-safe-top));width:48px;height:48px;border-color:var(--hok-gold-border);background:var(--hok-panel);backdrop-filter:blur(8px)}@media(hover:none),(pointer:coarse){.mobile-controls{display:block}.skill-cluster,.settings-toggle{display:none}}.orientation-hint{position:absolute;left:50%;top:42px;display:none;max-width:calc(100vw - 32px);padding:6px 12px;border:1px solid rgb(247 211 95 / 34%);border-radius:8px;background:#050c09bd;color:#ffe790;font-size:12px;font-weight:900;text-align:center;white-space:nowrap;transform:translate(-50%);backdrop-filter:blur(8px)}#hud-root[data-low-health=true]:before{position:absolute;z-index:2;inset:0;background:radial-gradient(ellipse at center,transparent 48%,rgb(170 8 12 / 12%) 72%,rgb(205 12 18 / 42%) 100%);content:"";pointer-events:none;animation:low-health-pulse 1.15s ease-in-out infinite alternate;will-change:opacity}.danger-warning{position:absolute;z-index:58;left:50%;top:calc(var(--hok-safe-top, 0px) + 46px);max-width:min(72vw,420px);padding:7px 14px;border:1px solid rgb(255 114 83 / 62%);border-radius:999px;background:#410808d1;box-shadow:0 4px 18px #00000057;color:#fff1df;font-size:12px;font-weight:900;letter-spacing:.04em;text-align:center;white-space:nowrap;transform:translate(-50%)}.danger-warning[data-visible=false]{display:none}.danger-warning[data-kind=tower]{border-color:#ffaa46bd;background:#581c04d6;color:#ffe4a3}.danger-warning[data-kind=ability]{border-color:#cd7effb8;background:#300c48db;color:#f4dcff}.danger-warning[data-kind=burst]{border-color:#ffb148c7;background:#5c1f05e0;color:#fff0b5;animation:burst-warning-pulse .46s ease-in-out infinite alternate}@keyframes burst-warning-pulse{0%{transform:translate(-50%) scale(.98)}to{transform:translate(-50%) scale(1.03)}}@keyframes low-health-pulse{0%{opacity:.54}to{opacity:.92}}.top-score{position:absolute;top:12px;left:50%;min-width:180px;padding:8px 14px;border:1px solid rgb(247 211 95 / 30%);border-radius:8px;background:#050c09b3;color:#f7d35f;font-size:15px;font-weight:900;text-align:center;transform:translate(-50%);backdrop-filter:blur(8px)}.player-status{position:absolute;right:18px;bottom:176px;display:grid;gap:6px;width:260px;padding:10px;border:1px solid rgb(255 255 255 / 14%);border-radius:8px;background:#050c09ad;backdrop-filter:blur(8px)}.status-hero{color:#f7d35f;font-size:13px;font-weight:900}.buff-bar{display:flex;min-height:22px;gap:5px;align-items:center}.buff-icon{position:relative;display:grid;place-items:center;width:22px;height:22px;border:1px solid rgb(255 255 255 / 18%);border-radius:50%;background:conic-gradient(var(--buff-color, #f7d35f) var(--buff-left, 100%),rgb(255 255 255 / 10%) 0),#ffffff14;color:#fff;font-size:10px;font-weight:900;line-height:1}.buff-icon[data-state=red]{--buff-color: #ff5d5d}.buff-icon[data-state=blue]{--buff-color: #4da6ff}.buff-icon[data-state=shield]{--buff-color: #f7f7ff}.buff-icon[data-state=dragon],.buff-icon[data-state=overlord]{--buff-color: #f7d35f}.buff-icon[data-state=stun],.buff-icon[data-state=knockup],.buff-icon[data-state=taunt],.buff-icon[data-state=silence],.buff-icon[data-state=slow]{--buff-color: #ff7777}.buff-icon[data-stacks]:after{position:absolute;right:-3px;bottom:-4px;min-width:12px;height:12px;border-radius:999px;background:#f7d35f;color:#152014;content:attr(data-stacks);font-size:8px;line-height:12px;text-align:center}.status-line{display:flex;justify-content:space-between;gap:8px;color:#e8f3ea;font-size:12px;font-weight:800}.status-level:before{content:"等级"}.player-status .resource{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.player-status .resource strong{color:#fff;font-size:11px;font-variant-numeric:tabular-nums}.player-status .resource-track{height:9px}.inventory-bar{position:absolute;right:18px;bottom:134px;display:grid;grid-template-columns:repeat(6,34px);gap:6px;pointer-events:auto}.inventory-slot{width:34px;height:34px;border:1px solid rgb(255 255 255 / 16%);border-radius:8px;background:#050c09b8;color:#f7d35f;font:inherit;font-size:10px;font-weight:900}.inventory-slot[data-active=true]{border-color:#f7d35f7a}.inventory-slot[data-state=cooldown]{color:#f7d35f;opacity:.68}.item-icon{position:relative;display:grid;place-items:center;width:28px;height:28px;border:1px solid color-mix(in srgb,var(--item-tone) 58%,white 10%);border-radius:50%;background:radial-gradient(circle at 34% 28%,rgb(255 255 255 / 24%),transparent 28%),color-mix(in srgb,var(--item-tone) 34%,#07110d);box-shadow:inset 0 0 0 2px #ffffff0f;color:#fff;font-size:12px;font-weight:1000;line-height:1;text-shadow:0 2px 8px rgb(0 0 0 / 72%)}.item-icon[data-cooldown]:after{content:none}.inventory-slot .item-icon{width:100%;height:100%}.ability-icon,.item-icon,.hok-button-icon{position:relative;overflow:hidden;isolation:isolate}.ability-icon,.item-icon{background:radial-gradient(circle at 34% 28%,rgb(255 255 255 / 24%),transparent 28%),radial-gradient(circle at 50% 56%,color-mix(in srgb,var(--icon-tone, var(--item-tone, #4da6ff)) 52%,#07110d) 0 58%,#07110d 59%)}:is(.ability-icon,.item-icon,.hok-button-icon):before,:is(.ability-icon,.item-icon,.hok-button-icon):after{position:absolute;display:block;content:"";pointer-events:none;z-index:1}:is(.ability-icon,.item-icon,.hok-button-icon):before{inset:25%;border:2px solid var(--icon-accent, #ffffff);border-radius:999px;opacity:.92}:is(.ability-icon,.item-icon,.hok-button-icon):after{left:26%;top:46%;width:48%;height:11%;border-radius:999px;background:var(--icon-accent, #ffffff);box-shadow:0 0 9px color-mix(in srgb,var(--icon-accent, #ffffff) 70%,transparent);transform:rotate(-35deg)}:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=dash]:before,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=charge]:before,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=flash]:before{inset:28% 23% 28% 31%;border:0;border-radius:0;background:var(--icon-accent, #ffffff);clip-path:polygon(0 38%,58% 38%,58% 14%,100% 50%,58% 86%,58% 62%,0 62%)}:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=dash]:after,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=charge]:after,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=flash]:after{left:17%;top:61%;width:34%;height:7%;opacity:.7;transform:rotate(-18deg)}:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=slash]:before,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=sword]:before,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=crown-blade]:before,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=pierce]:before,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=execute]:before,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=cleave]:before{left:45%;top:16%;width:11%;height:68%;border:0;border-radius:999px;background:linear-gradient(#ffffff,var(--icon-accent, #ffffff));transform:rotate(38deg)}:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=slash]:after,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=sword]:after,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=crown-blade]:after,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=pierce]:after,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=execute]:after,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=cleave]:after{left:27%;top:60%;width:42%;height:10%;transform:rotate(38deg)}:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=shield]:before,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=barrier]:before,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=armor]:before{inset:17% 27% 18%;border:0;border-radius:0;background:color-mix(in srgb,var(--icon-accent, #ffffff) 90%,var(--icon-tone, #4da6ff));clip-path:polygon(50% 0,86% 13%,80% 66%,50% 100%,20% 66%,14% 13%)}:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=shield]:after,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=barrier]:after,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=armor]:after{left:42%;top:26%;width:16%;height:48%;opacity:.65;transform:none}:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=heal]:before,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=heart]:before,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=recover]:before{left:43%;top:20%;width:14%;height:60%;border:0;border-radius:999px;background:var(--icon-accent, #ffffff)}:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=heal]:after,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=heart]:after,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=recover]:after{left:20%;top:43%;width:60%;height:14%;transform:none}:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=bolt]:before,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=flame]:before,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=impact]:before{inset:15% 30% 14%;border:0;border-radius:0;background:var(--icon-accent, #ffffff);clip-path:polygon(58% 0,18% 47%,45% 47%,30% 100%,82% 38%,54% 38%)}:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=bolt]:after,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=flame]:after,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=impact]:after{inset:auto 34% 18%;width:auto;height:9%;transform:none}:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=ring]:before,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=orb]:before,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=recall]:before{inset:20%;border-width:3px;border-color:var(--icon-accent, #ffffff);box-shadow:inset 0 0 8px color-mix(in srgb,var(--icon-tone, #4da6ff) 48%,transparent)}:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=ring]:after,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=orb]:after,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=recall]:after{left:42%;top:42%;width:16%;height:16%;transform:none}:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=focus]:before,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=snipe]:before,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=bow]:before{inset:19%;border-width:2px;border-style:solid;border-color:var(--icon-accent, #ffffff);border-radius:50%}:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=focus]:after,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=snipe]:after,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=bow]:after{left:17%;top:47%;width:66%;height:6%;transform:none}:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=speed]:before,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=roll]:before,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=boot]:before,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=arcane-boot]:before{inset:18% 17%;border-width:0 0 4px 4px;border-color:var(--icon-accent, #ffffff);border-radius:0 0 0 999px;transform:rotate(-22deg)}:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=speed]:after,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=roll]:after,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=boot]:after,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=arcane-boot]:after{left:34%;top:57%;width:42%;height:8%;transform:rotate(-10deg)}:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=hook]:before,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=anchor]:before{inset:19% 26% 18% 25%;border-width:0 4px 4px 0;border-color:var(--icon-accent, #ffffff);border-radius:0 0 999px;transform:rotate(35deg)}:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=hook]:after,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=anchor]:after{left:46%;top:18%;width:8%;height:44%;transform:none}:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=mine]:before,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=storm]:before,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=frenzy]:before,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=burst]:before{inset:21%;border:0;border-radius:50%;background:radial-gradient(circle at 50% 0,var(--icon-accent, #ffffff) 0 10%,transparent 11%),radial-gradient(circle at 100% 50%,var(--icon-accent, #ffffff) 0 10%,transparent 11%),radial-gradient(circle at 50% 100%,var(--icon-accent, #ffffff) 0 10%,transparent 11%),radial-gradient(circle at 0 50%,var(--icon-accent, #ffffff) 0 10%,transparent 11%),color-mix(in srgb,var(--icon-accent, #ffffff) 28%,transparent)}:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=mine]:after,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=storm]:after,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=frenzy]:after,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=burst]:after{left:38%;top:38%;width:24%;height:24%;transform:none}:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=stealth]:before,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=cloak]:before{inset:18% 27% 12%;border:0;border-radius:999px 999px 32% 32%;background:var(--icon-accent, #ffffff);opacity:.86}:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=stealth]:after,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=cloak]:after{left:31%;top:43%;width:38%;height:9%;transform:none}:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=siphon]:before,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=cleanse]:before{inset:22%;border-width:3px;border-style:solid;border-color:transparent var(--icon-accent, #ffffff) var(--icon-accent, #ffffff) transparent;border-radius:50%;transform:rotate(-35deg)}:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=siphon]:after,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=cleanse]:after{left:38%;top:38%;width:24%;height:24%;transform:none}:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=tower]:before{left:31%;top:19%;width:38%;height:57%;border:0;border-radius:5px 5px 2px 2px;background:var(--icon-accent, #ffffff);clip-path:polygon(0 18%,20% 18%,20% 0,40% 0,40% 18%,60% 18%,60% 0,80% 0,80% 18%,100% 18%,100% 100%,0 100%)}:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=tower]:after{left:22%;top:74%;width:56%;height:9%;transform:none}:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=last-hit]:before{inset:25%;border:0;border-radius:50%;background:var(--icon-accent, #ffffff)}:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=last-hit]:after,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=attack]:after{left:25%;top:46%;width:50%;height:9%;transform:rotate(-42deg)}:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=attack]:before{inset:22%;border-width:2px;border-color:var(--icon-accent, #ffffff)}:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=target-lock]:before{inset:18%;border-width:2px;border-color:var(--icon-accent, #ffffff);background:linear-gradient(var(--icon-accent, #ffffff),var(--icon-accent, #ffffff)) 50% 0 / 12% 24% no-repeat,linear-gradient(var(--icon-accent, #ffffff),var(--icon-accent, #ffffff)) 50% 100% / 12% 24% no-repeat,linear-gradient(var(--icon-accent, #ffffff),var(--icon-accent, #ffffff)) 0 50% / 24% 12% no-repeat,linear-gradient(var(--icon-accent, #ffffff),var(--icon-accent, #ffffff)) 100% 50% / 24% 12% no-repeat}:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=target-lock]:after{left:43%;top:43%;width:14%;height:14%;border-radius:50%;transform:none}:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=pause]:before,:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=pause]:after{top:26%;width:10%;height:48%;border:0;border-radius:999px;background:var(--icon-accent, #ffffff);transform:none}:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=pause]:before{left:36%}:is(.ability-icon,.item-icon,.hok-button-icon)[data-icon=pause]:after{left:54%}.skill-cluster .ability-key,.skill-cluster .basic-attack strong{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skill-cluster{position:absolute;right:18px;bottom:18px;display:grid;grid-template-columns:repeat(3,66px);grid-template-rows:repeat(2,58px);gap:8px;align-items:end;pointer-events:auto}.skill-cluster .ability-button{position:relative;display:grid;place-items:center;width:58px;height:58px;min-height:0;padding:5px;overflow:hidden;border:2px solid rgb(247 211 95 / 48%);border-radius:50%;background:conic-gradient(rgb(6 10 8 / 80%) var(--cooldown, 0%),rgb(22 39 27 / 82%) 0),#050c09bf;color:#fff;box-shadow:0 10px 24px #0000003d}.skill-cluster .ability-ultimate{grid-column:3;grid-row:1 / span 2;align-self:center;width:70px;height:70px;border-color:#ff6a6aa3}.skill-cluster .basic-attack{grid-column:2;grid-row:2;width:62px;height:62px;border-color:#4da6ffa3}.skill-cluster .ability-key{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skill-cluster .ability-icon{width:34px;height:34px;border:1px solid color-mix(in srgb,var(--icon-accent, #ffffff) 42%,transparent);border-radius:50%;background:radial-gradient(circle at 34% 28%,rgb(255 255 255 / 24%),transparent 28%),radial-gradient(circle at 50% 56%,color-mix(in srgb,var(--icon-tone, #4da6ff) 52%,#07110d) 0 58%,#07110d 59%);transform:none;clip-path:none}.skill-cluster .ability-button[data-slot=r] .ability-icon{width:40px;height:40px}.skill-cluster .basic-attack .attack-icon{width:38px;height:38px;border-radius:50%;border:1px solid color-mix(in srgb,var(--icon-accent, #ffffff) 42%,transparent)}.skill-cluster .ability-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skill-cluster .ability-status{position:absolute;right:4px;top:4px;display:none;min-width:18px;height:18px;place-items:center;padding:0 4px;border:1px solid rgb(255 255 255 / 28%);border-radius:999px;background:#050908d6;color:#fff;font-size:10px;font-weight:1000;line-height:17px;text-align:center;text-shadow:0 2px 8px rgb(0 0 0 / 70%);transform:none;font-variant-numeric:tabular-nums}.skill-cluster .ability-status:not(:empty){display:grid}.skill-cluster .ability-button[data-state=nomp],.skill-cluster .ability-button[data-state=locked]{filter:grayscale(.6) saturate(.6);opacity:.68}.death-overlay{position:fixed;top:var(--hok-safe-top);right:var(--hok-safe-right);bottom:var(--hok-safe-bottom);left:var(--hok-safe-left);display:none;place-items:center;background:#0000006b;pointer-events:none;filter:grayscale(1)}.death-overlay[data-visible=true]{display:grid}.death-countdown{color:#fff;font-size:88px;font-weight:900;text-shadow:0 8px 30px rgb(0 0 0 / 50%)}.death-panel{display:grid;gap:8px;justify-items:center}.death-label{color:#ffc1c1;font-size:20px;font-weight:900;text-shadow:0 4px 18px rgb(0 0 0 / 45%)}.death-killer{min-height:22px;color:#e8f3ea;font-size:14px;font-weight:800;text-shadow:0 3px 14px rgb(0 0 0 / 55%)}.death-recap{max-width:min(620px,82vw);min-height:18px;color:#ffdca8;font-size:12px;font-weight:800;line-height:1.45;text-align:center;text-shadow:0 3px 14px rgb(0 0 0 / 60%)}@media(min-width:761px)and (pointer:fine){.minimap{left:16px;right:auto;top:16px;width:200px;height:200px}}@media(max-width:760px){.hero-select-panel{width:calc(var(--hok-safe-width) - 18px);max-height:calc(var(--hok-safe-height) - 18px);overflow:auto;padding:12px}.hero-select-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.hero-card{min-height:72px;padding:9px}.hero-skill-list{grid-template-columns:1fr;font-size:11px}.summoner-select-row,.hero-select-actions{flex-wrap:wrap}.end-table{width:calc(100vw - 18px)}.end-row{grid-template-columns:1fr 48px 56px 56px 52px 44px;gap:5px;padding:6px;font-size:10px}.top-score{top:8px;min-width:142px;max-width:calc(100vw - 120px);padding:6px 9px;font-size:12px;white-space:nowrap}.player-status{right:8px;bottom:128px;width:min(220px,calc(100vw - 16px));padding:8px}.inventory-bar{right:8px;bottom:92px}.skill-cluster{right:8px;bottom:8px}.minimap{left:8px;right:auto;top:48px;width:100px;height:100px}.scoreboard{width:min(520px,calc(100vw - 18px));max-height:calc(100vh - 20px);overflow:auto}.score-row{grid-template-columns:1fr 46px 58px 54px 52px 36px;gap:5px;padding:5px 6px;font-size:11px}.settings-toggle{inset:156px auto auto 8px}.fps-display{left:8px;bottom:146px}.settings-panel{inset:196px auto auto 8px;width:min(320px,calc(100vw - 16px));max-height:calc(100vh - 208px)}}@media(max-width:760px),(pointer:coarse){.player-status{gap:5px;padding:8px}.status-hero{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.buff-bar{min-height:18px;gap:4px;flex-wrap:wrap}.buff-icon{width:18px;height:18px;font-size:8px}.status-line,.player-status .resource strong{font-size:10px}.player-status .resource{gap:6px}.player-status .resource-track{height:7px}.inventory-bar{grid-template-columns:repeat(6,28px);gap:4px}.inventory-slot{width:28px;height:28px;font-size:8px}.skill-cluster{grid-template-columns:repeat(3,54px);grid-template-rows:repeat(2,48px);gap:6px}.skill-cluster .ability-button{width:48px;height:48px}.skill-cluster .ability-ultimate{width:58px;height:58px}.skill-cluster .basic-attack{width:52px;height:52px}.skill-cluster .ability-key,.skill-cluster .basic-attack strong{left:7px;top:5px;font-size:9px}.skill-cluster .ability-icon{width:21px;height:21px}.skill-cluster .ability-name{font-size:8px}.skill-cluster .ability-status{font-size:12px}.announcement-list{top:158px;width:min(440px,calc(100vw - 32px))}}@media(pointer:coarse){.minimap{left:8px;right:auto;top:54px;width:108px;height:108px}.top-score{top:8px;min-width:150px;max-width:min(280px,calc(100vw - 250px));padding:6px 10px;font-size:12px;white-space:nowrap}.player-status{inset:168px auto auto 8px;width:150px}.inventory-bar{right:8px;top:108px;bottom:auto}.skill-cluster{display:none}.settings-toggle{inset:170px auto auto 8px;min-height:32px;padding:0 8px}.fps-display{left:8px;bottom:calc(132px + env(safe-area-inset-bottom))}.settings-panel{inset:208px auto auto 8px;width:min(320px,calc(100vw - 16px));max-height:calc(100vh - 216px)}}@media(pointer:coarse)and (orientation:portrait){.orientation-hint{display:block}.top-score{max-width:calc(100vw - 128px)}.minimap{top:58px;width:104px;height:104px}.player-status{left:auto;right:8px;top:auto;bottom:calc(430px + env(safe-area-inset-bottom));width:min(220px,calc(100vw - 16px))}.inventory-bar{right:8px;top:auto;bottom:calc(394px + env(safe-area-inset-bottom))}.skill-cluster{right:8px;top:auto;bottom:calc(286px + env(safe-area-inset-bottom))}.settings-toggle{top:172px}.fps-display{bottom:calc(286px + env(safe-area-inset-bottom))}}@media(pointer:coarse)and (orientation:landscape){.announcement-list{top:40px;width:min(420px,calc(100vw - 360px))}}.battle-info-column{position:absolute;left:calc(12px + var(--hok-safe-left));top:calc(12px + var(--hok-safe-top));display:grid;gap:7px;width:clamp(148px,18vw,200px);pointer-events:none}.battle-info-column .minimap{position:static;width:100%;height:auto;aspect-ratio:1;border-color:#ffffff2e;background:#050c09ad;box-shadow:0 12px 28px #0000003d}.gold-shop-button,.quick-buy-button,.score-toggle-button{min-height:32px;border:1px solid rgb(247 211 95 / 28%);border-radius:8px;background:#050c09b3;color:#ffe790;font:inherit;font-size:11px;font-weight:900;pointer-events:auto;backdrop-filter:blur(8px)}.gold-shop-button{display:grid;place-items:center}.quick-buy-list{display:grid;gap:6px}.quick-buy-button{display:flex;gap:6px;align-items:center;min-width:0;overflow:hidden;padding:0 8px;color:#edf7ef;text-align:left;text-overflow:ellipsis;white-space:nowrap}.quick-buy-plus{display:grid;flex:0 0 auto;place-items:center;width:16px;height:16px;border:1px solid rgb(247 211 95 / 44%);border-radius:999px;color:#ffe790;line-height:1}.quick-buy-icon{flex:0 0 auto;width:22px;height:22px;font-size:10px}.quick-buy-name{min-width:0;overflow:hidden;text-overflow:ellipsis}.quick-buy-cost{margin-left:auto;color:#ffe790;font-size:10px;font-variant-numeric:tabular-nums}.quick-buy-button:disabled{color:#9eb9a5;opacity:.62}.score-toggle-button[data-active=true]{border-color:#f7d35f9e;background:#f7d35f2e}.mobile-tool-row{position:absolute;left:50%;bottom:calc(12px + var(--hok-safe-bottom));display:flex;gap:10px;align-items:center;transform:translate(-50%);pointer-events:none}.mobile-tool-button{position:relative;display:grid;place-items:center;width:48px;height:48px;border:1px solid rgb(247 211 95 / 44%);border-radius:999px;background:radial-gradient(circle at 35% 28%,rgb(255 255 255 / 16%),transparent 27%),conic-gradient(rgb(6 10 8 / 68%) var(--cooldown, 0%),rgb(5 12 9 / 74%) 0),#091211c2;color:#fff;font:inherit;font-weight:900;box-shadow:inset 0 0 0 2px #ffffff12,0 12px 24px #0000003d;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}.mobile-tool-button .hok-button-label{font-size:9px}.mobile-tool-button:active{filter:brightness(1.18);transform:scale(.92)}.mobile-tool-button[data-state=cooldown],.mobile-tool-button[data-state=locked]{filter:grayscale(.6) saturate(.72);opacity:.66}.mobile-tool-button[data-state=channeling]{border-color:#42d66bb8;box-shadow:inset 0 0 0 2px #42d66b29,0 0 22px #42d66b38}@media(pointer:coarse){.battle-info-column{left:calc(8px + var(--hok-safe-left));top:calc(8px + var(--hok-safe-top));gap:6px;width:clamp(136px,18vw,158px)}.battle-info-column .minimap{width:100%;height:auto}.gold-shop-button,.quick-buy-button,.score-toggle-button{min-height:28px;font-size:10px}.top-score{top:calc(8px + var(--hok-safe-top));max-width:min(310px,calc(100vw - 360px));font-size:12px}.player-status{left:auto;right:calc(96px + var(--hok-safe-right));top:auto;bottom:calc(222px + var(--hok-safe-bottom));width:210px;padding:7px}.status-hero{font-size:11px}.buff-bar{min-height:15px}.buff-icon{width:15px;height:15px;font-size:7px}.status-line,.player-status .resource strong{font-size:9px}.player-status .resource-track{height:6px}.cast-cancel-zone{right:calc(14px + var(--hok-safe-right))}.inventory-bar{display:none}.mobile-move-zone{top:39%;width:43%}.move-joystick{bottom:calc(var(--hok-safe-bottom) + 28vh - var(--hok-joystick-size) / 2)}.scoreboard{width:min(610px,calc(100vw - 24px));max-height:calc(100vh - 24px - var(--hok-safe-top) - var(--hok-safe-bottom));overflow:auto}}@media(pointer:coarse)and (orientation:landscape){.hero-select-overlay{display:block;overflow:hidden;padding:8px}.hero-select-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(250px,.9fr);grid-template-rows:auto auto minmax(0,1fr) auto;gap:8px 12px;width:100%;height:100%;max-height:none;overflow:hidden;padding:12px}.hero-select-title{grid-column:1 / -1;font-size:18px}.hero-role-tabs{grid-column:1 / -1;grid-row:2;margin:0}.hero-select-grid{grid-column:1;grid-row:3;grid-template-columns:repeat(3,minmax(92px,1fr));align-content:start;gap:7px;min-height:0;margin:0;overflow:auto;padding-right:2px}.hero-card{grid-template-columns:40px 1fr;min-height:62px;gap:7px;padding:7px}.hero-avatar-card{width:40px;height:40px;font-size:16px}.hero-card-copy span{font-size:12px}.hero-card-copy strong,.hero-card-copy small{font-size:10px}.hero-select-detail{grid-column:2;grid-row:3;min-height:0;margin:0;overflow:auto;padding:10px}.hero-select-detail h2{font-size:17px}.hero-skill-list{grid-template-columns:1fr;gap:5px;font-size:11px}.hero-lineup-preview{grid-template-columns:repeat(5,minmax(36px,1fr))}.summoner-select-row{flex-wrap:wrap}.summoner-select-button{min-height:30px;padding:0 8px;font-size:11px}.hero-select-actions{grid-column:1 / -1;grid-row:4;flex-wrap:nowrap}.random-hero-button,.start-match-button{min-height:36px}.hero-select-orientation{display:none}.battle-info-column{width:clamp(138px,18vw,160px)}.mobile-tool-row{bottom:calc(10px + var(--hok-safe-bottom))}.player-status{right:calc(96px + var(--hok-safe-right));bottom:calc(222px + var(--hok-safe-bottom));width:210px}}@media(pointer:coarse)and (orientation:portrait){.orientation-hint{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;max-width:none;padding:28px;border:0;border-radius:0;background:#050c09eb;color:#ffe790;font-size:20px;line-height:1.5;white-space:normal;transform:none;pointer-events:auto}.hero-select-panel,.mobile-controls,.battle-info-column,.top-score,.player-status,.shop-panel,.scoreboard,.announcement-list{pointer-events:none}}.mobile-controls{display:block}.skill-cluster,.inventory-bar,.settings-toggle{display:none}.battle-info-column{left:calc(8px + var(--hok-safe-left));top:calc(8px + var(--hok-safe-top));gap:5px;width:clamp(106px,14vw,118px)}.battle-info-column .minimap{width:100%;height:auto;border-radius:8px;background:#050c098a;box-shadow:0 8px 18px #0000002e}.gold-shop-button,.quick-buy-button,.score-toggle-button{min-height:24px;border-radius:999px;border-color:#ffffff26;background:#050c0975;box-shadow:0 6px 14px #00000024;backdrop-filter:blur(6px)}.gold-shop-button,.score-toggle-button{font-size:0}.gold-shop-button{min-height:28px;color:#ffe790}.gold-shop-button:before{content:"$ " attr(data-gold);font-size:12px;font-weight:900;letter-spacing:0}.quick-buy-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.quick-buy-button{justify-content:center;min-height:30px;padding:0 5px;border-radius:999px;color:#edf7ef}.quick-buy-button[data-empty=true],.quick-buy-name{display:none}.quick-buy-plus,.quick-buy-icon{width:16px;height:16px;font-size:11px}.quick-buy-cost{margin-left:0;font-size:9px}.score-toggle-button{justify-self:start;width:44px;min-height:24px;color:#edf7efd1}.score-toggle-button:before{content:"战绩";font-size:9px;font-weight:900;letter-spacing:0}.score-toggle-button[data-active=true]{border-color:#f7d35f8a;background:#f7d35f29;color:#ffe790}.top-score{top:calc(6px + var(--hok-safe-top));min-width:112px;max-width:min(310px,max(112px,calc(100vw - 360px)));padding:4px 8px;border-radius:999px;background:#050c0970;box-shadow:0 6px 16px #0000001f;font-size:10px;white-space:nowrap}.mobile-pause{right:calc(8px + var(--hok-safe-right));top:calc(8px + var(--hok-safe-top));width:38px;height:38px;border-color:#ffffff26;background:#050c0975}.mobile-pause .hok-button-label{display:none}.mobile-move-zone{top:39%;width:43%}.move-joystick{bottom:calc(var(--hok-safe-bottom) + 28vh - var(--hok-joystick-size) / 2)}.mobile-tool-row{bottom:calc(10px + var(--hok-safe-bottom))}.announcement-list{top:calc(42px + var(--hok-safe-top));width:min(300px,max(120px,calc(100vw - 310px)))}.announcement-list div[data-kind=battleCry]{margin-top:0;padding:2px 10px;border:0;background:transparent;box-shadow:none;font-size:18px;text-shadow:0 2px 10px rgb(0 0 0 / 36%);backdrop-filter:none}.scoreboard{width:min(610px,calc(100vw - 24px));max-height:calc(100vh - 24px - var(--hok-safe-top) - var(--hok-safe-bottom));overflow:auto}.top-score{left:calc(128px + var(--hok-safe-left));right:calc(56px + var(--hok-safe-right));top:calc(6px + var(--hok-safe-top));display:flex;width:fit-content;min-width:0;max-width:calc(100vw - 184px - var(--hok-safe-left) - var(--hok-safe-right));align-items:center;gap:5px;margin-inline:auto;padding:4px 6px;border-color:#ffffff21;border-radius:999px;background:#050c0975;box-shadow:0 6px 16px #00000024;color:#edf7ef;font-size:10px;pointer-events:none;transform:none}.top-score-chip,.top-clock,.top-kda{display:inline-flex;align-items:center;min-height:22px;border-radius:999px;font-weight:1000;font-variant-numeric:tabular-nums;white-space:nowrap}.top-score-chip{gap:4px;padding:0 7px;background:#ffffff12}.top-score-chip[data-team=blue]{color:#8fd7ff}.top-score-chip[data-team=red]{color:#f99}.top-score-chip strong{color:#fff;font-size:13px}.top-clock{min-width:46px;justify-content:center;padding:0 8px;border:1px solid rgb(247 211 95 / 30%);background:#f7d35f1f;color:#ffe790;font-size:12px}.top-kda{gap:4px;padding:0 7px;background:#ffffff12}.top-kda small{color:#9eb9a5;font-size:8px;font-weight:900}.top-kda strong{color:#fff;font-size:11px}.top-ally-list{display:flex;gap:4px;align-items:center;padding-left:2px}.top-ally-avatar{position:relative;display:grid;place-items:center;width:24px;height:24px;border:1px solid rgb(255 255 255 / 18%);border-radius:999px;background:radial-gradient(circle at 32% 25%,rgb(255 255 255 / 24%),transparent 30%),var(--role-tone, #4da6ff);color:#fff;font-size:10px;font-weight:1000;box-shadow:inset 0 0 0 2px #050c0942}.top-ally-avatar[data-low=true]{border-color:#ffcf5fa8}.top-ally-avatar[data-dead=true]{border-color:#ff5d5db3;filter:grayscale(.82) saturate(.62)}.top-ally-hp{position:absolute;left:3px;right:3px;bottom:-3px;height:3px;overflow:hidden;border-radius:999px;background:#050c09c7}.top-ally-hp b{display:block;width:100%;height:100%;background:#42d66b;transform-origin:left center}.top-ally-death{position:absolute;inset:-1px;display:none;place-items:center;border-radius:inherit;background:#050c09bd;color:#ffd9d9;font-size:10px;font-weight:1000}.top-ally-avatar[data-dead=true] .top-ally-death{display:grid}.player-status{right:calc(16px + var(--hok-safe-right));bottom:calc(var(--hok-safe-bottom) + clamp(198px,34vh,258px));display:grid;gap:4px;width:clamp(180px,22vw,232px);padding:6px 8px;border-color:#ffffff1f;border-radius:8px;background:#050c097a;box-shadow:0 8px 20px #00000029;pointer-events:none}.status-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center}.status-hero{min-width:0;overflow:hidden;color:#ffe790;font-size:11px;font-weight:1000;text-overflow:ellipsis;white-space:nowrap}.status-line{display:flex;gap:6px;justify-content:end;color:#cde7d3;font-size:9px;font-weight:900;white-space:nowrap}.player-status .resource{grid-template-columns:minmax(0,1fr) auto;gap:6px}.player-status .resource strong{min-width:52px;color:#fff;font-size:8px;text-align:right}.player-status .resource-track{height:5px}.buff-bar{min-height:16px;gap:4px;overflow:hidden;flex-wrap:nowrap}.buff-bar:empty{display:none}.buff-icon{flex:0 0 auto;width:16px;height:16px;font-size:7px}@media(max-width:820px){.top-score{left:calc(120px + var(--hok-safe-left));right:calc(50px + var(--hok-safe-right));max-width:calc(100vw - 170px - var(--hok-safe-left) - var(--hok-safe-right));gap:3px;padding:3px 5px}.top-score-chip{padding:0 5px}.top-clock{min-width:42px;padding:0 6px}.top-kda{padding:0 5px}.top-kda small{display:none}.top-ally-list{gap:2px}.top-ally-avatar{width:21px;height:21px;font-size:9px}.player-status{right:calc(10px + var(--hok-safe-right));width:clamp(170px,30vw,210px)}}@media(max-height:430px)and (orientation:landscape){.player-status{bottom:calc(var(--hok-safe-bottom) + 196px);width:198px;gap:4px;padding:6px 8px}.player-status .resource strong{min-width:48px;font-size:8px}.buff-bar{min-height:14px}.buff-icon{width:14px;height:14px}}@media(pointer:coarse)and (orientation:portrait){.top-score,.player-status{display:none}}.scoreboard{left:50%;right:auto;top:50%;display:none;width:min(940px,calc(var(--hok-safe-width) - 28px));max-height:min(76vh,calc(var(--hok-safe-height) - 28px));padding:12px;transform:translate(-50%,-50%);overflow:auto}.scoreboard[data-visible=true]{display:grid;gap:10px}.scoreboard-title{display:grid;grid-template-columns:minmax(0,1fr) auto 34px;gap:10px;align-items:center;min-height:38px;padding:2px 4px 2px 10px;color:#f7d35f;font-size:15px;letter-spacing:0}.scoreboard-title:after{content:none}.scoreboard-heading{color:#f7d35f;font-size:15px;font-weight:1000}.scoreboard-live{color:#a8c2b0;font-size:10px;font-weight:800;white-space:nowrap}.scoreboard-close{display:grid;width:34px;height:34px;place-items:center;padding:0 0 2px;border:2px solid rgb(255 203 203 / 84%);border-radius:50%;background:#781b22f0;box-shadow:inset 0 0 0 2px #ffffff14,0 0 12px #ff5d5d47,0 4px 10px #00000052;color:#fff;font:inherit;font-size:24px;font-weight:800;line-height:1;cursor:pointer;touch-action:manipulation}.scoreboard-close:active{filter:brightness(1.18);transform:scale(.9)}.scoreboard-body{display:grid;gap:10px}.match-quick-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.match-quick-stat{display:grid;gap:2px;min-width:0;padding:7px 9px;border:1px solid rgb(255 255 255 / 10%);border-radius:6px;background:linear-gradient(180deg,#ffffff14,#0309075c);text-align:left}.match-quick-stat small{overflow:hidden;color:#a9c4b1;font-size:9px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.match-quick-stat strong{overflow:hidden;color:#fff;font-size:14px;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.match-board{display:grid;gap:10px}.match-team-section{display:grid;gap:6px;padding:8px;border:1px solid rgb(255 255 255 / 10%);border-radius:7px;background:#03090757}.match-team-section[data-team=blue]{border-color:#4da6ff3d;box-shadow:inset 3px 0 #4da6ffb8}.match-team-section[data-team=red]{border-color:#ff5d5d3d;box-shadow:inset 3px 0 #ff5d5db8}.match-team-header{display:grid;grid-template-columns:minmax(72px,1fr) repeat(3,minmax(68px,auto));gap:8px;align-items:center;padding:0 6px 2px;color:#b9d1c0;font-size:10px;font-weight:900}.match-team-header strong{color:#fff;font-size:13px}.match-team-header span{overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.match-team-rows{display:grid;gap:5px}.match-row{display:grid;grid-template-areas:"hero medal metrics equipment economy";grid-template-columns:minmax(176px,1.25fr) 50px minmax(238px,1.65fr) 152px 74px;gap:8px;align-items:center;min-width:0;padding:7px 8px;border:1px solid rgb(255 255 255 / 8%);border-radius:7px;background:#ffffff0d;color:#e8f3ea}.match-row[data-team=blue]{background:linear-gradient(90deg,#4da6ff29,#ffffff0a)}.match-row[data-team=red]{background:linear-gradient(90deg,#ff5d5d29,#ffffff0a)}.match-row[data-player=true]{border-color:#f7d35f6b;box-shadow:inset 0 0 0 1px #f7d35f26}.match-hero{grid-area:hero;display:flex;align-items:center;min-width:0;gap:8px}.match-avatar{display:grid;flex:0 0 auto;width:36px;height:36px;place-items:center;border:1px solid color-mix(in srgb,var(--role-tone) 62%,white 12%);border-radius:50%;background:radial-gradient(circle at 36% 24%,rgb(255 255 255 / 28%),transparent 30%),radial-gradient(circle at 50% 56%,color-mix(in srgb,var(--role-tone) 52%,#08130f) 0 58%,#07100d 60%);box-shadow:inset 0 0 0 2px #ffffff12,0 4px 12px #00000047;color:#fff;font-size:15px;font-weight:1000;line-height:1;text-shadow:0 2px 8px rgb(0 0 0 / 66%)}.match-avatar[data-team=blue]{outline:2px solid rgb(77 166 255 / 28%)}.match-avatar[data-team=red]{outline:2px solid rgb(255 93 93 / 28%)}.match-hero-copy{display:grid;min-width:0;gap:1px;text-align:left}.match-hero-copy strong,.match-hero-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-hero-copy strong{color:#fff;font-size:13px}.match-hero-copy small{color:#a7c2af;font-size:9px;font-weight:800}.match-row-medal{grid-area:medal;min-height:22px;padding:4px 6px;border-radius:999px;color:#7d8e82;font-size:10px;font-weight:1000;text-align:center}.match-row[data-medal=最佳] .match-row-medal{border:1px solid rgb(247 211 95 / 42%);background:#f7d35f24;color:#f7d35f}.match-row[data-medal=尽力] .match-row-medal{border:1px solid rgb(184 205 255 / 32%);background:#7c96ff1f;color:#d9e3ff}.match-metrics{grid-area:metrics;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;min-width:0}.match-metric{display:grid;min-width:0;gap:1px;padding:4px 5px;border-radius:5px;background:#0000002e;text-align:left}.match-metric small,.match-metric strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-metric small{color:#8fa59a;font-size:8px;font-weight:900}.match-metric strong{color:#fff;font-size:11px;font-variant-numeric:tabular-nums}.match-equipment{grid-area:equipment;display:grid;grid-template-columns:repeat(6,21px);gap:4px;justify-content:end}.match-item-slot{display:grid;width:21px;height:21px;place-items:center;border:1px solid rgb(255 255 255 / 12%);border-radius:50%;background:#00000038}.match-item-slot[data-empty=true]:before{display:block;width:5px;height:5px;border-radius:50%;background:#ffffff29;content:""}.match-item-slot .item-icon{width:100%;height:100%;border-width:1px;font-size:8px}.match-economy{grid-area:economy;display:grid;min-width:0;gap:1px;text-align:right}.match-economy strong,.match-economy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-economy strong{color:#f7d35f;font-size:12px;font-variant-numeric:tabular-nums}.match-economy small{color:#9db4a5;font-size:8px;font-weight:900}.end-overlay{display:none;align-content:center;padding:18px;text-align:center}.end-overlay[data-visible=true]{display:grid}.end-title{position:relative;isolation:isolate;width:fit-content;margin:0 auto;color:#f7d35f;font-size:clamp(34px,8vh,58px);font-weight:1000;line-height:1;text-shadow:0 4px 24px rgb(0 0 0 / 70%)}.end-title:before{position:absolute;left:50%;top:50%;z-index:-1;width:clamp(104px,19vh,150px);height:clamp(104px,19vh,150px);border:1px solid rgb(255 255 255 / 16%);border-radius:50%;background:radial-gradient(circle,rgb(247 211 95 / 24%) 0 42%,transparent 44%),conic-gradient(from 16deg,#f7d35f00,#f7d35f61,#ffffff1a,#f7d35f00);content:"";transform:translate(-50%,-50%)}.end-overlay[data-result=defeat] .end-title{color:#cbd6df}.end-overlay[data-result=defeat] .end-title:before{background:radial-gradient(circle,rgb(150 170 190 / 20%) 0 42%,transparent 44%),conic-gradient(from 16deg,#96aabe00,#a0b4c847,#ffffff14,#96aabe00)}.end-sub{margin-top:14px;color:#d4ead8;font-size:13px;font-weight:900}.end-table{display:grid;gap:12px;width:min(980px,calc(var(--hok-safe-width) - 28px));max-height:min(62vh,620px);margin:18px auto;overflow:auto}.end-spotlight{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.end-medal-card{display:grid;gap:9px;padding:11px;border:1px solid rgb(255 255 255 / 12%);border-radius:8px;background:linear-gradient(135deg,rgb(247 211 95 / 12%),transparent 48%),#050c099e;text-align:left}.end-medal-card[data-team=blue]{border-color:#4da6ff47}.end-medal-card[data-team=red]{border-color:#ff5d5d47}.end-medal-card[data-medal=尽力]{background:linear-gradient(135deg,rgb(160 180 210 / 12%),transparent 48%),#050c099e}.end-medal-badge{width:fit-content;padding:4px 10px;border:1px solid rgb(247 211 95 / 44%);border-radius:999px;background:#f7d35f24;color:#f7d35f;font-size:12px}.end-medal-card[data-medal=尽力] .end-medal-badge{border-color:#b8cdff5c;background:#7c96ff1f;color:#d9e3ff}.end-medal-hero{display:flex;align-items:center;min-width:0;gap:8px}.end-medal-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.end-actions{justify-content:center;padding-bottom:max(0px,calc(var(--hok-safe-bottom) - 4px))}.end-actions button{min-width:132px;min-height:38px;cursor:pointer}@media(max-width:820px){.scoreboard{width:calc(var(--hok-safe-width) - 14px);max-height:calc(var(--hok-safe-height) - 14px);padding:8px}.match-quick-stats{grid-template-columns:repeat(auto-fit,minmax(78px,1fr))}.match-team-header{grid-template-columns:minmax(64px,1fr) repeat(2,minmax(58px,auto))}.match-team-header span:last-child{display:none}.match-row{grid-template-areas:"hero medal" "metrics metrics" "equipment economy";grid-template-columns:minmax(0,1fr) auto;gap:7px}.match-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.match-equipment{justify-content:start}.end-overlay{padding:10px}.end-table{width:calc(var(--hok-safe-width) - 14px);max-height:min(66vh,calc(var(--hok-safe-height) - 112px));margin:14px auto}.end-spotlight{grid-template-columns:1fr}}@media(max-width:560px){.match-metrics,.end-medal-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.match-equipment{grid-template-columns:repeat(6,19px)}.match-item-slot{width:19px;height:19px}.match-economy{min-width:58px}}.debug-panel-root{position:fixed;inset:0;z-index:130;pointer-events:none}.debug-toggle{position:absolute;top:calc(var(--hok-safe-top) + 58px);right:calc(var(--hok-safe-right) + 12px);display:none;min-width:44px;height:30px;border:1px solid rgb(247 211 95 / 46%);border-radius:999px;background:#050c09d1;color:#f7d35f;font:inherit;font-size:11px;font-weight:1000;box-shadow:0 8px 20px #0000003d;pointer-events:auto}.debug-panel-root[data-enabled=true] .debug-toggle{display:inline-grid;place-items:center}.debug-panel{position:absolute;top:calc(var(--hok-safe-top) + 96px);right:calc(var(--hok-safe-right) + 12px);display:none;width:min(340px,calc(var(--hok-safe-width) - 24px));max-height:min(610px,calc(var(--hok-safe-height) - 112px));overflow:auto;gap:10px;padding:12px;border:1px solid rgb(247 211 95 / 26%);border-radius:8px;background:#050c09e0;box-shadow:0 18px 42px #00000057;color:#edf7ef;backdrop-filter:blur(10px);pointer-events:auto}.debug-panel-root[data-visible=true] .debug-panel{display:grid}.debug-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.debug-header strong{color:#f7d35f;font-size:13px;font-weight:1000}.debug-header button,.debug-actions button{min-height:30px;border:1px solid rgb(255 255 255 / 14%);border-radius:6px;background:#ffffff12;color:#edf7ef;font:inherit;font-size:11px;font-weight:900;cursor:pointer}.debug-header button{padding:0 10px}.debug-header button:active,.debug-actions button:active{transform:scale(.96)}.debug-actions button[data-debug-action=toggle-invulnerability][data-active=true]{border-color:#f7d35fad;background:#f7d35f2e;color:#ffe790}.debug-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.debug-stat{display:grid;gap:1px;min-width:0;padding:6px 7px;border:1px solid rgb(255 255 255 / 9%);border-radius:6px;background:#ffffff0d}.debug-stat span,.debug-stat strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.debug-stat span{color:#9eb9a5;font-size:9px;font-weight:900}.debug-stat strong{color:#fff;font-size:12px;font-variant-numeric:tabular-nums}.debug-group{display:grid;gap:6px}.debug-group>strong{color:#bcd3c2;font-size:10px;font-weight:1000;text-transform:uppercase}.debug-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.debug-toast{display:none;min-height:24px;align-items:center;justify-content:center;padding:5px 8px;border:1px solid rgb(247 211 95 / 36%);border-radius:999px;background:#f7d35f1f;color:#ffe790;font-size:10px;font-weight:1000}.debug-toast[data-visible=true]{display:flex}@media(max-width:680px){.debug-panel{top:calc(var(--hok-safe-top) + 48px);right:calc(var(--hok-safe-right) + 8px);width:min(320px,calc(var(--hok-safe-width) - 16px));max-height:calc(var(--hok-safe-height) - 64px);padding:10px}.debug-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}.battle-info-column{left:calc(7px + var(--hok-safe-left));top:calc(7px + var(--hok-safe-top));width:clamp(132px,17vw,156px);gap:4px}.battle-info-column .minimap{border:2px solid rgb(197 222 211 / 28%);border-radius:5px;background:#040c0ab8;box-shadow:inset 0 0 0 1px #0000006b,0 8px 20px #0000003d}.gold-shop-button,.quick-buy-button,.score-toggle-button{border-radius:5px;border-color:#dee5da2e;background:#040c0a94;box-shadow:0 4px 10px #00000029}.gold-shop-button{min-height:27px;border-color:#f7d35f4d;background:linear-gradient(90deg,#3b2d12bd,#040c0a94)}.quick-buy-button{min-height:29px}.quick-buy-icon{width:18px;height:18px}.top-score{top:calc(5px + var(--hok-safe-top));min-height:30px;padding:3px 7px;border:1px solid rgb(214 230 221 / 16%);border-radius:6px;background:#030a098a;box-shadow:0 5px 14px #0000002e}.top-score-chip,.top-clock,.top-kda{min-height:23px;border-radius:4px}.top-score-chip[data-team=blue]{background:linear-gradient(90deg,#2e7eb852,#ffffff0a)}.top-score-chip[data-team=red]{background:linear-gradient(90deg,#a6363a47,#ffffff0a)}.top-clock{border-color:#f7d35f57;border-radius:4px}.mobile-pause{width:36px;height:36px;border-width:2px;background:#040c0a9e}.move-joystick{border:2px solid rgb(176 219 213 / 30%);background:radial-gradient(circle at 50% 50%,rgb(184 226 219 / 10%) 0 31%,transparent 32%),radial-gradient(circle at 50% 50%,transparent 0 52%,rgb(77 166 255 / 16%) 53% 55%,transparent 56%),#040c0c5c;box-shadow:inset 0 0 20px #42aed61a,0 10px 26px #0003;opacity:.36}.move-joystick-knob{width:42%;height:42%;border:2px solid rgb(167 225 255 / 52%);background:#3a84a447;box-shadow:inset 0 0 16px #c7f1ff29,0 6px 16px #00000038}.hok-skill-cluster{right:calc(9px + var(--hok-safe-right));bottom:calc(8px + var(--hok-safe-bottom));width:clamp(292px,38vw,324px);height:clamp(200px,34vh,232px)}.hok-skill-button,.hok-attack-button,.hok-attack-mode-button,.hok-tool-button{border-width:2px;background:conic-gradient(rgb(2 7 7 / 76%) var(--cooldown, 0%),transparent 0),#050f10e0;box-shadow:inset 0 0 0 3px #ffffff12,0 7px 18px #00000057}.hok-skill-button{border-color:#f7d35fad;outline:1px solid rgb(28 51 50 / 90%);outline-offset:-5px}.hok-skill-button[data-state=ready]{box-shadow:inset 0 0 0 3px #ffffff14,0 0 10px color-mix(in srgb,var(--icon-tone, #4da6ff) 32%,transparent),0 7px 18px #00000057}.hok-skill-q{right:112px;bottom:0}.hok-skill-e{right:138px;bottom:78px}.hok-skill-r{right:52px;bottom:126px;border-color:#ffcb5be0;box-shadow:inset 0 0 0 3px #ffffff17,0 0 18px color-mix(in srgb,var(--icon-tone, #ff5d5d) 36%,transparent),0 8px 20px #00000061}.hok-attack-button{right:0;bottom:0;border:3px solid rgb(126 219 255 / 78%);outline:2px solid rgb(247 211 95 / 54%);outline-offset:3px;background:radial-gradient(circle at 50% 48%,rgb(105 208 255 / 42%) 0 43%,transparent 44%),radial-gradient(circle at 50% 50%,#1b5f90b8 0 70%,#040c10f0 72%);box-shadow:inset 0 0 0 5px #ffffff14,0 0 22px #37aeec3d,0 10px 24px #00000061}.hok-last-hit-button{right:92px;bottom:76px}.hok-tower-button{right:8px;bottom:104px}.hok-attack-mode-button{width:40px;height:40px;border-color:#f7d35f94}.hok-attack-mode-switch{left:4px;top:24px;padding:3px;border-radius:6px;background:#040c0a8f}.hok-operation-mode-button{border-radius:50%}.hok-button-icon{width:82%;height:82%;border-width:2px;background:radial-gradient(circle at 34% 26%,rgb(255 255 255 / 26%),transparent 25%),radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--icon-tone, #4da6ff) 68%,#07110d) 0 56%,#06100d 58%)}.hok-skill-r .hok-button-icon{width:84%;height:84%}.hok-attack-button .hok-button-icon{width:68%;height:68%;border:0;background:transparent;box-shadow:none}.hok-button-cooldown{right:1px;top:1px;z-index:4;min-width:20px;height:20px;border-width:2px;background:#020707eb;font-size:11px}.hok-button-level{position:absolute;left:-3px;bottom:-3px;z-index:5;display:none;width:19px;height:19px;place-items:center;border:1px solid rgb(255 255 255 / 34%);border-radius:50%;background:#030a09eb;color:#fff;font-size:9px;font-weight:1000;line-height:1;pointer-events:none}.hok-button-level:not(:empty){display:grid}.hok-button-level[data-available=true]{inset:-4px -4px auto auto;width:24px;height:24px;border:2px solid #fff0a5;background:#d9a927;color:#07110d;font-size:18px;box-shadow:0 0 12px #f7d35f70}.mobile-tool-row{bottom:calc(9px + var(--hok-safe-bottom));gap:9px}.mobile-tool-button{width:var(--hok-tool-size);height:var(--hok-tool-size);border-width:2px;border-color:#cfe1d94d;background:conic-gradient(rgb(2 7 7 / 82%) var(--cooldown, 0%),transparent 0),#040d0ed6}.mobile-tool-button .hok-button-icon{width:80%;height:80%}.announcement-list{top:calc(41px + var(--hok-safe-top));width:min(380px,calc(100vw - 320px))}.announcement-list div{min-height:38px;border-radius:4px;background:linear-gradient(90deg,transparent,rgb(4 12 10 / 78%) 20% 80%,transparent);font-size:15px;text-shadow:0 2px 8px rgb(0 0 0 / 72%)}.announcement-list div[data-kind=kill]{border-width:1px 0;border-color:#f7d35f75;color:#fff3c1}.death-overlay[data-visible=true]{background:#04080870;backdrop-filter:grayscale(.65) brightness(.72)}.death-panel{border-radius:6px;border-color:#ffffff2e;background:#040909bd}.death-countdown{color:#f7d35f;font-size:34px}.shop-shell,.scoreboard,.pause-panel{border-color:#c3dcd338;background:#050d0cf0}.shop-header,.scoreboard-title{background:linear-gradient(90deg,#30514961,#050d0c33)}@media(max-height:520px)and (orientation:landscape){.hero-select-overlay{display:block;overflow:hidden;padding:6px}.hero-select-panel{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(260px,.92fr);grid-template-rows:auto auto minmax(0,1fr) auto;gap:6px 10px;width:100%;height:100%;max-height:none;overflow:hidden;padding:9px}.hero-select-title{grid-column:1 / -1;font-size:17px}.hero-role-tabs{grid-column:1 / -1;grid-row:2;gap:5px;margin:0}.hero-role-tab{min-height:28px;padding:0 10px;font-size:10px}.hero-select-grid{grid-column:1;grid-row:3;grid-template-columns:repeat(3,minmax(94px,1fr));align-content:start;gap:6px;min-height:0;margin:0;overflow:auto}.hero-card{grid-template-columns:38px 1fr;min-height:56px;gap:6px;padding:6px}.hero-avatar-card{width:38px;height:38px;font-size:15px}.hero-card-copy{gap:2px}.hero-card-copy span,.hero-card-copy strong,.hero-card-copy small{font-size:9px}.hero-select-detail{grid-column:2;grid-row:3;min-height:0;margin:0;overflow:auto;padding:8px}.hero-avatar-large{width:48px;height:48px;font-size:19px}.hero-select-detail h2{font-size:16px}.hero-detail-meta,.hero-skill-copy strong,.hero-skill-copy small{font-size:9px}.hero-skill-list{grid-template-columns:1fr;gap:4px}.hero-skill-chip{grid-template-columns:28px 1fr;gap:5px;padding:4px}.skill-icon{width:28px;height:28px}.hero-lineup-preview{grid-template-columns:repeat(5,minmax(34px,1fr));gap:4px}.lineup-slot{padding:4px}.summoner-select-row{gap:5px}.summoner-select-button{min-height:28px;padding:0 7px;font-size:9px}.hero-select-actions{grid-column:1 / -1;grid-row:4;flex-wrap:nowrap}.random-hero-button,.start-match-button{min-height:34px}.battle-info-column{width:clamp(128px,17vw,148px)}.top-ally-avatar{width:20px;height:20px}.hok-skill-cluster{transform:scale(.94);transform-origin:right bottom}}@media(max-width:740px)and (orientation:landscape){.top-ally-list{display:none}.top-score{left:calc(120px + var(--hok-safe-left))}.battle-info-column{width:124px}}@media(max-height:520px)and (orientation:landscape){.scoreboard{width:calc(var(--hok-safe-width) - 18px);max-height:calc(var(--hok-safe-height) - 12px);gap:4px;padding:6px}.scoreboard-title{grid-template-columns:minmax(0,1fr) auto 32px;gap:6px;min-height:34px;padding:1px 2px 1px 7px;font-size:10px}.scoreboard-heading{font-size:11px}.scoreboard-live{font-size:8px}.scoreboard-close{width:32px;height:32px;font-size:22px}.scoreboard-body,.match-board{gap:4px}.match-quick-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.match-quick-stat{gap:0;min-height:24px;padding:2px 5px}.match-quick-stat small{font-size:7px}.match-quick-stat strong{font-size:10px}.match-team-section{gap:1px;padding:2px 3px}.match-team-header{grid-template-columns:minmax(56px,1fr) repeat(3,minmax(48px,auto));min-height:11px;gap:4px;padding:0 3px;font-size:7px}.match-team-header strong{font-size:9px}.match-team-rows{gap:1px}.match-row{grid-template-areas:"hero metrics equipment economy";grid-template-columns:minmax(108px,1.05fr) minmax(166px,1.55fr) 94px 48px;min-height:20px;gap:4px;padding:1px 3px;line-height:1}.match-row-medal{display:none}.match-hero{gap:5px}.match-avatar{width:18px;height:18px;font-size:8px}.match-hero-copy{gap:0}.match-hero-copy strong{font-size:9px}.match-hero-copy small{display:none}.match-metrics{gap:2px}.match-metric{gap:0;padding:1px 2px}.match-metric small{display:none}.match-metric strong{font-size:8px}.match-equipment{grid-template-columns:repeat(6,11px);gap:2px}.match-item-slot{width:11px;height:11px}.match-economy strong{font-size:8px}.match-economy small{font-size:6px}.end-table{max-height:55vh;margin:10px auto}.end-table .match-board{display:none}}:root{--hok-attack-size: clamp(78px, 10.2vw, 94px);--hok-skill-size: clamp(54px, 7.1vw, 66px);--hok-ultimate-size: clamp(62px, 8vw, 74px);--hok-tool-size: clamp(38px, 5vw, 42px);--hok-target-size: 40px}.ability-artwork{overflow:hidden;border-radius:50%;background-color:#07110d;background-position:center;background-repeat:no-repeat;background-size:cover;box-shadow:inset 0 0 0 1px #fff3}.ability-artwork:before,.ability-artwork:after{display:none!important}.skill-icon.ability-artwork{color:transparent;text-shadow:none}.hok-skill-cluster{right:calc(16px + var(--hok-safe-right));bottom:calc(14px + var(--hok-safe-bottom));width:calc(var(--hok-attack-size) + var(--hok-skill-size) + 98px);height:calc(var(--hok-ultimate-size) + var(--hok-attack-size) + 32px);transform:none}.hok-skill-button,.hok-attack-button,.hok-attack-mode-button,.hok-tool-button,.mobile-tool-button{isolation:isolate;overflow:visible;padding:0;outline:0;transition:transform 70ms ease,filter 90ms ease,border-color .1s ease,box-shadow .1s ease}.hok-skill-button,.hok-tool-button{border:2px solid rgb(153 205 228 / 48%);background:conic-gradient(rgb(2 7 8 / 82%) var(--cooldown, 0%),transparent 0),#040c0fe0;box-shadow:inset 0 0 0 2px #ffffff0d,0 5px 13px #00000057}.hok-skill-button .hok-button-icon{position:absolute;inset:3px;width:auto;height:auto;border:0;border-radius:50%;background-color:#07110d;box-shadow:inset 0 0 0 1px #ffffff2e}.hok-skill-button:before{position:absolute;inset:-4px;z-index:4;border-radius:50%;background:var(--skill-level-ring, transparent);content:"";pointer-events:none;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px))}.hok-skill-button:after{position:absolute;inset:3px;z-index:3;border-radius:50%;background:conic-gradient(from 0deg,rgb(1 5 8 / 74%) var(--cooldown, 0%),transparent 0);content:"";pointer-events:none}.hok-skill-button[data-state=ready]{border-color:#7fcdf1bd;box-shadow:inset 0 0 0 2px #ffffff0d,0 0 9px color-mix(in srgb,var(--icon-tone, #4da6ff) 30%,transparent),0 5px 13px #00000057}.hok-skill-button[data-state=cooldown] .ability-artwork,.hok-tool-button[data-state=cooldown] .hok-button-icon,.mobile-tool-button[data-state=cooldown] .hok-button-icon{filter:grayscale(.72) brightness(.58)}.hok-skill-button[data-state=nomp]{border-color:#5b77bfb8}.hok-skill-button[data-state=nomp] .ability-artwork{filter:grayscale(.35) brightness(.64) saturate(.62)}.hok-skill-button[data-state=disabled]{border-color:#ff69699e;opacity:.58}.hok-skill-button[data-state=disabled] .ability-artwork{filter:grayscale(.86) brightness(.46)}.hok-skill-button[data-state=locked]{opacity:.74}.hok-skill-button[data-state=locked]:after{background:#0105086b}.hok-skill-button:disabled{cursor:default}.hok-skill-button:disabled .ability-artwork{filter:grayscale(.72) brightness(.6) saturate(.62)}.hok-skill-r{right:calc(var(--hok-skill-size) - 42px);bottom:calc(var(--hok-attack-size) + 32px);width:var(--hok-ultimate-size);height:var(--hok-ultimate-size);border-color:#f7d35fc7}.hok-skill-r[data-state=ready]{border-color:#ffdd6feb;box-shadow:inset 0 0 0 2px #ffffff0f,0 0 12px #f7d35f47,0 5px 14px #00000061}.hok-skill-q{right:calc(var(--hok-attack-size) + 10px);bottom:2px}.hok-skill-e{right:calc(var(--hok-attack-size) + 6px);bottom:calc(var(--hok-skill-size) + 10px)}.hok-attack-button{right:0;bottom:0;width:var(--hok-attack-size);height:var(--hok-attack-size);border:3px solid rgb(112 207 248 / 82%);outline:0;background:radial-gradient(circle at 50% 46%,rgb(74 176 231 / 38%) 0 42%,transparent 43%),radial-gradient(circle at 50% 50%,#1d6897 0 64%,#07151d 66%);box-shadow:inset 0 0 0 4px #ffffff14,0 0 0 2px #f7d35f61,0 7px 18px #0000006b}.hok-attack-button .hok-button-icon{position:absolute;inset:2px;width:auto;height:auto;overflow:visible;border:0;background:transparent;box-shadow:none}.hok-attack-button .hok-button-icon:before{position:absolute;left:42%;top:3%;display:block;width:16%;height:67%;border:0;border-radius:0;background:linear-gradient(90deg,#69a8d0,#e9f8ff 30%,#fff 54%,#8dc7ea 76%,#3e739d);box-shadow:0 0 7px #d0f1ff8f,inset -2px 0 #1a4c7057;clip-path:polygon(50% 0,100% 17%,72% 100%,28% 100%,0 17%);content:"";opacity:1;transform:rotate(43deg);transform-origin:50% 72%}.hok-attack-button .hok-button-icon:after{position:absolute;left:27%;top:57%;display:block;width:46%;height:38%;border-radius:0;background:radial-gradient(circle,#fff1a2 0 52%,transparent 56%) 50% 100% / 24% 24% no-repeat,linear-gradient(90deg,#9a5f20,#ffe984 42%,#fff4b0 52%,#b67224) 50% 7% / 100% 18% no-repeat,linear-gradient(90deg,#4c2930,#c98b43 44%,#e2b15c 54%,#593039) 50% 64% / 20% 72% no-repeat;box-shadow:none;filter:drop-shadow(0 0 4px rgb(247 211 95 / 56%));content:"";opacity:1;transform:rotate(43deg);transform-origin:50% 7%}.mobile-controls[data-attack-mode=lock] .hok-attack-button{border-color:#ff7777e0;box-shadow:inset 0 0 0 4px #ffffff12,0 0 0 2px #ff5d5d61,0 0 16px #ff5d5d38,0 7px 18px #0000006b}.hok-attack-mode-button{width:32px;height:32px;border:2px solid rgb(245 216 122 / 66%);background:#060f10eb;box-shadow:inset 0 0 0 2px #ffffff0d,0 4px 10px #0000005c}.hok-attack-mode-button .hok-button-icon{position:absolute;inset:0;width:auto;height:auto;border-width:1px}.hok-last-hit-button .hok-button-icon:before{inset:13%;border:2px solid #ffffff;border-radius:50%;background:linear-gradient(#fff,#fff) 50% 0 / 2px 7px no-repeat,linear-gradient(#fff,#fff) 50% 100% / 2px 7px no-repeat,linear-gradient(90deg,#fff,#fff) 0 50% / 7px 2px no-repeat,linear-gradient(90deg,#fff,#fff) 100% 50% / 7px 2px no-repeat,radial-gradient(circle,#f7d35f 0 20%,transparent 22%)}.hok-last-hit-button .hok-button-icon:after{left:29%;top:62%;width:42%;height:7%;background:#f7d35f;transform:rotate(-38deg)}.hok-tower-button .hok-button-icon:before{left:24%;top:10%;width:52%;height:70%;border:0;border-radius:3px 3px 1px 1px;background:#fff;clip-path:polygon(0 16%,18% 16%,18% 0,38% 0,38% 16%,62% 16%,62% 0,82% 0,82% 16%,100% 16%,86% 100%,14% 100%)}.hok-tower-button .hok-button-icon:after{left:16%;top:78%;width:68%;height:8%;background:#f7d35f;transform:none}.hok-last-hit-button{right:38px;bottom:var(--hok-attack-size)}.hok-tower-button{right:0;bottom:var(--hok-attack-size)}.mobile-controls:not([data-attack-mode=advanced]) .hok-attack-mode-button{display:none}.hok-button-cooldown{inset:0;z-index:6;width:100%;height:100%;min-width:0;margin:auto;padding:0;border:0;border-radius:50%;background:#0105087a;color:#fff;font-size:clamp(16px,2.5vw,22px);line-height:1;text-shadow:0 2px 5px #000000}.hok-tool-button .hok-button-cooldown,.mobile-tool-button .hok-button-cooldown,.hok-attack-mode-button .hok-button-cooldown{font-size:13px}.hok-button-level:not([data-available=true]){display:none}.hok-button-level[data-available=true]{right:-5px;top:-5px;width:22px;height:22px;border:2px solid #fff4af;background:#d5a51f;color:#07110d;font-size:17px}.hok-skill-upgrade{position:absolute;z-index:10;display:grid;width:28px;height:28px;place-items:center;padding:0 0 2px;border:2px solid #fff3a8;border-radius:50%;background:#124358f0;box-shadow:inset 0 0 0 2px #ffffff1a,0 0 12px #f7d35f70,0 4px 10px #0000005c;color:#dff7ff;font:inherit;font-size:22px;font-weight:900;line-height:1;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}.hok-skill-upgrade[hidden]{display:none}.hok-skill-upgrade-q{right:calc(var(--hok-attack-size) + var(--hok-skill-size) - 6px);bottom:calc(var(--hok-skill-size) - 12px)}.hok-skill-upgrade-e{right:calc(var(--hok-attack-size) + var(--hok-skill-size) - 8px);bottom:calc(var(--hok-skill-size) + var(--hok-skill-size) - 4px)}.hok-skill-upgrade-r{right:calc(var(--hok-skill-size) + var(--hok-ultimate-size) - 56px);bottom:calc(var(--hok-attack-size) + var(--hok-ultimate-size) + 18px)}.hok-skill-upgrade:active{filter:brightness(1.2);transform:scale(.9)}.mobile-tool-row{left:50%;bottom:calc(20px + var(--hok-safe-bottom));gap:12px;transform:translate(-50%)}.mobile-tool-button{width:var(--hok-tool-size);height:var(--hok-tool-size);border:1px solid rgb(205 229 221 / 34%);background:conic-gradient(rgb(1 6 8 / 82%) var(--cooldown, 0%),transparent 0),#040d0fe0;box-shadow:inset 0 0 0 2px #ffffff0d,0 5px 12px #00000052}.mobile-tool-button .hok-button-icon{position:absolute;inset:0;width:auto;height:auto;border:0;background:radial-gradient(circle at 32% 24%,rgb(255 255 255 / 30%) 0 24%,transparent 25%),radial-gradient(circle at 50% 58%,color-mix(in srgb,var(--icon-tone, #4da6ff) 84%,#10242b) 0 100%);box-shadow:inset 0 0 0 1px #ffffff3d,0 0 12px color-mix(in srgb,var(--icon-tone, #4da6ff) 34%,transparent)}.mobile-tool-button .hok-button-icon:before,.mobile-tool-button .hok-button-icon:after{transform-origin:50% 50%;scale:1.3}.hok-skill-button .hok-button-label,.hok-attack-button .hok-button-label,.hok-attack-mode-button .hok-button-label,.mobile-tool-button .hok-button-label{position:absolute;top:auto;bottom:5px;left:50%;z-index:7;width:max-content;height:auto;overflow:visible;clip:auto;color:#fff;font-size:clamp(9px,1.45vw,12px);font-weight:900;letter-spacing:0;line-height:1;text-shadow:0 1px 2px #000000,0 0 5px #000000;transform:translate(-50%);white-space:nowrap;pointer-events:none}.hok-attack-mode-button .hok-button-label,.mobile-tool-button .hok-button-label{bottom:3px;font-size:9px}.mobile-tool-button[data-state=channeling]{border-color:#f7d35fc7;box-shadow:0 0 13px #f7d35f47}.hok-skill-button:not(:disabled):active,.hok-tool-button:active,.hok-attack-button:active,.hok-attack-mode-button:active,.mobile-tool-button:active,.target-lock-button:active{filter:brightness(1.18);transform:scale(.93)}.mobile-controls[data-aiming-slot="0"] .hok-skill-q,.mobile-controls[data-aiming-slot="1"] .hok-skill-e,.mobile-controls[data-aiming-slot="2"] .hok-skill-r{z-index:8;border-color:#d8f6ff;box-shadow:0 0 0 3px #5ec4f138,0 0 18px #5ec4f16b;transform:scale(1.06)}.mobile-controls[data-cancel=true][data-aiming-slot="0"] .hok-skill-q,.mobile-controls[data-cancel=true][data-aiming-slot="1"] .hok-skill-e,.mobile-controls[data-cancel=true][data-aiming-slot="2"] .hok-skill-r{border-color:#f77;box-shadow:0 0 0 3px #ff5d5d38,0 0 18px #ff5d5d6b}.target-lock-list{position:absolute;top:calc(54px + var(--hok-safe-top));right:calc(66px + var(--hok-safe-right));display:none;flex-direction:column;gap:4px;pointer-events:none;transition:opacity .1s ease}.mobile-controls[data-attack-mode=lock] .target-lock-list:not([data-empty=true]){display:flex}.mobile-controls[data-aiming=true] .target-lock-list{opacity:0}.target-lock-button{position:relative;display:grid;width:var(--hok-target-size);height:var(--hok-target-size);place-items:center;padding:3px;border:2px solid rgb(255 255 255 / 44%);border-radius:50%;background:#050c0ee0;box-shadow:0 4px 11px #00000057;pointer-events:auto;touch-action:none}.target-lock-portrait{display:grid;width:100%;height:100%;place-items:center;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 36% 28%,rgb(255 255 255 / 28%),transparent 24%),radial-gradient(circle at 50% 72%,color-mix(in srgb,var(--hero-tone) 74%,#07110d),#07110d 72%)}.target-lock-glyph{color:#fff;font-size:16px;font-weight:1000;text-shadow:0 2px 5px #000000}.target-lock-hp{position:absolute;right:4px;bottom:1px;left:4px;height:3px;overflow:hidden;border-radius:3px;background:#0000009e}.target-lock-hp:after{display:block;width:var(--target-hp);height:100%;border-radius:inherit;background:#ff6464;content:""}.target-lock-button[data-in-range=false]{filter:grayscale(.32) brightness(.78);opacity:.76}.target-lock-button[data-locked=true]{border-color:#f77;box-shadow:0 0 0 2px #ff5d5d3d,0 0 14px #ff5d5d61,0 4px 11px #00000057}.target-lock-button[data-locked=true]:before,.target-lock-button[data-locked=true]:after{position:absolute;z-index:3;width:8px;height:8px;border-style:solid;border-color:#ff8585;content:"";pointer-events:none}.target-lock-button[data-locked=true]:before{top:-4px;left:-4px;border-width:2px 0 0 2px}.target-lock-button[data-locked=true]:after{right:-4px;bottom:-4px;border-width:0 2px 2px 0}.cast-cancel-zone{right:calc(18px + var(--hok-safe-right));bottom:calc(var(--hok-safe-bottom) + var(--hok-ultimate-size) + var(--hok-attack-size) + 46px);width:58px;height:58px;border:2px solid rgb(221 235 231 / 36%);background:#040c0ed1;font-size:0;box-shadow:0 6px 16px #0000004d}.cast-cancel-icon{display:grid;width:34px;height:34px;place-items:center;border:2px solid currentColor;border-radius:50%;font-size:27px;font-weight:700;line-height:1}.mobile-controls[data-cancel=true] .cast-cancel-zone{border-color:#f77;background:#5b1015eb;box-shadow:0 0 18px #ff5d5d57;transform:scale(1.08)}.settings-panel{z-index:160;top:50%;bottom:auto;left:50%;width:min(390px,calc(var(--hok-safe-width) - 24px));max-height:calc(var(--hok-safe-height) - 20px);border-color:#d5e8e03d;background:#040c0df5;transform:translate(-50%,-50%)}.settings-header{display:flex;min-height:30px;align-items:center;justify-content:space-between}.settings-close{display:grid;width:30px;height:30px;place-items:center;padding:0;border:1px solid rgb(255 255 255 / 18%);border-radius:50%;background:#ffffff12;color:#fff;font:inherit;font-size:21px;line-height:1}.settings-segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:3px;border:1px solid rgb(255 255 255 / 12%);border-radius:6px;background:#ffffff0d}.settings-segmented button{min-width:0;min-height:28px;padding:0 6px;border:1px solid transparent;border-radius:4px;background:transparent;color:#9eb9a5;font:inherit;font-size:10px;font-weight:900}.settings-segmented button[data-selected=true]{border-color:#f7d35f6b;background:#f7d35f29;color:#fff1a8}@media(max-height:410px)and (orientation:landscape){:root{--hok-target-size: 38px}.hok-skill-cluster{right:calc(13px + var(--hok-safe-right));bottom:calc(11px + var(--hok-safe-bottom))}.mobile-tool-row{bottom:calc(17px + var(--hok-safe-bottom));gap:10px}.target-lock-list{top:calc(48px + var(--hok-safe-top))}.cast-cancel-zone{width:54px;height:54px}.settings-panel[data-visible=true]{gap:6px;padding:8px}.settings-row{grid-template-columns:88px 1fr;gap:7px;font-size:10px}}.hero-select-overlay{z-index:200;background:radial-gradient(circle at 18% 10%,rgb(48 116 91 / 24%),transparent 34%),radial-gradient(circle at 82% 100%,color-mix(in srgb,var(--selected-hero-color, #f7d35f) 18%,transparent),transparent 38%),linear-gradient(135deg,#020a0bf5,#05110ff0 52%,#030a0df7);backdrop-filter:blur(18px) saturate(1.12)}.hero-select-panel{position:relative;isolation:isolate;border-color:#d5e8e033;border-radius:18px;background:linear-gradient(145deg,#0e1e1af0,#040d0ef5),#040d0ef5;box-shadow:0 24px 80px #00000085,inset 0 1px #ffffff12}.hero-select-panel:before{position:absolute;z-index:-1;top:0;right:12%;left:12%;height:2px;background:linear-gradient(90deg,transparent,#f7d35f 30% 70%,transparent);box-shadow:0 0 24px #f7d35f6b;content:""}.hero-select-panel:after{position:absolute;z-index:-1;right:-12%;bottom:-42%;width:54%;aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--selected-hero-color, #f7d35f) 13%,transparent);filter:blur(70px);content:"";pointer-events:none}.hero-select-header{display:flex;gap:18px;align-items:center;justify-content:space-between;min-width:0}.hero-select-heading-copy{display:grid;gap:2px;min-width:0}.hero-select-kicker{color:#7fbba5;font-size:9px;font-weight:1000;letter-spacing:.24em}.hero-select-title{background:linear-gradient(180deg,#fff8d1,#f7d35f);background-clip:text;color:transparent;font-size:clamp(22px,2.5vw,30px);letter-spacing:.08em;line-height:1.08;text-shadow:0 6px 26px rgb(247 211 95 / 16%)}.hero-select-subtitle{margin:2px 0 0;color:#8eaca3;font-size:11px;line-height:1.35}.hero-roster-count{flex:0 0 auto;padding:7px 10px;border:1px solid rgb(127 187 165 / 24%);border-radius:999px;background:#7fbba514;color:#bcd6cd;font-size:10px;font-weight:900}.hero-role-tabs{scrollbar-width:none}.hero-role-tabs::-webkit-scrollbar,.hero-select-grid::-webkit-scrollbar,.hero-select-detail::-webkit-scrollbar{display:none}.hero-role-tab{border-color:#bbd8ce29;background:#ffffff0a;color:#9fbbb2;transition:border-color .14s ease,background .14s ease,color .14s ease,transform .14s ease}.hero-role-tab[data-selected=true]{border-color:#f7d35f7a;background:linear-gradient(180deg,#f7d35f2e,#f7d35f14);box-shadow:inset 0 1px #ffffff14;color:#ffedaa}.hero-card{position:relative;overflow:hidden;border-color:#c4ded521;border-radius:12px;background:linear-gradient(110deg,color-mix(in srgb,var(--hero-color) 8%,transparent),transparent 58%),#ffffff0a;box-shadow:inset 0 1px #ffffff0a;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .15s ease}.hero-card:after{position:absolute;top:6px;right:6px;display:grid;width:18px;height:18px;place-items:center;border:1px solid rgb(247 211 95 / 62%);border-radius:50%;background:#f7d35f;box-shadow:0 0 14px #f7d35f5c;color:#142019;content:"";font-size:11px;font-weight:1000;opacity:0;transform:scale(.7);transition:opacity .14s ease,transform .14s ease}.hero-card[data-selected=true]{border-color:color-mix(in srgb,var(--hero-color) 64%,#f7d35f);background:linear-gradient(110deg,color-mix(in srgb,var(--hero-color) 24%,transparent),#f7d35f0d),#ffffff0f;box-shadow:0 0 0 1px color-mix(in srgb,var(--hero-color) 18%,transparent),0 10px 28px #0000002e,inset 3px 0 color-mix(in srgb,var(--hero-color) 78%,#f7d35f)}.hero-card[data-selected=true]:after{content:"✓";opacity:1;transform:scale(1)}.hero-avatar{border-width:2px;box-shadow:0 0 0 3px #ffffff0a,0 0 24px color-mix(in srgb,var(--hero-color) 34%,transparent)}.hero-card-copy>span{color:#f4faf7;font-size:13px}.hero-card-copy strong{color:color-mix(in srgb,var(--hero-color) 62%,#d9eee6)}.hero-select-detail{position:relative;border-color:color-mix(in srgb,var(--hero-color) 24%,rgb(255 255 255 / 12%));border-radius:14px;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--hero-color) 18%,transparent),transparent 40%),linear-gradient(145deg,#ffffff12,#ffffff08);box-shadow:inset 0 1px #ffffff0f}.hero-detail-eyebrow{display:flex;align-items:center;justify-content:space-between;padding-bottom:7px;border-bottom:1px solid rgb(255 255 255 / 9%);color:#f7d35f;font-size:9px;font-weight:1000;letter-spacing:.16em}.hero-detail-eyebrow small{color:#88a89e;font-size:9px;letter-spacing:0}.hero-skill-chip,.lineup-slot{border-radius:10px;background:#0108094d}.summoner-select-button{flex:1 1 110px;border-radius:10px;background:#020a0b7a}.summoner-select-button[data-selected=true]{border-color:#f7d35fad;background:#f7d35f1c;box-shadow:inset 0 0 0 1px #f7d35f1a;color:#ffeba0}.hero-select-actions{align-items:center;padding-top:10px;border-top:1px solid rgb(255 255 255 / 9%)}.hero-selection-summary{display:flex;flex:1 1 auto;gap:9px;align-items:center;min-width:0}.hero-selection-summary .hero-avatar-card{width:38px;height:38px;font-size:14px}.hero-selection-summary-copy{display:grid;gap:1px;min-width:0}.hero-selection-summary-copy small{color:#829f96;font-size:8px;font-weight:900}.hero-selection-summary-copy strong{overflow:hidden;color:#fff;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.random-hero-button{border-radius:10px;background:#ffffff0d;color:#cce0d9}.start-match-button{flex:0 1 260px;border-color:#ffeda3b8;border-radius:10px;background:linear-gradient(180deg,#ffed9f,#d7a92c);box-shadow:0 8px 24px #d8a92c2e,inset 0 1px #ffffff8a;color:#132019;letter-spacing:.12em;text-shadow:0 1px rgb(255 255 255 / 28%)}.hero-role-tab:focus-visible,.hero-card:focus-visible,.summoner-select-button:focus-visible,.random-hero-button:focus-visible,.start-match-button:focus-visible{outline:2px solid #ffffff;outline-offset:2px}@media(hover:hover){.hero-card:hover,.hero-role-tab:hover,.random-hero-button:hover,.summoner-select-button:hover{border-color:#f7d35f7a;transform:translateY(-1px)}}@media(pointer:coarse)and (orientation:landscape){.hero-select-overlay{padding:6px}.hero-select-panel{grid-template-columns:minmax(0,1.12fr) minmax(238px,.88fr);grid-template-rows:auto auto minmax(0,1fr) auto;border-radius:14px}.hero-select-header{grid-column:1 / -1;grid-row:1}.hero-select-actions{min-width:0}.random-hero-button{flex:0 0 76px;width:auto}.start-match-button{flex:0 1 210px}}@media(orientation:landscape)and (max-width:1100px){.hero-select-overlay{top:6px;right:clamp(32px,6.2vw,60px);bottom:10px;left:clamp(32px,6.2vw,60px)}}@media(max-height:520px)and (orientation:landscape){.hero-select-panel{gap:6px 9px;padding:8px 10px}.hero-select-heading-copy{display:flex;gap:9px;align-items:baseline}.hero-select-header{grid-column:1 / -1;grid-row:1}.hero-select-title{font-size:18px}.hero-select-subtitle{display:none}.hero-select-kicker{font-size:7px}.hero-roster-count{padding:5px 8px;font-size:8px}.hero-role-tabs{padding-bottom:1px}.hero-role-tab{min-height:26px}.hero-select-actions{gap:7px;padding-top:6px}.hero-selection-summary .hero-avatar-card{width:32px;height:32px;font-size:12px}.random-hero-button,.start-match-button{min-height:32px}}@media(max-width:760px)and (orientation:portrait){.hero-select-header{align-items:flex-start}.hero-select-subtitle,.hero-roster-count{display:none}.hero-selection-summary{flex-basis:100%}.start-match-button{flex:1 1 180px}}.landing-screen{position:absolute;z-index:180;inset:0;isolation:isolate;overflow:hidden;background:#06110f;color:#fffbee;pointer-events:auto;transition:opacity .26s ease,transform .26s ease,filter .26s ease}.landing-screen[data-leaving=true]{opacity:0;filter:brightness(1.35) saturate(.8);pointer-events:none;transform:scale(1.025)}.landing-orientation-gate{position:absolute;z-index:20;inset:0;display:none;grid-template-columns:auto auto;gap:28px;place-content:center;place-items:center;padding:max(28px,var(--hok-safe-top)) max(28px,var(--hok-safe-right)) max(28px,var(--hok-safe-bottom)) max(28px,var(--hok-safe-left));background:radial-gradient(circle at center,#183e34b8,#020a0af5 62%),#020a0af0;color:#fff8d7;text-align:left;backdrop-filter:blur(12px)}.landing-screen[data-orientation-blocked=true] .landing-orientation-gate{display:grid}.landing-orientation-device{position:relative;display:block;width:44px;height:72px;border:3px solid #ffe17a;border-radius:10px;box-shadow:0 0 24px #ffd35252;animation:landing-device-rotate 1.8s ease-in-out infinite}.landing-orientation-device:before{position:absolute;top:5px;left:50%;width:14px;height:3px;border-radius:999px;background:#ffe17a;content:"";transform:translate(-50%)}.landing-orientation-gate div{display:grid;gap:7px}.landing-orientation-gate strong{font-size:clamp(24px,7vw,40px);font-weight:1000;letter-spacing:.08em}.landing-orientation-gate div span{color:#9ee5c9;font-size:clamp(12px,3.4vw,17px);font-weight:800;letter-spacing:.08em}.landing-poster{position:absolute;z-index:-4;inset:-3%;background-color:#102b25;background-image:var(--landing-poster);background-position:center 42%;background-size:cover;filter:saturate(1.08) contrast(1.04);transform:scale(1.035);animation:landing-poster-breathe 12s ease-in-out infinite alternate}.landing-screen:before{position:absolute;z-index:-3;inset:0;background:linear-gradient(90deg,#02090ac7,#030c0c4d 43%,#02080929 68%,#02070873),linear-gradient(180deg,rgb(1 7 8 / 58%) 0%,transparent 25%,transparent 58%,rgb(1 7 7 / 90%) 100%);content:""}.landing-screen:after{position:absolute;z-index:-2;inset:9px;border:1px solid rgb(255 232 145 / 18%);box-shadow:inset 0 0 80px #01070870,0 0 0 9px #0107084d;content:"";pointer-events:none}.landing-topbar{position:absolute;z-index:3;right:auto;bottom:max(30px,calc(var(--hok-safe-bottom) + 20px));left:max(28px,calc(var(--hok-safe-left) + 18px));display:grid;align-items:start;gap:7px;font-size:10px;font-weight:1000;letter-spacing:.16em}.landing-author{display:inline-flex;align-items:center;gap:7px;width:max-content;max-width:136px;padding:3px 7px 3px 3px;border:1px solid rgb(255 239 179 / 24%);border-radius:999px;background:#030c0c9e;box-shadow:inset 0 1px #ffffff12;color:#fff1b3e0;font-size:9px;font-weight:900;letter-spacing:.08em;line-height:1;backdrop-filter:blur(8px)}.landing-author-avatar{width:28px;height:28px;flex:0 0 28px;border:1px solid rgb(255 239 179 / 42%);border-radius:50%;object-fit:cover;object-position:center;box-shadow:0 2px 8px #00000052}.landing-hobby-badge,.landing-build-badge{min-height:28px;padding:7px 11px;border:1px solid rgb(255 239 179 / 28%);border-radius:999px;background:#030c0c7a;box-shadow:inset 0 1px #ffffff14;color:#fbe6a3;backdrop-filter:blur(9px)}.landing-build-badge{border-color:#6ddab152;color:#9ee5c9;font-family:var(--hok-font-mono);letter-spacing:.08em}.landing-copyright-button{display:grid;min-width:136px;min-height:38px;place-content:center;padding:6px 14px;border:1px solid rgb(255 239 179 / 34%);border-radius:7px;background:linear-gradient(180deg,#182f29db,#041110eb);box-shadow:inset 0 1px #ffffff17,0 8px 24px #0000002e;color:#fff1b3;font:inherit;line-height:1;text-align:center;backdrop-filter:blur(10px);transition:border-color .15s ease,filter .15s ease,transform .15s ease}.landing-copyright-button span{font-size:11px;font-weight:1000;letter-spacing:.16em}.landing-copyright-button small{margin-top:4px;color:#9ee5c9b8;font-family:var(--hok-font-mono);font-size:7px;font-weight:900;letter-spacing:.1em}.landing-brand{position:absolute;top:clamp(88px,16vh,160px);left:max(6vw,calc(var(--hok-safe-left) + 26px));display:grid;width:min(610px,50vw);gap:8px;align-content:start;filter:drop-shadow(0 12px 28px rgb(0 0 0 / 44%))}.landing-eyebrow{display:flex;gap:10px;align-items:center;color:#9fe0c6;font-size:clamp(8px,.78vw,12px);font-weight:1000;letter-spacing:.28em}.landing-eyebrow:before{width:clamp(28px,4vw,62px);height:2px;background:linear-gradient(90deg,#71d5af,transparent);box-shadow:0 0 12px #71d5afb8;content:""}.landing-title{position:relative;display:flex;gap:.06em;align-items:baseline;width:max-content;margin:0;font-size:clamp(58px,8.1vw,136px);font-weight:1000;letter-spacing:-.08em;line-height:.9;transform:skew(-4deg)}.landing-title span:first-child{background:linear-gradient(180deg,#fffce8 4%,#ffeaa0 42%,#d8a62d 78%,#7c5313);background-clip:text;color:transparent;filter:drop-shadow(0 3px #3e2a0b) drop-shadow(0 0 20px rgb(255 213 78 / 22%));-webkit-text-stroke:1px rgb(255 247 199 / 30%)}.landing-title span:last-child{background:linear-gradient(180deg,#ecfff8 4%,#92dfc4 42%,#318d72 78%,#154b40);background-clip:text;color:transparent;filter:drop-shadow(0 3px #113b31) drop-shadow(0 0 20px rgb(85 205 163 / 24%));-webkit-text-stroke:1px rgb(207 255 238 / 22%)}.landing-title:after{position:absolute;right:3%;bottom:-11px;left:8%;height:3px;background:linear-gradient(90deg,transparent,#f5c950 20% 62%,#6cddba 86%,transparent);box-shadow:0 0 16px #f7d35f75;content:""}.landing-primary-slogan{width:max-content;max-width:100%;margin-top:4px;padding:8px 14px 9px;border-left:3px solid #f7d35f;background:linear-gradient(90deg,rgb(2 10 10 / 66%),transparent);color:#fff2b0;font-size:clamp(12px,1.2vw,18px);font-weight:900;letter-spacing:.03em}.landing-joke-rail{position:absolute;top:20%;right:max(4vw,calc(var(--hok-safe-right) + 20px));display:grid;width:min(360px,31vw);gap:8px;justify-items:end}.landing-joke-rail span{padding:7px 11px;border:1px solid rgb(255 255 255 / 12%);border-radius:4px;background:#020a0b70;box-shadow:0 8px 20px #00000029;color:#ebf7f0bd;font-size:clamp(8px,.78vw,11px);font-weight:800;backdrop-filter:blur(7px);transform:translate(calc(var(--slogan-index) * -8px))}.landing-action-deck{position:absolute;right:max(5vw,calc(var(--hok-safe-right) + 24px));bottom:max(30px,calc(var(--hok-safe-bottom) + 20px));left:max(5vw,calc(var(--hok-safe-left) + 24px));display:flex;gap:24px;align-items:end;justify-content:space-between}.landing-disclaimer{margin:0 0 4px;color:#d8eae294;font-size:10px;font-weight:900;letter-spacing:.14em}.landing-actions{display:flex;gap:12px;align-items:stretch}.landing-start-button,.landing-settings-button{position:relative;display:grid;min-height:64px;align-content:center;padding:9px 28px;overflow:hidden;border-radius:8px;font:inherit;text-align:left;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.landing-start-button{min-width:clamp(210px,19vw,300px);border:1px solid #fff1a8;background:linear-gradient(105deg,transparent 0 32%,rgb(255 255 255 / 32%) 42%,transparent 52%) -180px 0 / 180px 100% no-repeat,linear-gradient(180deg,#ffe98b,#d9a52a 72%,#9e6f13);box-shadow:0 12px 34px #deaa2740,inset 0 1px #ffffff94,inset 0 -2px #58370547;color:#17231c}.landing-settings-button{min-width:clamp(150px,14vw,210px);border:1px solid rgb(196 230 218 / 34%);background:linear-gradient(180deg,#142d27e5,#051211f0);box-shadow:inset 0 1px #ffffff17;color:#e7f5ef;backdrop-filter:blur(10px)}.landing-start-button span,.landing-settings-button span{font-size:clamp(16px,1.65vw,23px);font-weight:1000;letter-spacing:.12em}.landing-start-button small,.landing-settings-button small{margin-top:3px;font-size:9px;font-weight:900;letter-spacing:.1em;opacity:.66}.landing-start-button:after{position:absolute;top:0;right:0;width:38px;height:100%;background:linear-gradient(135deg,transparent 45%,rgb(95 62 7 / 22%) 46% 52%,transparent 53%);content:""}.landing-particles{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none}.landing-particles i{position:absolute;top:calc(16% + (var(--particle-index) * 5.3%));left:calc(7% + (var(--particle-index) * 7.1%));width:calc(2px + (var(--particle-index) % 3) * 1px);height:calc(2px + (var(--particle-index) % 3) * 1px);border-radius:50%;background:#ffe68b;box-shadow:0 0 9px #ffdb62;opacity:.22;animation:landing-mote calc(4s + (var(--particle-index) * .18s)) ease-in-out infinite alternate}.landing-start-button:focus-visible,.landing-settings-button:focus-visible,.landing-copyright-button:focus-visible{outline:3px solid #ffffff;outline-offset:3px}@media(hover:hover){.landing-start-button:hover,.landing-settings-button:hover,.landing-copyright-button:hover{filter:brightness(1.1);transform:translateY(-2px)}.landing-start-button:hover{background-position:340px 0,0 0;box-shadow:0 15px 42px #deaa275c,inset 0 1px #ffffffad,inset 0 -2px #58370547;transition:background-position .5s ease,transform .15s ease,filter .15s ease,box-shadow .15s ease}}.landing-copyright-dialog{width:min(920px,calc(100vw - 40px));max-width:none;height:auto;max-height:min(86dvh,820px);margin:auto;padding:0;overflow:hidden;border:1px solid rgb(246 210 91 / 42%);border-radius:14px;background:linear-gradient(145deg,#122b25fa,#051111fc 46%,#040d0ffc);box-shadow:0 30px 90px #000000a8,inset 0 1px #ffffff17;color:#edf7f1}.landing-copyright-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;animation:copyright-notice-enter .18s ease-out}.landing-copyright-dialog::backdrop{background:#010708c7;backdrop-filter:blur(8px) saturate(.72)}.copyright-notice-header{display:flex;gap:22px;align-items:start;justify-content:space-between;padding:24px 26px 20px;border-bottom:1px solid rgb(255 239 179 / 13%);background:radial-gradient(circle at 15% 0%,rgb(113 213 175 / 16%),transparent 44%),linear-gradient(90deg,rgb(255 215 80 / 5%),transparent 56%)}.copyright-notice-eyebrow{display:block;margin-bottom:8px;color:#8ee0c1;font-family:var(--hok-font-mono);font-size:9px;font-weight:1000;letter-spacing:.19em}.copyright-notice-header h2{margin:0;color:#fff4bf;font-size:clamp(23px,3vw,34px);font-weight:1000;letter-spacing:.06em;line-height:1.15}.copyright-notice-updated{margin:8px 0 0;color:#d9ece394;font-size:10px;font-weight:800;letter-spacing:.08em}.copyright-notice-close{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;padding:0 0 3px;border:1px solid rgb(255 255 255 / 16%);border-radius:50%;background:#ffffff0f;color:#eaf6f0;font:300 30px/1 sans-serif}.copyright-notice-body{min-height:0;padding:22px 26px 26px;overflow:auto;overscroll-behavior:contain;scrollbar-color:rgb(113 213 175 / 52%) rgb(255 255 255 / 5%)}.copyright-notice-summary{margin:0 0 18px;padding:16px 18px;border:1px solid rgb(247 211 95 / 24%);border-left:4px solid #f2c74f;border-radius:8px;background:linear-gradient(90deg,#f7d35f1a,#f7d35f05);color:#fff5c8;font-size:13px;font-weight:850;line-height:1.85}.copyright-notice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.copyright-notice-section{padding:16px 17px;border:1px solid rgb(196 230 218 / 12%);border-radius:9px;background:#ffffff09}.copyright-notice-section[data-important=true]{border-color:#f7d35f33;background:#f7d35f0d}.copyright-notice-section h3{margin:0 0 10px;color:#9fe0c6;font-size:13px;font-weight:1000;letter-spacing:.1em}.copyright-notice-section p{margin:0;color:#e7f4eec2;font-size:11px;font-weight:650;line-height:1.75}.copyright-notice-section p+p{margin-top:8px}.copyright-notice-footer{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:15px 26px;border-top:1px solid rgb(255 239 179 / 13%);background:#01090a70}.copyright-notice-footer a{color:#9ee5c9;font-size:11px;font-weight:900;letter-spacing:.05em;text-underline-offset:4px}.copyright-notice-acknowledge{min-width:126px;min-height:42px;padding:9px 22px;border:1px solid #ffe892;border-radius:7px;background:linear-gradient(180deg,#ffe88a,#c99525);box-shadow:inset 0 1px #ffffff7f;color:#18231d;font:1000 13px/1 var(--hok-font-sans);letter-spacing:.12em}.copyright-notice-close:focus-visible,.copyright-notice-footer a:focus-visible,.copyright-notice-acknowledge:focus-visible{outline:3px solid #ffffff;outline-offset:3px}@media(hover:hover){.copyright-notice-close:hover,.copyright-notice-acknowledge:hover{filter:brightness(1.1)}}@media(max-width:680px){.landing-topbar{left:max(14px,calc(var(--hok-safe-left) + 10px))}.landing-copyright-button{min-width:116px;min-height:34px;padding-inline:10px}.landing-copyright-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:11px}.copyright-notice-header{padding:18px 18px 15px}.copyright-notice-body{padding:16px 18px 20px}.copyright-notice-grid{grid-template-columns:1fr}.copyright-notice-footer{padding:12px 18px}}@media(orientation:landscape)and (max-height:520px){.landing-topbar{bottom:max(16px,calc(var(--hok-safe-bottom) + 10px))}.landing-copyright-button{min-height:30px}.landing-topbar{gap:5px}.landing-author{gap:5px;padding:2px 6px 2px 2px;font-size:8px}.landing-author-avatar{width:24px;height:24px;flex-basis:24px}.landing-copyright-dialog{max-height:calc(100dvh - 14px)}.copyright-notice-header{padding-block:14px 12px}.copyright-notice-body{padding-block:14px 18px}.copyright-notice-summary{margin-bottom:12px;padding-block:11px}.copyright-notice-section{padding-block:12px}.copyright-notice-footer{padding-block:9px}.copyright-notice-acknowledge{min-height:36px}}@keyframes copyright-notice-enter{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-height:620px)and (orientation:landscape){.landing-brand{top:max(65px,13vh)}.landing-title{font-size:clamp(52px,7.2vw,94px)}.landing-joke-rail{top:18%}.landing-action-deck{bottom:max(18px,calc(var(--hok-safe-bottom) + 12px))}.landing-start-button,.landing-settings-button{min-height:54px}}@media(max-width:820px),(max-height:450px){.landing-joke-rail{display:none}.landing-brand{width:min(650px,76vw)}.landing-disclaimer{display:none}.landing-action-deck{justify-content:flex-end}}@media(orientation:portrait){.landing-poster{background-position:58% center}.landing-screen:before{background:linear-gradient(180deg,rgb(2 9 10 / 62%) 0%,transparent 24%,rgb(2 8 9 / 18%) 52%,rgb(1 7 7 / 94%) 100%),linear-gradient(90deg,rgb(2 9 10 / 48%),transparent 55%)}.landing-brand{top:16%;right:24px;left:24px;width:auto}.landing-title{font-size:clamp(58px,18vw,100px)}.landing-joke-rail{display:none}.landing-action-deck{right:max(20px,calc(var(--hok-safe-right) + 16px));bottom:max(28px,calc(var(--hok-safe-bottom) + 18px));left:max(20px,calc(var(--hok-safe-left) + 16px));display:grid}.landing-topbar{bottom:max(112px,calc(var(--hok-safe-bottom) + 102px))}.landing-actions{display:grid;grid-template-columns:1.35fr .85fr}.landing-start-button,.landing-settings-button{min-width:0;padding-inline:18px}}@media(prefers-reduced-motion:reduce){.landing-poster,.landing-particles i{animation:none}}@keyframes landing-poster-breathe{0%{transform:scale(1.035)}to{transform:scale(1.075) translate3d(-.4%,-.35%,0)}}@keyframes landing-device-rotate{0%,24%{transform:rotate(0)}62%,to{transform:rotate(90deg)}}@keyframes landing-mote{0%{opacity:.12;transform:translate3d(0,16px,0) scale(.7)}to{opacity:.58;transform:translate3d(12px,-20px,0) scale(1.25)}}.landing-screen:before{background:linear-gradient(90deg,rgb(2 9 10 / 82%) 0%,rgb(3 12 12 / 38%) 39%,transparent 65%),linear-gradient(180deg,rgb(1 7 8 / 30%) 0%,transparent 50%,rgb(1 7 7 / 78%) 100%)}.landing-brand{top:20%;width:min(570px,48vw);gap:9px}.landing-title{font-size:clamp(54px,7.4vw,118px)}.landing-action-deck{justify-content:flex-end}.landing-start-button,.landing-settings-button{min-height:56px;place-items:center;padding:10px 24px;font-size:clamp(15px,1.5vw,21px);font-weight:1000;letter-spacing:.12em;text-align:center}@media(orientation:landscape)and (max-height:520px){.landing-screen:after{inset:5px}.landing-poster{inset:-2%;background-position:center 43%}.landing-brand{top:max(46px,calc(var(--hok-safe-top) + 24px));left:max(34px,calc(var(--hok-safe-left) + 22px));width:54vw;gap:5px}.landing-title{font-size:clamp(50px,8.7vw,82px)}.landing-title:after{bottom:-7px}.landing-primary-slogan{margin-top:0;padding:5px 10px 6px;font-size:clamp(9px,1.4vw,12px)}.landing-action-deck{right:max(28px,calc(var(--hok-safe-right) + 20px));bottom:max(16px,calc(var(--hok-safe-bottom) + 10px));left:auto}.landing-actions{gap:8px}.landing-start-button,.landing-settings-button{min-height:44px;padding:7px 18px;border-radius:6px;font-size:13px}.landing-start-button{min-width:172px}.landing-settings-button{min-width:100px}}@media(orientation:landscape)and (max-height:390px){.landing-brand{top:max(34px,calc(var(--hok-safe-top) + 16px))}.landing-title{font-size:clamp(43px,8vw,64px)}.landing-primary-slogan{font-size:9px}.landing-start-button,.landing-settings-button{min-height:40px}}.resource-loading-screen{position:absolute;z-index:180;inset:0;display:grid;place-items:center;overflow:hidden;padding:max(24px,var(--hok-safe-top)) max(24px,var(--hok-safe-right)) max(24px,var(--hok-safe-bottom)) max(24px,var(--hok-safe-left));background:#030d0e;color:#effaf5;transition:opacity .32s ease,filter .32s ease,transform .32s ease}.resource-loading-screen[data-complete=true]{opacity:0;filter:brightness(1.4) saturate(.72);pointer-events:none;transform:scale(1.018)}.resource-loading-backdrop{position:absolute;z-index:-3;inset:-4%;background:linear-gradient(90deg,#01090ac7,#030f0f6b,#010809c2),linear-gradient(180deg,#01080975,#010809d1),var(--resource-loading-poster) center 42% / cover no-repeat;filter:blur(5px) saturate(.7) contrast(1.08);transform:scale(1.06)}.resource-loading-screen:before{position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 50% 45%,rgb(75 205 164 / 16%),transparent 33%),linear-gradient(90deg,transparent 49.8%,rgb(255 223 103 / 8%) 50%,transparent 50.2%);content:"";pointer-events:none}.resource-loading-screen:after{position:absolute;z-index:-1;inset:12px;border:1px solid rgb(255 231 142 / 17%);box-shadow:inset 0 0 100px #00000061;content:"";pointer-events:none}.resource-loading-panel{position:relative;display:grid;width:min(680px,84vw);gap:13px;justify-items:center;padding:clamp(24px,4vw,44px) clamp(24px,5vw,56px) clamp(22px,3.6vw,38px);border:1px solid rgb(221 245 235 / 15%);border-radius:16px;background:radial-gradient(circle at 50% 0%,rgb(102 221 180 / 12%),transparent 42%),linear-gradient(180deg,#071b19d6,#020e0feb);box-shadow:0 30px 90px #0000007a,inset 0 1px #ffffff14;text-align:center;backdrop-filter:blur(16px)}.resource-loading-panel:before,.resource-loading-panel:after{position:absolute;width:56px;height:2px;background:linear-gradient(90deg,transparent,#efd26d);content:""}.resource-loading-panel:before{top:-1px;left:18px}.resource-loading-panel:after{right:18px;bottom:-1px;transform:rotate(180deg)}.resource-loading-crest{position:relative;display:grid;width:clamp(70px,8vw,96px);height:clamp(70px,8vw,96px);place-items:center;margin-bottom:2px}.resource-loading-crest:before{width:22%;height:22%;border:2px solid #fff0a9;background:#5fd1ad;box-shadow:0 0 18px #5fd1ade5,0 0 42px #5fd1ad5c;content:"";transform:rotate(45deg)}.resource-loading-crest i{position:absolute;inset:8%;border:1px solid rgb(158 229 201 / 46%);border-radius:50%;border-right-color:transparent;animation:resource-ring-spin 2.4s linear infinite}.resource-loading-crest i:nth-child(2){inset:20%;border-color:rgb(247 211 95 / 62%) transparent rgb(247 211 95 / 28%);animation-direction:reverse;animation-duration:1.8s}.resource-loading-crest i:nth-child(3){inset:0;border-color:transparent rgb(158 229 201 / 19%) rgb(158 229 201 / 34%);animation-duration:4s}.resource-loading-eyebrow{color:#8fdabd;font-family:var(--hok-font-mono);font-size:clamp(8px,.9vw,11px);font-weight:1000;letter-spacing:.18em}.resource-loading-panel h1{margin:0 0 8px;background:linear-gradient(180deg,#fffce6,#f2d572 76%,#af781c);background-clip:text;color:transparent;font-size:clamp(27px,4.2vw,46px);font-weight:1000;letter-spacing:.09em;line-height:1.1;filter:drop-shadow(0 4px 14px rgb(0 0 0 / 42%))}.resource-loading-status-row{display:flex;width:100%;align-items:baseline;justify-content:space-between}.resource-loading-status{color:#e7f6efc7;font-size:12px;font-weight:850;letter-spacing:.06em}.resource-loading-percent{color:#fff0a7;font-family:var(--hok-font-mono);font-size:17px;letter-spacing:.06em}.resource-loading-track{position:relative;width:100%;height:14px;overflow:hidden;border:1px solid rgb(197 231 219 / 22%);border-radius:999px;background:#000708b8;box-shadow:inset 0 2px 5px #0000008c,0 0 0 1px #0000003d}.resource-loading-track:after{position:absolute;inset:2px;border-top:1px solid rgb(255 255 255 / 8%);border-radius:inherit;content:"";pointer-events:none}.resource-loading-fill{position:relative;width:0;height:100%;overflow:hidden;border-radius:inherit;background:linear-gradient(90deg,#1a8b73,#65d8b1 62%,#ffe783);box-shadow:0 0 14px #5fd1ada3,inset 0 1px #ffffff6b;transition:width .28s cubic-bezier(.2,.8,.2,1)}.resource-loading-fill:after{position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgb(255 255 255 / 46%) 45%,transparent 70%);content:"";animation:resource-loading-shine 1.2s linear infinite}.resource-loading-meta{display:flex;width:100%;justify-content:space-between;color:#b1d2c57a;font-family:var(--hok-font-mono);font-size:9px;font-weight:900;letter-spacing:.1em}.resource-loading-tip,.resource-loading-error{margin:5px 0 0;color:#ddeee68a;font-size:10px;font-weight:750;letter-spacing:.04em;line-height:1.6}.resource-loading-error{color:#ffc1ad}.resource-loading-retry{min-width:150px;min-height:42px;margin-top:3px;padding:9px 24px;border:1px solid #ffe895;border-radius:7px;background:linear-gradient(180deg,#ffe98b,#be8a20);color:#17231d;font:1000 13px/1 var(--hok-font-sans);letter-spacing:.12em}.resource-loading-tip[hidden],.resource-loading-error[hidden],.resource-loading-retry[hidden]{display:none}.resource-loading-screen[data-error=true] .resource-loading-track{border-color:#ff816675}.resource-loading-retry:focus-visible{outline:3px solid #ffffff;outline-offset:3px}@media(hover:hover){.resource-loading-retry:hover{filter:brightness(1.1);transform:translateY(-1px)}}@media(orientation:landscape)and (max-height:540px){.resource-loading-screen{padding-block:max(10px,var(--hok-safe-top)) max(10px,var(--hok-safe-bottom))}.resource-loading-screen:after{inset:6px}.resource-loading-panel{width:min(650px,76vw);gap:7px;padding:14px 32px 13px}.resource-loading-crest{width:54px;height:54px}.resource-loading-panel h1{margin-bottom:3px;font-size:clamp(24px,5.2vh,34px)}.resource-loading-tip{margin-top:0}}@media(orientation:portrait){.resource-loading-panel{width:min(560px,90vw);padding-inline:clamp(20px,7vw,40px)}.resource-loading-panel h1{font-size:clamp(28px,9vw,42px)}}@media(prefers-reduced-motion:reduce){.resource-loading-crest i,.resource-loading-fill:after{animation:none}.resource-loading-fill{transition-duration:80ms}}@keyframes resource-ring-spin{to{transform:rotate(360deg)}}@keyframes resource-loading-shine{0%{transform:translate(-120%)}to{transform:translate(120%)}}.hero-select-overlay{inset:0;display:block;overflow:hidden;padding:max(8px,var(--hok-safe-top, 0px)) max(8px,var(--hok-safe-right, 0px)) max(8px,var(--hok-safe-bottom, 0px)) max(8px,var(--hok-safe-left, 0px));background:linear-gradient(90deg,#02080df5,#020a0eb0 48%,#02080cf0),linear-gradient(180deg,#02080b7f,#010508e0),var(--hero-select-backdrop) center 42% / cover no-repeat;backdrop-filter:none}.hero-select-overlay:before{position:absolute;inset:0;background:radial-gradient(circle at 40% 43%,color-mix(in srgb,var(--selected-hero-color, #f7d35f) 22%,transparent),transparent 29%),linear-gradient(180deg,transparent 64%,rgb(0 0 0 / 66%));content:"";pointer-events:none}.hero-select-panel{position:relative;display:grid;grid-template-columns:minmax(0,1fr) clamp(250px,29vw,360px);grid-template-rows:48px minmax(0,1fr) 78px;gap:8px 14px;width:100%;height:100%;max-height:none;overflow:hidden;padding:10px 12px;border:1px solid rgb(216 232 228 / 16%);border-radius:14px;background:linear-gradient(90deg,rgb(5 17 21 / 54%),transparent 58%,rgb(4 13 18 / 65%)),#02090c57;box-shadow:0 24px 90px #0000008c,inset 0 1px #ffffff12}.hero-select-panel:before{right:8%;left:8%;background:linear-gradient(90deg,transparent,#e8c870 35% 65%,transparent)}.hero-select-panel:after{right:23%;bottom:0;width:46%;height:80%;aspect-ratio:auto;background:color-mix(in srgb,var(--selected-hero-color, #f7d35f) 16%,transparent);filter:blur(82px)}.hero-select-header{z-index:4;grid-column:1;grid-row:1;justify-content:flex-start;min-width:0}.hero-select-heading-copy{display:flex;gap:10px;align-items:baseline}.hero-select-kicker{order:2;color:#7f9e9d;font-size:8px}.hero-select-title{order:1;font-size:clamp(20px,2.2vw,28px);white-space:nowrap}.hero-select-subtitle,.hero-roster-count{display:none}.hero-role-tabs{z-index:5;grid-column:1;grid-row:1;justify-self:end;align-self:center;display:flex;gap:4px;max-width:calc(100% - 220px);margin:0;overflow-x:auto;padding:0}.hero-role-tab{min-height:27px;padding:0 9px;border-radius:5px;font-size:10px}.hero-preview-stage{position:relative;z-index:2;grid-column:1;grid-row:2;min-width:0;min-height:0;overflow:hidden;border:1px solid rgb(211 231 226 / 8%);border-radius:10px;background:radial-gradient(ellipse at 50% 83%,color-mix(in srgb,var(--hero-color) 23%,transparent),transparent 34%),linear-gradient(180deg,#ffffff05,#020a0d4d);box-shadow:inset 0 -50px 70px #0003}.hero-preview-stage:before{position:absolute;z-index:0;right:10%;bottom:3%;left:10%;height:26%;border:1px solid color-mix(in srgb,var(--hero-color) 42%,transparent);border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--hero-color) 18%,transparent),transparent 61%),repeating-radial-gradient(ellipse,transparent 0 15px,rgb(255 255 255 / 5%) 16px 17px);box-shadow:0 0 36px color-mix(in srgb,var(--hero-color) 20%,transparent);content:"";opacity:.72;transform:perspective(220px) rotateX(62deg)}.hero-preview-stage:after{position:absolute;z-index:0;top:7%;bottom:12%;left:50%;width:1px;background:linear-gradient(transparent,color-mix(in srgb,var(--hero-color) 35%,transparent),transparent);box-shadow:0 0 32px 4px color-mix(in srgb,var(--hero-color) 12%,transparent);content:""}.hero-preview-model{position:absolute;z-index:2;inset:0}.hero-preview-canvas{display:block;width:100%;height:100%;filter:drop-shadow(0 18px 16px rgb(0 0 0 / 52%))}.hero-preview-canvas[hidden]{display:none}.hero-preview-bitmap{position:absolute;inset:3% 10% 1%;display:block;width:80%;height:96%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 14px 11px rgb(0 0 0 / 48%));transform-origin:50% 100%;animation:hero-preview-bitmap-idle 4.2s ease-in-out infinite}.hero-preview-bitmap[hidden]{display:none}@keyframes hero-preview-bitmap-idle{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-1px,0) scale(1.006)}}@media(prefers-reduced-motion:reduce){.hero-preview-bitmap{animation:none}}.hero-preview-identity{position:absolute;z-index:4;bottom:10px;left:12px;display:grid;gap:0;padding-left:9px;border-left:2px solid color-mix(in srgb,var(--hero-color) 72%,#f7d35f);text-shadow:0 2px 10px rgb(0 0 0 / 80%)}.hero-preview-identity>span{color:#d6ba67;font-size:7px;font-weight:1000;letter-spacing:.2em}.hero-preview-identity strong{color:#fffdf2;font-size:clamp(21px,3.1vw,38px);font-weight:1000;letter-spacing:.12em;line-height:1.05}.hero-preview-identity small{color:#b7cbc7;font-size:9px;font-weight:800}.hero-preview-status{position:absolute;z-index:4;top:9px;right:10px;padding:4px 7px;border:1px solid rgb(217 234 229 / 12%);border-radius:999px;background:#01070a61;color:#8fa9a7;font-size:7px;font-weight:900;letter-spacing:.08em}.hero-select-grid{z-index:4;grid-column:1;grid-row:3;display:grid;grid-auto-columns:72px;grid-auto-flow:column;grid-template-columns:none;align-content:stretch;gap:5px;min-height:0;margin:0;overflow-x:auto;overflow-y:hidden;padding:1px 2px 3px;scroll-snap-type:x proximity}.hero-card{grid-template-columns:1fr;grid-template-rows:39px auto;gap:3px;align-content:center;justify-items:center;min-height:0;height:68px;padding:4px 3px 3px;border-radius:8px;text-align:center;scroll-snap-align:center}.hero-card:after{top:3px;right:3px;width:14px;height:14px;font-size:8px}.hero-card[data-selected=true]{transform:translateY(-1px)}.hero-card .hero-avatar-card{width:36px;height:36px;border-width:1px;font-size:14px}.hero-card-copy{display:block;width:100%}.hero-card-copy>span{display:block;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.hero-card-copy strong,.hero-card-copy small{display:none}.hero-card[data-boss=true]{border-color:#ffc45270;background:linear-gradient(145deg,#7c182270,#ffbc3c17),#081216eb;box-shadow:inset 0 0 0 1px #ffdd8914,inset 0 -16px 26px #5008153d}.hero-card[data-boss=true][data-selected=true]{border-color:#ffd477;box-shadow:0 0 0 1px #ff607538,0 8px 22px #5f091847,inset 3px 0 #f0a33c}.hero-access-badges[hidden]{display:none}.hero-access-badges{gap:3px;align-items:center}.hero-access-badges-card{position:absolute;z-index:3;top:3px;left:3px;display:flex;flex-direction:column;gap:1px;align-items:flex-start;pointer-events:none}.hero-access-badges-detail{display:inline-flex}.hero-access-badge{display:inline-grid;min-height:10px;place-items:center;padding:0 3px;border:1px solid rgb(255 255 255 / 22%);border-radius:2px;font-size:6px;font-weight:1000;letter-spacing:0;line-height:1;white-space:nowrap}.hero-access-badge-boss{border-color:#ffd0689e;background:#7d1f23f0;color:#ffe39a}.hero-access-badges-detail .hero-access-badge{min-height:18px;padding:0 6px;border-radius:4px;font-size:8px}.hero-select-detail{z-index:4;grid-column:2;grid-row:1 / 3;align-content:start;gap:8px;min-height:0;margin:0;overflow:auto;padding:11px;border-radius:10px;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--hero-color) 17%,transparent),transparent 38%),linear-gradient(160deg,#0a191de0,#020a0ed6)}.hero-select-detail .hero-detail-header{gap:9px}.hero-select-detail .hero-avatar-large{width:52px;height:52px;font-size:19px}.hero-select-detail h2{font-size:19px}.hero-select-detail .hero-detail-meta{gap:4px;font-size:9px}.hero-select-detail .hero-role-pill{min-height:20px;padding:0 6px}.hero-select-detail .hero-skill-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.hero-select-detail .hero-skill-chip{grid-template-columns:30px minmax(0,1fr);gap:5px;padding:4px}.hero-select-detail .skill-icon{width:30px;height:30px;font-size:12px}.hero-select-detail .hero-skill-copy strong,.hero-select-detail .hero-skill-copy small{font-size:9px}.hero-select-detail .hero-lineup-preview{gap:4px}.hero-select-detail .lineup-slot{padding:4px}.hero-select-detail .lineup-slot small,.hero-select-detail .lineup-slot strong{font-size:8px}.hero-select-actions{z-index:5;grid-column:2;grid-row:3;display:grid;grid-template-columns:74px minmax(130px,1fr);gap:7px;align-items:stretch;min-width:0;padding-top:7px}.hero-selection-summary{display:none}.random-hero-button,.start-match-button{width:auto;min-height:0;height:60px}.random-hero-button{border-color:#cce0da2e;background:#071317d1;font-size:11px}.start-match-button{position:relative;overflow:hidden;border-radius:7px;background:linear-gradient(180deg,#ffe69a,#c99728);box-shadow:0 8px 25px #d7a92c47,inset 0 1px #ffffffa6;font-size:13px}@media(max-height:520px)and (orientation:landscape){.hero-select-overlay{padding:max(5px,var(--hok-safe-top, 0px)) max(6px,var(--hok-safe-right, 0px)) max(5px,var(--hok-safe-bottom, 0px)) max(6px,var(--hok-safe-left, 0px))}.hero-select-panel{grid-template-columns:minmax(0,1fr) clamp(232px,30vw,285px);grid-template-rows:37px minmax(0,1fr) 65px;gap:5px 9px;padding:6px 8px;border-radius:10px}.hero-select-heading-copy{gap:7px}.hero-select-title{font-size:17px}.hero-select-kicker{font-size:6px}.hero-role-tabs{max-width:calc(100% - 148px)}.hero-role-tab{min-height:24px;padding:0 7px;font-size:9px}.hero-preview-identity{bottom:7px;left:9px}.hero-preview-identity strong{font-size:clamp(18px,3vw,26px)}.hero-preview-identity small{font-size:8px}.hero-preview-status{top:6px;right:7px}.hero-select-grid{grid-auto-columns:64px;gap:4px}.hero-card{grid-template-rows:34px auto;height:58px;padding:3px 2px}.hero-card .hero-avatar-card{width:32px;height:32px;font-size:12px}.hero-card-copy>span{font-size:9px}.hero-select-detail{gap:5px;padding:7px}.hero-select-detail .hero-detail-eyebrow{padding-bottom:4px;font-size:7px}.hero-select-detail .hero-detail-header{gap:6px}.hero-select-detail .hero-avatar-large{width:40px;height:40px;font-size:15px}.hero-select-detail h2{font-size:15px}.hero-select-detail .hero-detail-copy{gap:3px}.hero-select-detail .hero-detail-meta>span:not(.hero-role-pill),.hero-select-detail .hero-skill-copy small,.hero-select-detail .hero-lineup-preview,.hero-select-detail>strong,.hero-select-detail>p{display:none}.hero-select-detail .hero-skill-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.hero-select-detail .hero-skill-chip{grid-template-columns:1fr;justify-items:center;gap:2px;min-width:0;padding:3px 2px;text-align:center}.hero-select-detail .hero-skill-copy strong{display:block;overflow:hidden;max-width:100%;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.hero-select-detail .skill-icon{width:27px;height:27px}.hero-select-detail .summoner-select-row{gap:4px}.hero-select-detail .summoner-select-button{min-height:26px;padding:0 5px;font-size:8px}.hero-select-detail .summoner-select-icon{width:20px;height:20px;font-size:9px}.hero-select-actions{grid-template-columns:62px minmax(118px,1fr);gap:5px;padding-top:4px}.random-hero-button,.start-match-button{height:55px;min-height:0}}@media(orientation:landscape)and (max-width:760px){.hero-select-panel{grid-template-columns:minmax(0,1fr) 220px}.hero-select-kicker,.hero-preview-status{display:none}.hero-role-tabs{max-width:calc(100% - 85px)}}@media(orientation:portrait){.hero-select-overlay{padding:0}.hero-select-panel{filter:blur(5px) brightness(.55);pointer-events:none}.hero-select-orientation{display:grid;z-index:20}}@media(prefers-reduced-motion:reduce){.hero-card,.hero-role-tab,.hero-preview-canvas{transition:none}}.hero-select-panel{grid-template-columns:clamp(128px,15vw,188px) minmax(0,1fr) clamp(128px,15vw,188px);grid-template-rows:44px minmax(0,1fr) 76px;gap:8px 12px}.hero-select-header,.hero-role-tabs{grid-column:2;grid-row:1}.hero-draft-stage{position:relative;z-index:3;grid-column:2;grid-row:2;display:grid;grid-template-columns:minmax(160px,.88fr) minmax(248px,1.12fr);gap:8px;min-width:0;min-height:0}.hero-draft-stage>.hero-preview-stage,.hero-draft-stage>.hero-select-detail{grid-column:auto;grid-row:auto}.hero-draft-footer{position:relative;z-index:5;grid-column:2;grid-row:3;display:grid;grid-template-columns:minmax(0,1fr) minmax(174px,25%);gap:8px;min-width:0;min-height:0}.hero-draft-footer>.hero-select-grid,.hero-draft-footer>.hero-select-actions{grid-column:auto;grid-row:auto}.hero-draft-footer .hero-select-grid{width:100%}.hero-draft-footer .hero-select-actions{grid-template-columns:58px minmax(108px,1fr);gap:5px;padding-top:0}.hero-draft-footer .random-hero-button,.hero-draft-footer .start-match-button{height:100%;min-height:58px}.draft-team{position:relative;z-index:5;display:grid;grid-template-rows:auto minmax(0,1fr);gap:7px;min-width:0;min-height:0;overflow:hidden;padding:8px;border:1px solid rgb(218 232 234 / 14%);border-radius:8px;background:#030c11bd;box-shadow:inset 0 1px #ffffff0d;transition:border-color .14s ease,background .14s ease}.draft-team[data-team=blue]{grid-column:1;grid-row:1 / 4;border-left:3px solid rgb(62 174 255 / 62%);background:linear-gradient(90deg,rgb(27 104 166 / 20%),transparent 72%),#030c11c7}.draft-team[data-team=red]{grid-column:3;grid-row:1 / 4;border-right:3px solid rgb(255 91 102 / 62%);background:linear-gradient(270deg,rgb(173 45 58 / 20%),transparent 72%),#030c11c7}.draft-team[data-selected=true][data-team=blue]{border-color:#60c4ffdb;background:linear-gradient(90deg,rgb(29 124 201 / 32%),transparent 76%),#041016e5}.draft-team[data-selected=true][data-team=red]{border-color:#ff6f78db;background:linear-gradient(270deg,rgb(194 49 64 / 32%),transparent 76%),#041016e5}.draft-team-header{display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;gap:3px 7px;align-items:center;min-width:0}.draft-team-emblem{display:grid;grid-row:1 / 3;width:28px;height:28px;place-items:center;border:1px solid rgb(255 255 255 / 24%);border-radius:50%;color:#fff;font-size:12px;font-weight:1000}.draft-team[data-team=blue] .draft-team-emblem{background:#247fc0}.draft-team[data-team=red] .draft-team-emblem{background:#b73d4b}.draft-team-heading{display:grid;min-width:0}.draft-team-heading strong{overflow:hidden;color:#f4fbff;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.draft-team-heading small{color:#8fa5ab;font-size:7px;font-weight:800}.draft-team-join{grid-column:1 / -1;min-height:25px;border:1px solid rgb(255 255 255 / 16%);border-radius:5px;background:#ffffff12;color:#c8d5d8;font:inherit;font-size:9px;font-weight:1000}.draft-team[data-team=blue] .draft-team-join[data-selected=true]{border-color:#57beffb3;background:#2f90d23d;color:#bfeaff}.draft-team[data-team=red] .draft-team-join[data-selected=true]{border-color:#ff6974b3;background:#be32403d;color:#ffd0d4}.draft-team-list{display:grid;grid-template-rows:repeat(5,minmax(0,1fr));gap:5px;min-height:0}.draft-team-slot{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:6px;align-items:center;min-width:0;min-height:0;overflow:hidden;padding:4px 5px;border:1px solid rgb(255 255 255 / 9%);border-radius:6px;background:#01080c7a}.draft-team-slot[data-player=true]{border-color:color-mix(in srgb,var(--hero-color) 72%,#f4d77a);background:linear-gradient(90deg,color-mix(in srgb,var(--hero-color) 20%,transparent),transparent),#040d11db;box-shadow:inset 3px 0 color-mix(in srgb,var(--hero-color) 76%,#f4d77a)}.draft-team-slot .hero-avatar-card{width:36px;height:36px;border-width:1px;box-shadow:none;font-size:13px}.draft-team-slot-copy{display:grid;gap:1px;min-width:0}.draft-team-slot-copy strong,.draft-team-slot-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-team-slot-copy strong{color:#f5f8f6;font-size:10px}.draft-team-slot-copy small{color:#8ea5a8;font-size:7px;font-weight:800}.draft-team-slot-status{display:grid;min-width:20px;min-height:18px;place-items:center;border-radius:4px;background:#ffffff12;color:#87999d;font-size:7px;font-weight:1000}.draft-team-slot[data-player=true] .draft-team-slot-status{background:#d9b755;color:#172025}.hero-introduction{display:grid;gap:3px;padding:6px 7px;border-left:2px solid color-mix(in srgb,var(--hero-color) 72%,#e9cc70);background:#ffffff0a}.hero-introduction strong{color:#e8cb74;font-size:9px}.hero-introduction p{display:-webkit-box;overflow:hidden;color:#b7c9c7;font-size:9px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media(max-height:520px)and (orientation:landscape){.hero-select-panel{grid-template-columns:112px minmax(0,1fr) 112px;grid-template-rows:35px minmax(0,1fr) 62px;gap:5px 7px}.hero-draft-stage{grid-template-columns:minmax(118px,.82fr) minmax(205px,1.18fr);gap:5px}.hero-draft-footer{grid-template-columns:minmax(0,1fr) 174px;gap:5px}.draft-team{gap:4px;padding:5px;border-radius:6px}.draft-team-header{grid-template-columns:23px minmax(0,1fr);gap:1px 5px}.draft-team-emblem{width:23px;height:23px;font-size:9px}.draft-team-heading strong{font-size:9px}.draft-team-heading small{display:none}.draft-team-join{min-height:20px;font-size:7px}.draft-team-list{gap:3px}.draft-team-slot{grid-template-columns:29px minmax(0,1fr);gap:4px;padding:2px 3px}.draft-team-slot .hero-avatar-card{width:28px;height:28px;font-size:10px}.draft-team-slot-copy strong{font-size:8px}.draft-team-slot-copy small{font-size:6px}.draft-team-slot-status{position:absolute;right:2px;bottom:2px;min-width:16px;min-height:13px;font-size:6px}.hero-draft-footer .hero-select-actions{grid-template-columns:50px minmax(100px,1fr)}.hero-draft-footer .random-hero-button,.hero-draft-footer .start-match-button{min-height:52px}.hero-introduction{gap:1px;padding:3px 5px}.hero-introduction strong,.hero-introduction p{font-size:7px}}@media(orientation:landscape)and (max-width:760px){.hero-select-panel{grid-template-columns:96px minmax(0,1fr) 96px}.hero-draft-stage{grid-template-columns:minmax(108px,.78fr) minmax(190px,1.22fr)}.hero-draft-footer{grid-template-columns:minmax(0,1fr) 160px}}.hero-select-panel{grid-template-columns:clamp(116px,13vw,160px) minmax(0,1fr) clamp(116px,13vw,160px);grid-template-rows:38px minmax(0,1fr) 70px}.hero-select-heading-copy{gap:0}.hero-select-kicker,.hero-select-subtitle,.hero-roster-count,.hero-preview-identity>span,.hero-preview-status{display:none}.hero-select-title{font-size:clamp(18px,2vw,24px)}.hero-draft-stage{grid-template-columns:minmax(170px,1.05fr) minmax(225px,.95fr)}.hero-select-detail{gap:6px;padding:8px}.hero-select-detail .hero-detail-header{gap:7px}.hero-select-detail .hero-avatar-large{width:46px;height:46px}.hero-select-detail h2{font-size:17px}.hero-select-detail .hero-detail-meta{gap:3px}.hero-select-detail .hero-skill-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.hero-select-detail .hero-skill-chip{grid-template-columns:1fr;justify-items:center;gap:2px;padding:4px 2px;text-align:center}.hero-select-detail .hero-skill-copy small,.hero-introduction strong,.summoner-select-button>span:last-child{display:none}.hero-select-detail .hero-skill-copy strong{display:block;overflow:hidden;max-width:100%;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.hero-select-detail .summoner-select-row{gap:5px}.hero-select-detail .summoner-select-button{min-width:34px;min-height:30px;padding:2px}.hero-introduction{padding:5px 7px}.hero-introduction p{font-size:8px;-webkit-line-clamp:1}.draft-team{gap:5px;padding:6px}.draft-team-header{grid-template-columns:25px minmax(0,1fr) auto;grid-template-rows:auto;gap:5px}.draft-team-emblem{grid-row:auto;width:25px;height:25px;font-size:10px}.draft-team-heading strong{font-size:10px}.draft-team-join{grid-column:auto;min-width:31px;min-height:23px;padding:0 5px;font-size:7px}.draft-team-slot{grid-template-columns:36px minmax(0,1fr) auto;padding:3px 4px}.draft-team-slot-copy small{font-size:6px}.draft-team-slot-status:empty{display:none}.hero-avatar[data-has-portrait=true][data-hero]:not([data-hero=matt]):not([data-hero=zaizai]),.top-ally-avatar[data-has-portrait=true][data-hero]:not([data-hero=matt]):not([data-hero=zaizai]),.match-avatar[data-has-portrait=true][data-hero]:not([data-hero=matt]):not([data-hero=zaizai]){background-position:50% 8%;background-size:220% auto}@media(max-height:520px)and (orientation:landscape){.hero-select-panel{grid-template-columns:104px minmax(0,1fr) 104px;grid-template-rows:32px minmax(0,1fr) 58px}.hero-select-title{font-size:16px}.hero-draft-stage{grid-template-columns:minmax(118px,1fr) minmax(190px,1fr)}.draft-team{padding:4px}.draft-team-header{grid-template-columns:21px minmax(0,1fr) auto;gap:3px}.draft-team-emblem{width:21px;height:21px}.draft-team-join{min-width:27px;min-height:19px;padding:0 3px}.draft-team-slot{grid-template-columns:28px minmax(0,1fr)}.hero-select-detail .hero-avatar-large{width:38px;height:38px}.hero-select-detail h2{font-size:14px}}@media(orientation:landscape)and (max-width:760px){.hero-select-panel{grid-template-columns:90px minmax(0,1fr) 90px}.hero-draft-stage{grid-template-columns:minmax(104px,.9fr) minmax(174px,1.1fr)}}:root{--battle-map-size: clamp(84px, min(14.5vw, 31dvh), 132px);--battle-economy-extra: clamp(54px, 8vw, 82px);--hok-joystick-size: clamp(86px, min(10.8vw, 25dvh), 104px);--hok-joystick-left: 14.8vw;--hok-joystick-bottom: 15dvh;--hok-attack-size: clamp(70px, min(8.9vw, 19dvh), 82px);--hok-skill-size: clamp(50px, min(6.4vw, 14.5dvh), 58px);--hok-ultimate-size: clamp(56px, min(7.1vw, 16.5dvh), 64px);--hok-tool-size: clamp(36px, min(4.6vw, 10.5dvh), 40px);--hok-target-size: 36px;--battle-action-width: calc(var(--hok-attack-size) + var(--hok-skill-size) + 72px)}.battle-info-column{z-index:45;left:calc(7px + var(--hok-safe-left));top:calc(6px + var(--hok-safe-top));width:var(--battle-map-size);gap:4px}.battle-info-column .minimap{width:var(--battle-map-size);height:var(--battle-map-size);border:1px solid rgb(197 222 211 / 30%);border-radius:4px;background:#040c0a9e;box-shadow:inset 0 0 0 1px #00000057,0 5px 12px #0000002e;cursor:grab}.battle-info-column .minimap[data-dragging=true]{cursor:grabbing}.battle-economy-row{display:flex;width:auto;gap:4px;pointer-events:none}.battle-economy-row[data-auto-buy=false][data-buy-visible=true]{display:grid;width:clamp(182px,25vw,232px);grid-template-columns:minmax(82px,1fr) 58px;gap:4px;padding:4px;border:1px solid rgb(247 211 95 / 25%);border-radius:7px;background:linear-gradient(135deg,#050f0ce0,#221d0bd1);box-shadow:0 6px 16px #00000047}.battle-economy-row[data-buy-visible=false] .quick-buy-list{display:none}.battle-economy-row .gold-shop-button{display:flex;min-height:24px;align-items:center;justify-content:center;padding:0 5px;border:1px solid rgb(247 211 95 / 24%);border-radius:4px;background:#1c170a94;box-shadow:none;color:#ffe58b;font-size:8px;font-weight:900;line-height:1;white-space:nowrap}.battle-economy-row[data-auto-buy=false] .gold-shop-button{min-height:28px;border-color:#f7d35f6b;background:#503e0e8a}.battle-economy-row .gold-shop-button:before{content:none}.battle-economy-row .auto-buy-toggle{min-height:24px;padding:0 4px;border:1px solid rgb(255 255 255 / 16%);border-radius:4px;background:#040c0a85;color:#dfeae5c2;font-size:8px;font-weight:900;line-height:1;pointer-events:auto;white-space:nowrap}.battle-economy-row .auto-buy-toggle[data-enabled=true]{border-color:#f7d35f7a;background:#503e0ead;color:#ffe58b;box-shadow:inset 0 0 6px #f7d35f1f}.battle-economy-row .auto-buy-toggle[data-enabled=true]:before{content:"✓";margin-right:2px}.battle-economy-row .quick-buy-list{display:block;min-width:0}.battle-economy-row[data-auto-buy=false] .quick-buy-list{display:grid;grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.battle-economy-row .quick-buy-button{display:grid;width:100%;min-height:48px;grid-template-columns:27px minmax(0,1fr) auto;gap:4px;align-items:center;justify-content:flex-start;padding:4px 5px;border:1px solid rgb(255 255 255 / 15%);border-radius:4px;background:#040c0a85;color:#dce9e1;font-family:inherit;box-shadow:none;pointer-events:auto;text-align:left}.battle-economy-row .quick-buy-button[data-affordable=true]{border-color:#f7d35fa3;background:linear-gradient(135deg,#5f480de0,#261f0ae0);color:#fff0a9;box-shadow:0 0 10px #f7d35f2e}.battle-economy-row .quick-buy-icon{width:27px;height:27px}.battle-economy-row .quick-buy-copy{display:grid;min-width:0;gap:2px}.battle-economy-row .quick-buy-name,.battle-economy-row .quick-buy-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-economy-row .quick-buy-name{display:block;font-size:9px;font-weight:900}.battle-economy-row .quick-buy-meta{color:#cfe1d6b8;font-size:7px}.battle-economy-row .quick-buy-cost{color:#ffe58b;font-size:8px}.battle-economy-row .quick-buy-button:disabled{opacity:.78}.top-ally-list{position:absolute;z-index:32;left:calc(var(--hok-safe-left) + var(--battle-map-size) + 14px);top:calc(var(--hok-safe-top) + 5px);display:flex;max-width:30vw;gap:3px;align-items:center;padding:0;pointer-events:none}.top-ally-avatar{width:clamp(22px,min(3.2vw,8dvh),28px);height:clamp(22px,min(3.2vw,8dvh),28px);border-width:1px;font-size:9px;box-shadow:inset 0 0 0 1px #050c0947}.top-score{z-index:31;right:calc(var(--hok-safe-right) + 48px);left:auto;top:calc(var(--hok-safe-top) + 9px);width:auto;min-width:0;max-width:25vw;min-height:24px;gap:2px;margin:0;padding:2px 4px;border:0;border-radius:4px;background:#03090857;box-shadow:none;transform:none}.top-score-chip,.top-clock,.top-kda{min-height:20px;border:0;border-radius:3px;background:transparent}.top-score-chip{gap:2px;padding:0 4px}.top-score-chip small{font-size:7px}.top-score-chip strong{font-size:11px}.top-clock{min-width:38px;padding:0 4px;color:#e8f1eb;font-size:10px}button.top-kda{display:inline-flex;gap:3px;align-items:center;padding:0 4px;border:0;background:transparent;color:#fff;font:inherit;pointer-events:auto;touch-action:none}.top-kda small{font-size:7px}.top-kda strong{font-size:9px}.top-kda[data-active=true]{background:#f7d35f29;color:#ffe790}.mobile-pause{right:calc(var(--hok-safe-right) + 7px);top:calc(var(--hok-safe-top) + 6px);width:34px;height:34px;border-width:1px;background:#040c0a6b;box-shadow:none}.mobile-pause .hok-button-icon{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:50%;background:radial-gradient(circle at 34% 25%,rgb(255 255 255 / 28%),transparent 24%),radial-gradient(circle at 50% 58%,#8b7931 0 64%,#171c16 66%);box-shadow:inset 0 0 0 1px #ffee9157}.mobile-controls{z-index:40}.mobile-move-zone{left:var(--hok-safe-left);top:50%;right:auto;bottom:var(--hok-safe-bottom);width:44%}.move-joystick{z-index:2;left:calc(var(--hok-safe-left) + var(--hok-joystick-left) - var(--hok-joystick-size) / 2);bottom:calc(var(--hok-safe-bottom) + var(--hok-joystick-bottom) - var(--hok-joystick-size) / 2);width:var(--hok-joystick-size);height:var(--hok-joystick-size);border-width:1px;background:radial-gradient(circle at 50% 50%,rgb(176 224 236 / 9%) 0 31%,transparent 32%),radial-gradient(circle at 50% 50%,transparent 0 54%,rgb(82 175 218 / 18%) 55% 57%,transparent 58%);box-shadow:none;opacity:.3}.move-joystick-knob{width:42%;height:42%;border-width:1px;background:#327e9e4d;box-shadow:inset 0 0 10px #c7f1ff1f}.hok-skill-cluster{right:calc(var(--hok-safe-right) + 10px);bottom:calc(var(--hok-safe-bottom) + 8px);width:var(--battle-action-width);height:calc(var(--hok-attack-size) + var(--hok-ultimate-size) + 18px)}.hok-attack-button{right:0;bottom:0;width:var(--hok-attack-size);height:var(--hok-attack-size);border-width:2px;box-shadow:inset 0 0 0 3px #ffffff12,0 0 0 1px #f7d35f57,0 5px 13px #00000052}.hok-attack-button .hok-button-label{display:none}.hok-skill-button{width:var(--hok-skill-size);height:var(--hok-skill-size);border-width:1px;box-shadow:0 4px 10px #00000047}.hok-skill-button .hok-button-icon{inset:2px}.hok-skill-r{right:10px;bottom:calc(var(--hok-attack-size) + 14px);width:var(--hok-ultimate-size);height:var(--hok-ultimate-size)}.hok-skill-e{right:calc(var(--hok-attack-size) + 4px);bottom:calc(var(--hok-skill-size) + 8px)}.hok-skill-q{right:calc(var(--hok-attack-size) + 8px);bottom:2px}.hok-attack-mode-button,.hok-attack-mode-switch{display:none!important}.hok-button-cooldown{font-size:clamp(14px,2vw,18px)}.hok-skill-upgrade{width:22px;height:22px;border-width:1px;font-size:18px;box-shadow:0 0 8px #f7d35f57}.hok-skill-upgrade:before{position:absolute;inset:-8px;content:""}.hok-skill-upgrade-q{right:calc(var(--hok-attack-size) + var(--hok-skill-size) - 1px);bottom:calc(var(--hok-skill-size) - 9px)}.hok-skill-upgrade-e{right:calc(var(--hok-attack-size) + var(--hok-skill-size) - 1px);bottom:calc(var(--hok-skill-size) + var(--hok-skill-size) - 1px)}.hok-skill-upgrade-r{right:calc(var(--hok-ultimate-size) - 4px);bottom:calc(var(--hok-attack-size) + var(--hok-ultimate-size) + 3px)}.mobile-tool-row{right:calc(var(--hok-safe-right) + var(--battle-action-width) + 16px);bottom:calc(var(--hok-safe-bottom) + 10px);left:auto;gap:8px;transform:none}.mobile-tool-button{width:var(--hok-tool-size);height:var(--hok-tool-size);border-width:1px;box-shadow:0 3px 8px #0000003d}.mobile-tool-button .hok-button-label,.hok-skill-button .hok-button-label{bottom:3px;font-size:8px}.announcement-list{top:calc(var(--hok-safe-top) + 35px);width:min(300px,36vw)}.announcement-list div{min-height:28px;padding:2px 8px;border:0;background:linear-gradient(90deg,transparent,rgb(4 12 10 / 42%),transparent);font-size:11px;box-shadow:none}.pause-overlay,.shop-panel,.scoreboard-overlay,.settings-overlay,.end-overlay{position:fixed;inset:0;z-index:1000;isolation:isolate;pointer-events:auto}.pause-overlay,.scoreboard-overlay,.settings-overlay{background:#030908b8;backdrop-filter:blur(7px) brightness(.7)}.scoreboard-overlay,.settings-overlay{display:none;place-items:center;padding:max(10px,var(--hok-safe-top)) max(10px,var(--hok-safe-right)) max(10px,var(--hok-safe-bottom)) max(10px,var(--hok-safe-left))}.scoreboard-overlay[data-visible=true],.settings-overlay[data-visible=true]{display:grid}.shop-panel{padding:max(10px,var(--hok-safe-top)) max(10px,var(--hok-safe-right)) max(10px,var(--hok-safe-bottom)) max(10px,var(--hok-safe-left))}.scoreboard-overlay .scoreboard,.settings-overlay .settings-panel{position:relative;inset:auto;z-index:1;margin:0;transform:none}.settings-overlay{z-index:1100}.debug-panel-root[data-visible=true]{z-index:1150;background:#030908b8;pointer-events:auto;backdrop-filter:blur(7px) brightness(.7)}.end-overlay,.hero-select-overlay{z-index:1200}.death-overlay{z-index:900}.pause-panel,.shop-shell,.scoreboard,.settings-panel,.end-overlay>*,.hero-select-panel{position:relative;z-index:1}.debug-panel{position:absolute;z-index:1;top:calc(var(--hok-safe-top) + 8px);right:calc(var(--hok-safe-right) + 8px);bottom:calc(var(--hok-safe-bottom) + 8px);width:min(340px,calc(100vw - var(--hok-safe-left) - var(--hok-safe-right) - 16px));max-height:none;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}@media(display-mode:standalone),(display-mode:fullscreen){.battle-info-column{top:calc(8px + var(--hok-safe-top))}}@media(max-height:330px)and (orientation:landscape){:root{--battle-map-size: clamp(82px, min(13.5vw, 32dvh), 104px);--battle-economy-extra: 52px;--hok-joystick-size: 84px;--hok-joystick-bottom: 14dvh;--hok-attack-size: 68px;--hok-skill-size: 48px;--hok-ultimate-size: 54px;--hok-tool-size: 34px;--battle-action-width: calc(var(--hok-attack-size) + var(--hok-skill-size) + 66px)}.top-score-chip small,.top-kda small{display:none}.top-ally-avatar:nth-child(n+4){display:none}.battle-economy-row .gold-shop-button,.battle-economy-row .auto-buy-toggle,.battle-economy-row .quick-buy-button{min-height:22px}.mobile-tool-row{right:calc(var(--hok-safe-right) + var(--battle-action-width) + 12px);gap:6px}}@media(hover:none),(pointer:coarse){body[data-screen=battle] #hud-root *,body[data-screen=battle] #hud-root *:before,body[data-screen=battle] #hud-root *:after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}