: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;touch-action:none}#app canvas{display:block;width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none}#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;text-align:center;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}.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-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:space-between;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)}.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:"Lv."}.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%)}@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:"KDA";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=MVP] .match-row-medal{border:1px solid rgb(247 211 95 / 42%);background:#f7d35f24;color:#f7d35f}.match-row[data-medal=SVP] .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=SVP]{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=SVP] .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}}: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:grid;width:calc(var(--battle-map-size) + var(--battle-economy-extra));grid-template-columns:clamp(46px,6vw,54px) minmax(64px,1fr);gap:4px;pointer-events:none}.battle-economy-row[data-buy-visible=false]{display:flex;width:auto}.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 .gold-shop-button:before{content:none}.battle-economy-row .quick-buy-list{display:block;min-width:0}.battle-economy-row .quick-buy-button{display:flex;width:100%;min-height:24px;gap:4px;align-items:center;justify-content:flex-start;padding:0 6px;border:1px solid rgb(255 255 255 / 15%);border-radius:4px;background:#040c0a85;box-shadow:none;pointer-events:auto}.battle-economy-row .quick-buy-icon{width:17px;height:17px}.battle-economy-row .quick-buy-name{display:none}.battle-economy-row .quick-buy-cost{margin-left:auto;font-size:9px}.battle-economy-row .quick-buy-button:disabled{opacity:.58}.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 .quick-buy-button{min-height:22px}.mobile-tool-row{right:calc(var(--hok-safe-right) + var(--battle-action-width) + 12px);gap:6px}}