:root{color:#eef4f2;background:#070a11;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--cyan: #63e5cf;--ink: #090c14;--panel: rgba(17, 23, 31, .78);--hairline: rgba(213, 255, 244, .14)}*{box-sizing:border-box}html,body,#app,.app-shell{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;min-height:320px;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input{-webkit-user-select:text;user-select:text}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.is-hidden{display:none!important}.app-shell{position:relative;min-height:100dvh;background:radial-gradient(circle at 25% 5%,rgba(49,143,130,.13),transparent 34%),linear-gradient(140deg,#0b1118,#070a11 66%)}.language-switcher{position:fixed;z-index:82;top:max(14px,env(safe-area-inset-top));right:max(15px,env(safe-area-inset-right));display:flex;gap:3px;padding:3px;border:1px solid rgba(161,222,211,.18);border-radius:999px;background:#070b11c2;box-shadow:0 7px 25px #0000003d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.language-switcher button{min-width:34px;padding:6px 8px;border:0;border-radius:999px;color:#778b85;background:transparent;font-size:.52rem;font-weight:850;letter-spacing:.08em;cursor:pointer}.language-switcher button[aria-pressed=true]{color:#07110f;background:#87dfcc}.language-switcher .audio-toggle{margin-right:2px;border-right:1px solid rgba(161,222,211,.15);border-radius:999px 2px 2px 999px;font-size:.75rem;line-height:1}.language-switcher .audio-toggle[aria-pressed=false]{color:#ce8b7b}.language-switcher .audio-toggle.awaiting-activation{color:#e7c36f;animation:audio-awaiting 1.6s ease-in-out infinite}body[data-screen=lobby] .language-switcher{top:max(70px,calc(env(safe-area-inset-top) + 54px))}.game-active .language-switcher{display:none}.install-app{position:fixed;z-index:90;bottom:max(22px,env(safe-area-inset-bottom));left:max(22px,env(safe-area-inset-left));display:flex;align-items:center;gap:11px;max-width:min(390px,calc(100vw - 44px));padding:7px;border:1px solid rgba(117,230,209,.2);border-radius:4px;background:#080e14e0;box-shadow:0 12px 35px #00000052;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.install-app button{display:flex;align-items:center;gap:7px;min-height:35px;padding:0 12px;border:1px solid rgba(117,230,209,.35);border-radius:2px;color:#bdf8ec;background:#3fa39124;font-size:.62rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}.install-app button span{font-size:1rem;line-height:0}.install-app p{margin:0 8px 0 0;color:#687c76;font-size:.62rem;line-height:1.35}.install-app.show-hint{align-items:flex-start}.install-app.show-hint p{color:#b7cac4}.install-guide{position:fixed;z-index:210;inset:0;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:#03060ad1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.install-guide-card{width:min(470px,100%);padding:clamp(24px,6vw,42px)}.install-guide-card h2{margin:10px 0 22px;font-family:Georgia,serif;font-size:clamp(1.8rem,7vw,2.7rem);font-weight:400}.install-guide-card ol{display:grid;gap:13px;margin:0;padding:0;list-style:none;counter-reset:install-step}.install-guide-card li{position:relative;min-height:34px;padding:8px 0 8px 46px;color:#a7b8b2;font-size:.78rem;line-height:1.45;counter-increment:install-step}.install-guide-card li:before{position:absolute;top:2px;left:0;display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(117,230,209,.36);color:#91f0dc;content:counter(install-step);font-family:Georgia,serif}.install-guide-card>p{margin:20px 0 0;padding:11px 13px;border-left:2px solid #75e6d1;color:#788a84;background:#46b49e12;font-size:.68rem;line-height:1.5}.install-guide-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.install-guide-actions button{min-height:46px}@media(display-mode:standalone),(display-mode:fullscreen){.install-app{display:none!important}}.app-shell:before{position:absolute;inset:0;content:"";pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 80%);mask-image:linear-gradient(to bottom,black,transparent 80%)}.ambient{position:absolute;width:45vw;height:45vw;border:1px solid rgba(98,229,194,.08);border-radius:50%;pointer-events:none;animation:ambient-spin 24s linear infinite}.ambient:before,.ambient:after{position:absolute;content:"";border:inherit;border-radius:inherit}.ambient:before{inset:8%}.ambient:after{inset:22%}.ambient-one{top:-26vw;right:-12vw}.ambient-two{bottom:-33vw;left:-14vw;animation-direction:reverse}@keyframes ambient-spin{to{transform:rotate(1turn)}}.menu-screen{position:relative;z-index:2;width:min(1180px,100%);height:100%;margin:0 auto;padding:max(28px,env(safe-area-inset-top)) max(26px,env(safe-area-inset-right)) max(26px,env(safe-area-inset-bottom)) max(26px,env(safe-area-inset-left))}.eyebrow{color:#7ea49d;font-size:.68rem;font-weight:800;letter-spacing:.25em;text-transform:uppercase}.glass-panel{border:1px solid var(--hairline);background:linear-gradient(145deg,#19222be6,#0a0e15d1);box-shadow:0 28px 80px #00000061,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.login-screen{display:grid;grid-template-columns:minmax(300px,1fr) minmax(340px,.72fr);align-items:center;gap:clamp(50px,10vw,140px)}.brand-lockup{position:relative;padding-left:clamp(0px,4vw,54px)}.brand-lockup h1{margin:24px 0 16px;color:#f2f8f5;font-family:Georgia,Times New Roman,serif;font-size:clamp(4.2rem,9vw,8.5rem);font-weight:400;letter-spacing:-.075em;line-height:.72;text-transform:uppercase}.brand-lockup h1 em{color:#77dcc9;font-size:.52em;font-weight:400;letter-spacing:.01em;text-transform:none}.brand-lockup p{margin:0;color:#889891;font-size:1rem;letter-spacing:.08em}.brand-mark{position:absolute;top:-76px;left:48%;width:270px;height:270px;border:1px solid rgba(113,221,201,.15);border-radius:50%;transform:translate(-50%);opacity:.7}.brand-mark:before,.brand-mark:after,.brand-mark i{position:absolute;content:"";border:1px solid rgba(113,221,201,.18);transform:rotate(45deg)}.brand-mark:before{inset:56px}.brand-mark:after{inset:82px}.brand-mark i:nth-child(1){inset:108px;background:#65e8cd1c;box-shadow:0 0 50px #65e8cd38}.brand-mark i:nth-child(2){top:20px;bottom:20px;left:50%;border-width:0 0 0 1px;transform:none}.brand-mark i:nth-child(3){left:20px;right:20px;top:50%;border-width:1px 0 0;transform:none}.login-card{position:relative;padding:clamp(28px,4vw,48px);border-radius:3px}.login-card:before{position:absolute;top:-1px;left:44px;width:90px;height:2px;content:"";background:var(--cyan);box-shadow:0 0 20px var(--cyan)}.login-card label{display:block;margin-bottom:17px;color:#dbe9e5;font-family:Georgia,serif;font-size:1.45rem}.input-row{display:grid;grid-template-columns:1fr auto}.input-row input{min-width:0;padding:0 17px;border:1px solid rgba(255,255,255,.13);border-right:0;border-radius:2px 0 0 2px;color:#fff;background:#03070c9e}.input-row input::placeholder{color:#59645f}.primary-button,.secondary-button{position:relative;min-height:54px;padding:0 24px;border:1px solid #75e6d1;border-radius:2px;color:#06100d;background:linear-gradient(135deg,#91f0dc,#51cbb5);box-shadow:0 10px 35px #47ccb32b;font-size:.77rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:transform .16s ease,filter .16s ease}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px);filter:brightness(1.08)}.primary-button:active,.secondary-button:active{transform:translateY(0)}.primary-button:disabled{cursor:wait;filter:grayscale(.7)}.form-note,.form-error{margin:12px 0 0;color:#697772;font-size:.74rem}.form-error{min-height:1em;color:#ff7e91}.connection-chip{position:absolute;right:max(26px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));color:#6c7874;font-size:.65rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.connection-chip span{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#ef8a54;box-shadow:0 0 10px #ef8a54}.connection-chip.online span{background:#62e5c2;box-shadow:0 0 10px #62e5c2}.lobby-screen{display:flex;flex-direction:column;overflow:auto;scrollbar-width:none}.lobby-header{display:flex;align-items:center;justify-content:space-between}.mini-brand{display:flex;align-items:baseline;gap:8px}.mini-brand b{font-family:Georgia,serif;font-size:1.15rem;letter-spacing:.04em}.mini-brand span{color:#6d827c;font-size:.55rem;letter-spacing:.16em}.profile-pill{display:flex;align-items:center;gap:18px;min-height:43px;padding:0 17px;border:1px solid var(--hairline);background:#0f151dbd;font-size:.72rem}.profile-name{color:#dbe7e3;font-weight:800}.profile-rating{color:#7e8e89}.profile-rating i{display:inline-block;width:7px;height:7px;margin-right:6px;transform:rotate(45deg);background:#62e5c2;box-shadow:0 0 9px #62e5c2}.profile-rating b{color:#b8d8cf}.profile-record{padding-left:18px;border-left:1px solid var(--hairline);color:#61706b}.lobby-copy{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin:clamp(28px,5vh,62px) 0 clamp(20px,3vh,34px)}.lobby-copy .eyebrow{grid-column:1 / -1;margin-bottom:8px}.lobby-copy h2{margin:0;font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.8rem);font-weight:400;letter-spacing:-.04em}.lobby-copy h2 em{color:#77dcc9;font-weight:400}.lobby-copy p{max-width:440px;margin:0 0 6px auto;color:#75827e;font-size:.86rem;line-height:1.7}.champion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.champion-card{position:relative;display:grid;grid-template-columns:minmax(112px,.68fr) minmax(0,1fr);grid-template-rows:minmax(150px,1fr) auto;column-gap:15px;min-height:294px;padding:21px;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:3px;color:#eef4f2;text-align:left;background:linear-gradient(145deg,color-mix(in srgb,var(--champion) 10%,#121820),#0b0f16 62%);cursor:pointer;transition:border-color .18s ease,transform .18s ease,background .18s ease}.champion-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--champion) 46%,transparent)}.champion-card.selected{border-color:var(--champion);background:linear-gradient(145deg,color-mix(in srgb,var(--champion) 18%,#121820),#0b0f16 65%);box-shadow:inset 0 0 45px color-mix(in srgb,var(--champion) 8%,transparent)}.champion-card:after{position:absolute;right:-55px;bottom:-75px;width:180px;height:180px;content:"";border:1px solid color-mix(in srgb,var(--champion) 25%,transparent);border-radius:50%}.role-tag{position:absolute;top:16px;right:17px;color:color-mix(in srgb,var(--champion) 70%,white);font-size:.6rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.champion-sigil{position:relative;grid-column:1;grid-row:1;align-self:center;width:clamp(90px,10vw,132px);height:clamp(90px,10vw,132px);border:1px solid color-mix(in srgb,var(--champion) 22%,transparent);border-radius:50%}.champion-sigil:before,.champion-sigil:after,.champion-sigil i{position:absolute;content:"";inset:18%;border:1px solid color-mix(in srgb,var(--champion) 40%,transparent);transform:rotate(45deg)}.champion-sigil:after{inset:31%;background:color-mix(in srgb,var(--champion) 15%,transparent);box-shadow:0 0 30px color-mix(in srgb,var(--champion) 30%,transparent)}.champion-sigil i{inset:6%;border-radius:50%;transform:none}.champion-sigil img{position:absolute;z-index:2;inset:-13%;width:126%;height:126%;object-fit:contain;filter:drop-shadow(0 14px 13px rgba(0,0,0,.48)) drop-shadow(0 0 12px color-mix(in srgb,var(--champion) 35%,transparent))}.champion-copy{align-self:center;min-width:0;padding:27px 0 10px}.champion-copy b{display:block;font-family:Georgia,serif;font-size:1.75rem;font-weight:400;letter-spacing:-.03em}.champion-copy em{display:block;margin-top:2px;color:color-mix(in srgb,var(--champion) 75%,white);font-family:Georgia,serif;font-size:.76rem}.champion-copy small{display:block;margin-top:14px;color:#71817b;font-size:.7rem;line-height:1.5}.stat-pips{grid-column:1 / -1;display:grid;gap:7px;padding:13px 0 6px;border-top:1px solid rgba(255,255,255,.07)}.stat-line{display:grid;grid-template-columns:74px minmax(50px,1fr) 28px;align-items:center;gap:8px}.stat-line b{color:#70807b;font-size:.49rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.stat-line i{display:block;height:4px;overflow:hidden;border-radius:4px;background:#ffffff14}.stat-line u{display:block;width:var(--value);height:100%;border-radius:inherit;background:color-mix(in srgb,var(--champion) 75%,white);box-shadow:0 0 8px color-mix(in srgb,var(--champion) 45%,transparent)}.stat-line em{color:#889892;font-size:.49rem;font-style:normal;font-weight:800;text-align:right}.select-mark{position:absolute;top:17px;left:18px;color:var(--champion);font-size:.48rem;font-weight:900;letter-spacing:.17em;opacity:0}.champion-card.selected .select-mark{opacity:1}.champion-kit{margin-top:16px;padding:17px;border:1px solid color-mix(in srgb,var(--champion) 38%,rgba(255,255,255,.08));border-radius:3px;background:linear-gradient(145deg,color-mix(in srgb,var(--champion) 7%,#101720),#080c12e6)}.champion-kit>header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:13px}.champion-kit>header span{display:flex;align-items:baseline;gap:9px}.champion-kit>header small{color:#6c817b;font-size:.49rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.champion-kit>header b{color:color-mix(in srgb,var(--champion) 75%,white);font-family:Georgia,serif;font-size:1.1rem;font-weight:400}.champion-kit>header em{color:#677670;font-size:.58rem;font-style:normal}.kit-scroll-cue{display:none}.champion-kit-scroll{position:relative}.champion-kit-grid{display:grid;grid-template-columns:repeat(var(--kit-items, 5),minmax(0,1fr));gap:7px}.kit-scroll-dots{display:none}.kit-ability{position:relative;min-width:0;min-height:142px;padding:12px;border:1px solid rgba(255,255,255,.07);background:#02070c59}.kit-ability.passive{border-color:color-mix(in srgb,var(--champion) 22%,rgba(255,255,255,.07));background:color-mix(in srgb,var(--champion) 5%,rgba(2,7,12,.35))}.kit-ability kbd{position:absolute;top:11px;right:11px;display:grid;place-items:center;min-width:27px;height:24px;border:1px solid color-mix(in srgb,var(--champion) 40%,#394943);color:color-mix(in srgb,var(--champion) 68%,white);background:#03080cbd;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.52rem;font-weight:900}.kit-ability span{display:block;min-height:35px;padding-right:34px}.kit-ability span small{display:block;overflow:hidden;color:#65766f;font-size:.43rem;font-weight:850;letter-spacing:.07em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.kit-ability span b{display:block;margin-top:4px;color:#e0eee9;font-family:Georgia,serif;font-size:.78rem;font-weight:400}.kit-ability p{margin:10px 0;color:#85928d;font-size:.58rem;line-height:1.42}.kit-ability>em{position:absolute;right:12px;bottom:9px;left:12px;color:color-mix(in srgb,var(--champion) 42%,#75827e);font-size:.43rem;font-style:normal;font-weight:800;line-height:1.35}.champion-kit>footer{margin-top:11px;padding:8px 10px;border-left:2px solid #d7ad60;color:#8b928c;background:#815d2314;font-size:.54rem;line-height:1.4}.champion-kit>footer b{margin-right:7px;color:#e5bf72;font-size:.48rem;letter-spacing:.1em;text-transform:uppercase}.lobby-actions{display:flex;justify-content:center;gap:12px;margin-top:clamp(20px,4vh,42px)}.lobby-actions button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:min(260px,40vw);padding:11px 22px}.lobby-actions small{margin-top:3px;font-size:.56rem;font-weight:600;letter-spacing:.04em;opacity:.62;text-transform:none}.secondary-button{border-color:#ffffff21;color:#a8b5b1;background:#0f141cbd;box-shadow:none}.desktop-hint{margin:13px 0 0;color:#44504c;font-size:.62rem;text-align:center}.queue-layer,.result-layer{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:24px;background:#03060ac7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.queue-card,.result-card{width:min(420px,100%);padding:44px;text-align:center}.queue-card h2,.result-card h2{margin:10px 0;font-family:Georgia,serif;font-size:2.6rem;font-weight:400}.queue-card p{color:#71817b;font-size:.75rem}.text-button{border:0;border-bottom:1px solid #53635e;color:#81918b;background:none;font-size:.68rem;cursor:pointer}.queue-orbit{position:relative;width:82px;height:82px;margin:0 auto 28px;border:1px solid rgba(98,229,194,.22);border-radius:50%;animation:ambient-spin 3s linear infinite}.queue-orbit:before{position:absolute;inset:22px;content:"";border:1px solid #62e5c2;transform:rotate(45deg);box-shadow:0 0 22px #62e5c252}.queue-orbit i{position:absolute;top:50%;width:5px;height:5px;border-radius:50%;background:#62e5c2;box-shadow:0 0 8px #62e5c2}.queue-orbit i:nth-child(1){left:-3px}.queue-orbit i:nth-child(2){right:-3px}.queue-orbit i:nth-child(3){top:-3px;left:50%}.game-screen,.game-world,.game-world canvas,.game-vignette{position:absolute;inset:0;width:100%;height:100%}.game-world canvas{display:block;touch-action:none}@media(pointer:fine){.game-world canvas{cursor:crosshair}.game-world.camera-free canvas{cursor:move}}.game-vignette{z-index:2;pointer-events:none;background:radial-gradient(circle,transparent 56%,rgba(3,5,9,.56) 110%)}.match-bar{position:absolute;z-index:10;top:max(10px,env(safe-area-inset-top));left:50%;display:grid;grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);align-items:center;width:min(660px,calc(100% - 28px));transform:translate(-50%)}.player-strip{display:flex;align-items:center;gap:9px;min-width:0}.player-strip>div:not(.strip-avatar){min-width:0}.player-strip b{display:block;overflow:hidden;font-family:Georgia,serif;font-size:.82rem;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.player-strip span{display:block;color:#6a8985;font-size:.53rem;font-weight:900;letter-spacing:.13em}.player-strip-enemy{justify-content:flex-start;flex-direction:row-reverse;text-align:right}.strip-avatar{position:relative;width:35px;height:35px;flex:0 0 auto;border:1px solid #51d7ec;transform:rotate(45deg);background:#16505b80}.strip-avatar:after{position:absolute;inset:10px;content:"";background:#64e7ff;box-shadow:0 0 12px #64e7ff}.strip-avatar.enemy{border-color:#ff6a80;background:#641b2980}.strip-avatar.enemy:after{background:#ff6a80;box-shadow:0 0 12px #ff6a80}.match-clock{display:flex;flex-direction:column;align-items:center;width:122px;padding:6px 16px 8px;border:1px solid rgba(255,255,255,.11);background:#070a10c2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%)}.match-clock>span{color:#71817d;font-size:.45rem;font-weight:900;letter-spacing:.13em}.match-clock>b{margin-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem;letter-spacing:.1em}.core-status{display:flex;justify-content:center;width:78px;height:2px;margin-top:5px;background:#ff5874}.core-status i{display:block;width:50%;height:2px;transition:width .2s linear}.core-status i:first-child{margin-left:auto;margin-right:50%;background:#4be0ff}.core-status i:last-child{position:absolute;background:#ff5874}.objective-stack{position:absolute;z-index:10;top:max(78px,calc(env(safe-area-inset-top) + 67px));left:max(13px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:5px;pointer-events:none}.objective-chip{display:flex;align-items:center;gap:7px;padding:6px 10px 6px 7px;border-left:2px solid #59706a;background:#070a10a6;opacity:.65;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.objective-chip.active{border-left-color:#79e7d2;opacity:1}.objective-chip.taken-blue{border-left-color:#55dbff;opacity:.46}.objective-chip.taken-red{border-left-color:#ff657c;opacity:.46}.objective-chip>i{display:block;width:16px;height:16px;border:1px solid #8ed8ce;transform:rotate(45deg)}.objective-chip .dragon-glyph{border-color:#ef825d;border-radius:50% 0}.objective-chip b{display:block;font-family:Georgia,serif;font-size:.65rem;font-weight:400}.objective-chip small{display:block;color:#78918b;font-size:.5rem;font-weight:900;letter-spacing:.1em}.announcement{position:absolute;z-index:12;top:19%;left:50%;padding:9px 30px;border-top:1px solid transparent;border-bottom:1px solid transparent;color:#d9fff6;background:linear-gradient(90deg,transparent,rgba(12,32,30,.78),transparent);font-family:Georgia,serif;font-size:clamp(.85rem,2vw,1.15rem);letter-spacing:.12em;text-align:center;opacity:0;pointer-events:none;transform:translate(-50%,-12px) scale(.96);transition:opacity .24s ease,transform .24s ease,border-color .24s ease}.announcement.show{border-color:#63e5cf42;opacity:1;transform:translate(-50%) scale(1)}.countdown{position:absolute;z-index:15;top:46%;left:50%;color:#e2fff8;font-family:Georgia,serif;font-size:clamp(4rem,12vw,8rem);opacity:0;pointer-events:none;text-shadow:0 0 40px rgba(98,229,194,.48);transform:translate(-50%,-50%) scale(1.2);transition:opacity .12s ease,transform .3s ease}.countdown.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.self-hud{position:absolute;z-index:10;bottom:max(20px,env(safe-area-inset-bottom));left:50%;display:flex;align-items:center;width:min(330px,35vw);transform:translate(-50%);pointer-events:none}.level-medallion{position:relative;z-index:2;display:grid;place-items:center;width:51px;height:51px;flex:0 0 auto;border:1px solid #88e4d3;transform:rotate(45deg);background:#111921;box-shadow:0 0 20px #62e5c224}.level-medallion small,.level-medallion b{transform:rotate(-45deg)}.level-medallion small{position:absolute;margin:-25px 0 0 -25px;color:#66877f;font-size:.42rem}.level-medallion b{font-family:Georgia,serif;font-size:1.45rem;font-weight:400}.vitals{flex:1;min-width:0;margin-left:-4px}.health-line{position:relative;height:15px;overflow:hidden;border:1px solid rgba(255,255,255,.17);background:#05090edb;transform:skew(-15deg)}.health-line i{display:block;height:100%;background:linear-gradient(90deg,#2a9e83,#72e3c8);box-shadow:0 0 12px #60e5c761;transition:width .15s linear}.health-line span{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:.5rem;font-weight:900;letter-spacing:.08em;text-shadow:0 1px 3px black;transform:skew(15deg)}.xp-line{height:3px;margin:3px 6px 0;background:#060b10d1}.xp-line i{display:block;height:100%;background:#e0c36f;box-shadow:0 0 8px #e0c36f73;transition:width .15s linear}.buffs{display:flex;justify-content:center;gap:4px;height:16px;margin-top:3px}.buff{padding:2px 5px;border:1px solid #62dff0;color:#a6f3ff;background:#0c2e36b8;font-size:.42rem;font-weight:900;letter-spacing:.08em}.buff.spawn-heal{border-color:#65e9a0;color:#a7f5c5;background:#0d3d2ac2}.buff.concealed{border-color:#bb8cff;color:#e2c8ff;background:#311e48d1}.buff.dragon{border-color:#ff9257;color:#ffb887;background:#461c11b8}.minimap{position:absolute;z-index:9;top:max(144px,calc(env(safe-area-inset-top) + 134px));right:max(13px,env(safe-area-inset-right));width:78px;height:106px;border:1px solid rgba(255,255,255,.14);background:#05080cb8;opacity:.78;pointer-events:none}.joystick{position:absolute;z-index:20;display:none;bottom:max(36px,calc(env(safe-area-inset-bottom) + 20px));left:max(28px,env(safe-area-inset-left));width:clamp(118px,15vw,150px);height:clamp(118px,15vw,150px);border:1px solid rgba(193,246,235,.16);border-radius:50%;background:radial-gradient(circle,rgba(21,34,39,.5),rgba(4,8,12,.22) 68%,transparent 70%);touch-action:none;-webkit-user-select:none;user-select:none}.joystick>span{position:absolute;inset:26%;border:1px dashed rgba(189,245,234,.14);border-radius:50%}.joystick:before,.joystick:after{position:absolute;content:"";background:#bdf5ea12;pointer-events:none}.joystick:before{top:50%;right:10%;left:10%;height:1px}.joystick:after{top:10%;bottom:10%;left:50%;width:1px}.joystick i{position:absolute;z-index:2;top:50%;left:50%;width:46%;height:46%;margin:-23%;border:1px solid rgba(154,235,219,.5);border-radius:50%;background:radial-gradient(circle at 35% 28%,#72e5ce6b,#142b2cc2);box-shadow:0 8px 26px #0000004d;will-change:transform}.combat-controls{position:absolute;z-index:20;right:max(21px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:end;gap:7px;touch-action:none;-webkit-user-select:none;user-select:none}.attack-button,.ability-button{position:relative;overflow:hidden;border-radius:50%;color:#fff;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}.attack-button{grid-row:1 / 3;align-self:center;width:clamp(74px,9vw,94px);height:clamp(74px,9vw,94px);margin-left:8px;border:2px solid rgba(226,255,249,.72);background:radial-gradient(circle at 40% 35%,#5ba3a1,#183b40 58%,#0b171e 60%);box-shadow:0 0 0 4px #8bebde14,0 8px 30px #0006}.attack-button span{display:block;font-size:clamp(1.4rem,3vw,2rem);transform:rotate(-12deg)}.attack-button small{display:block;color:#addbd2;font-size:.42rem;font-weight:900;letter-spacing:.13em}.attack-button.focused{border-color:#ffd36e;box-shadow:0 0 0 4px #ffd36e1f,0 8px 30px #0006}.target-label{display:none;position:absolute;top:8px;left:50%;color:#ffd36e;font-size:.36rem;font-style:normal;font-weight:900;letter-spacing:.11em;transform:translate(-50%)}.attack-button.focused .target-label{display:block}.attack-button.holding{filter:brightness(1.2);animation:auto-attack-ready .7s ease-in-out infinite}.attack-button.pulse{animation:attack-pulse .22s ease-out}@keyframes attack-pulse{50%{transform:scale(.9);filter:brightness(1.5)}}@keyframes auto-attack-ready{50%{box-shadow:0 0 0 7px #8bebde24,0 8px 30px #0006}}.ability-row{display:flex;align-items:flex-end;gap:clamp(6px,1vw,10px)}.ability-button{width:clamp(53px,6.3vw,68px);height:clamp(53px,6.3vw,68px);border:1px solid color-mix(in srgb,var(--ability-color, #70d9c6) 65%,white);background:radial-gradient(circle at 40% 32%,color-mix(in srgb,var(--ability-color, #70d9c6) 45%,#303849),#111822 65%);box-shadow:0 0 0 3px #ffffff0b,0 6px 22px #00000059;transition:transform .1s ease,filter .1s ease}.ability-button.ultimate{width:clamp(61px,7.3vw,79px);height:clamp(61px,7.3vw,79px);border-width:2px;box-shadow:0 0 0 4px #ffd16e14,0 6px 24px #00000061}.ability-button.aiming{transform:scale(1.12);filter:brightness(1.32)}.ability-button:disabled{cursor:default;filter:grayscale(.82) brightness(.68)}.ability-button.locked{border-style:dashed}.ability-icon{position:absolute;inset:0;display:grid;place-items:center;font-family:Georgia,serif;font-size:clamp(1rem,2vw,1.45rem)}.ability-key{position:absolute;z-index:5;top:4px;right:7px;color:#ffffffa3;font-size:.44rem;font-weight:900}.cooldown-mask{position:absolute;z-index:2;right:0;bottom:0;left:0;height:var(--cooldown);background:#020408c7;pointer-events:none;transition:height .1s linear}.cooldown-text{position:absolute;z-index:4;inset:0;display:grid;place-items:center;color:#fff;font-size:.72rem;text-shadow:0 1px 4px black}.combat-hint{position:absolute;right:0;bottom:calc(100% + 13px);width:min(330px,calc(100vw - 28px));padding:11px 13px;border:1px solid rgba(176,235,223,.16);color:#82928d;background:#070c12e6;box-shadow:0 14px 34px #00000052;opacity:0;pointer-events:none;transform:translateY(5px);transition:opacity .12s ease,transform .12s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.combat-hint.visible{opacity:1;transform:translateY(0)}.combat-hint b{display:block;color:#e2f0ec;font-family:Georgia,serif;font-size:.8rem;font-weight:400}.combat-hint small{display:block;margin-top:3px;color:#79b8aa;font-size:.46rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.combat-hint span{display:block;margin-top:6px;font-size:.58rem;line-height:1.4}@media(hover:none)and (pointer:coarse){.joystick{display:block}}.death-screen{position:absolute;z-index:30;inset:0;display:grid;place-content:start center;padding-top:max(86px,calc(env(safe-area-inset-top) + 72px));color:#b5c3bf;text-align:center;pointer-events:none;background:#080a0f33;-webkit-backdrop-filter:grayscale(.8);backdrop-filter:grayscale(.8)}.death-screen span{font-family:Georgia,serif;font-size:1.1rem;letter-spacing:.06em}.death-screen b{color:#fff;font-family:Georgia,serif;font-size:4rem;font-weight:400;line-height:1}.death-screen small{max-width:290px;margin-top:5px;color:#8da39d;font-size:.58rem;letter-spacing:.04em}.result-layer{position:absolute}.result-card h2{color:#8df0dd;font-size:4rem;text-shadow:0 0 32px rgba(98,229,194,.25)}.result-card h2.defeat{color:#ff788b;text-shadow:0 0 32px rgba(255,89,114,.2)}.result-card>p{color:#71817b;font-size:.85rem}.result-rating{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:13px;margin:29px 0;padding:14px 17px;border:1px solid var(--hairline);text-align:left}.result-rating span{color:#70807a;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.result-rating b{font-family:Georgia,serif;font-size:1.4rem;font-weight:400}.result-rating i{color:#63e5c2;font-size:.75rem;font-style:normal;font-weight:900}.result-rating i.negative{color:#ff7185}@media(max-width:900px){.login-screen{grid-template-columns:1fr;align-content:center;gap:52px}.brand-lockup{padding-left:0;text-align:center}.brand-lockup h1{font-size:clamp(4rem,16vw,7rem)}.brand-mark{left:50%}.brand-lockup p{font-size:.8rem}.login-card{width:min(480px,100%);margin:0 auto}.champion-card{grid-template-columns:98px minmax(0,1fr);min-height:270px;padding:16px}.champion-kit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.menu-screen{padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}body[data-screen=lobby] .install-app{top:max(70px,calc(env(safe-area-inset-top) + 54px));bottom:auto;left:max(16px,env(safe-area-inset-left));max-width:130px;padding:3px}body[data-screen=lobby] .install-app p{display:none}body[data-screen=lobby] .install-app button{min-height:29px;padding:0 9px;font-size:.5rem}.lobby-copy{display:block;margin-top:70px}.lobby-copy p{margin:12px 0 0}.champion-grid{grid-template-columns:1fr}.champion-card{grid-template-columns:105px minmax(0,1fr);min-height:250px}.champion-sigil{width:94px;height:94px}.champion-copy{padding-top:15px}.profile-record{display:none}.profile-pill{gap:10px;padding:0 11px}.lobby-actions{position:sticky;bottom:-18px;z-index:5;margin-right:-16px;margin-left:-16px;padding:12px 16px max(18px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#080c13 28%)}.lobby-actions button{width:50%;padding:10px 13px}.desktop-hint{display:none}.champion-kit{margin-top:13px;padding:13px}.champion-kit>header{align-items:flex-start;flex-direction:column;gap:4px}.kit-scroll-cue{display:flex;align-items:center;gap:5px;margin:10px 0 8px;color:color-mix(in srgb,var(--champion) 65%,#a7b8b2);font-size:.54rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase;transition:opacity .18s ease}.kit-scroll-cue span{margin-right:auto}.kit-scroll-cue b{display:grid;place-items:center;width:21px;height:21px;border:1px solid color-mix(in srgb,var(--champion) 38%,transparent);font-size:1rem;font-weight:400;animation:kit-nudge 1.5s ease-in-out infinite}.kit-scroll-cue b:first-of-type{animation-direction:reverse}.kit-has-scrolled .kit-scroll-cue{opacity:.45}.champion-kit-scroll:after{position:absolute;z-index:2;top:0;right:-1px;bottom:17px;width:42px;content:"";background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--champion) 10%,#0b1118));pointer-events:none;transition:opacity .18s ease}.kit-at-end .champion-kit-scroll:after{opacity:0}.champion-kit-grid{grid-auto-columns:minmax(235px,80vw);grid-template-columns:none;grid-auto-flow:column;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory;scrollbar-width:none}.champion-kit-grid::-webkit-scrollbar{display:none}.kit-ability{scroll-snap-align:start}.kit-scroll-dots{display:flex;justify-content:center;gap:5px;height:11px;padding-top:5px}.kit-scroll-dots i{width:13px;height:2px;background:#ffffff1f;transition:width .15s ease,background .15s ease}.kit-scroll-dots i.active{width:24px;background:var(--champion)}.joystick{display:block}.self-hud{bottom:max(145px,calc(env(safe-area-inset-bottom) + 125px));width:230px}.game-active .install-app{top:max(62px,calc(env(safe-area-inset-top) + 54px));bottom:auto;left:50%;padding:3px;transform:translate(-50%)}.game-active .install-app p{display:none}.game-active .install-app button{min-height:29px;padding:0 9px;font-size:.5rem}}@keyframes kit-nudge{50%{transform:translate(2px)}}@keyframes audio-awaiting{50%{filter:brightness(1.45)}}@media(max-width:700px)and (orientation:portrait){.match-bar{grid-template-columns:1fr 98px 1fr}.player-strip b{max-width:80px}.strip-avatar{width:28px;height:28px}.match-clock{width:98px}.objective-stack{top:68px}.minimap{top:72px;width:65px;height:89px}.joystick{bottom:max(42px,calc(env(safe-area-inset-bottom) + 22px));left:max(15px,env(safe-area-inset-left));width:116px;height:116px}.combat-controls{right:max(10px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));grid-template-columns:auto}.attack-button{position:absolute;right:3px;bottom:70px;width:74px;height:74px}.ability-row{padding-right:4px;gap:4px}.ability-button{width:49px;height:49px}.ability-button.ultimate{width:56px;height:56px}.self-hud{bottom:max(145px,calc(env(safe-area-inset-bottom) + 130px))}}@media(max-height:560px)and (orientation:landscape){.menu-screen{padding-top:14px;padding-bottom:12px}.login-screen{grid-template-columns:minmax(280px,.8fr) minmax(330px,1fr);align-content:initial;gap:34px}.login-screen .brand-lockup{padding-left:18px;text-align:left}.login-screen .brand-lockup h1{margin:13px 0 9px;font-size:clamp(3.2rem,8vw,4.4rem)}.login-screen .brand-lockup p{font-size:.7rem}.login-screen .brand-mark{top:-78px;left:43%;width:190px;height:190px}.login-screen .brand-mark:before{inset:42px}.login-screen .brand-mark:after{inset:60px}.login-screen .brand-mark i:nth-child(1){inset:78px}.login-screen .login-card{padding:25px 28px}.lobby-copy{margin:8px 0}.lobby-copy h2{font-size:2rem}.lobby-copy p{line-height:1.35}.champion-card{grid-template-columns:72px minmax(0,1fr);grid-template-rows:minmax(105px,1fr) auto;min-height:196px;padding:10px}.champion-sigil{width:66px;height:66px}.champion-sigil b{font-size:1.7rem}.champion-copy{padding:10px 0 8px}.champion-copy b{font-size:1.35rem}.champion-copy small{display:none}.stat-pips{gap:5px;padding:8px 0 3px}.stat-line{grid-template-columns:58px minmax(38px,1fr) 25px;gap:5px}.lobby-actions{margin-top:10px}.desktop-hint{display:none}.match-bar{top:max(5px,env(safe-area-inset-top))}.objective-stack{top:max(57px,calc(env(safe-area-inset-top) + 52px))}.minimap{top:max(59px,calc(env(safe-area-inset-top) + 54px))}.joystick{width:112px;height:112px;bottom:max(28px,calc(env(safe-area-inset-bottom) + 16px))}.combat-controls{bottom:max(8px,env(safe-area-inset-bottom))}.attack-button{width:74px;height:74px}.ability-button{width:50px;height:50px}.ability-button.ultimate{width:59px;height:59px}.self-hud{bottom:max(10px,env(safe-area-inset-bottom));width:270px}.announcement{top:15%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}