:root{--color-bg: #03070d;--color-bg-elevated: #0b1522;--color-panel: #0b1624;--color-panel-strong: #101f30;--color-border: #27384a;--color-border-soft: rgba(141, 184, 207, .18);--color-gold: #d9b86c;--color-gold-bright: #fff1c9;--color-gold-muted: #806332;--color-blue: #21a6c7;--color-blue-bright: #54d7e8;--color-text: #b8c7d5;--color-text-muted: #8da1b4;--color-text-strong: #f4f7f9;--color-danger: #ef5266;--font-body: "Noto Sans KR", Inter, system-ui, -apple-system, sans-serif;--font-display: "Cinzel", "Noto Sans KR", Georgia, serif;--shadow-gold: 0 0 0 1px rgba(217, 184, 108, .2), 0 18px 60px rgba(0, 0, 0, .45);--shadow-panel: 0 24px 80px rgba(0, 0, 0, .55);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 22px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-body);color:var(--color-text);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-break:keep-all;overflow-wrap:break-word;background:radial-gradient(circle at 50% -10%,rgba(9,20,40,.9),transparent 60%),linear-gradient(180deg,#010a13,#04121f);background-attachment:fixed;height:100vh;height:100dvh;overflow:hidden}#root{height:100vh;height:100dvh;overflow:hidden}.app-shell{position:relative;display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.app-controls{position:absolute;top:.75rem;right:.75rem;z-index:40;display:flex;align-items:center;gap:.5rem}.app-controls__settings{display:grid;place-items:center;width:34px;height:34px;padding:0;line-height:0;border:1px solid var(--color-gold-muted);border-radius:2px;background:#091428d9;color:var(--color-gold);cursor:pointer;transition:border-color .15s ease,color .15s ease,box-shadow .15s ease}.app-controls__settings:hover{border-color:var(--color-gold);color:var(--color-gold-bright);box-shadow:var(--shadow-gold)}.app-controls__gear{display:block}.app-main{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:2rem;overflow:auto}.app-main:has(.battle-screen){padding:.75rem;overflow:hidden}.screen{text-align:center;max-width:640px;padding:2.5rem;border:1px solid var(--color-gold-muted);border-radius:4px;background:#091428a6;box-shadow:var(--shadow-gold)}.screen__heading{font-family:var(--font-display);color:var(--color-gold-bright);margin-top:0;text-wrap:balance}.screen__description{color:var(--color-text);line-height:1.6}.btn{font-family:var(--font-body);font-weight:700;letter-spacing:.05em;padding:.65rem 1.6rem;border:1px solid var(--color-gold-muted);border-radius:2px;background:transparent;color:var(--color-gold);cursor:pointer;transition:border-color .15s ease,color .15s ease,box-shadow .15s ease}.btn:hover{border-color:var(--color-gold);color:var(--color-gold-bright);box-shadow:var(--shadow-gold)}.btn--primary{margin-top:1.5rem;background:linear-gradient(180deg,#1e2328,#010a13);border-color:var(--color-gold);color:var(--color-gold-bright)}.language-toggle{display:inline-flex;border:1px solid var(--color-gold-muted);border-radius:2px;overflow:hidden;background:#091428d9}.language-toggle__button{font-family:var(--font-body);font-size:.85rem;font-weight:500;padding:.4rem .9rem;border:none;background:transparent;color:var(--color-text);cursor:pointer;transition:background .15s ease,color .15s ease}.language-toggle__button+.language-toggle__button{border-left:1px solid var(--color-gold-muted)}.language-toggle__button.is-active{background:var(--color-gold);color:var(--color-bg)}.language-toggle__button:not(.is-active):hover{color:var(--color-gold-bright)}.screen--menu{position:relative;max-width:42rem;width:min(92vw,42rem);padding:clamp(2.25rem,5vw,3.5rem) clamp(1.75rem,5vw,3.5rem);isolation:isolate}.screen--menu:before{content:"";position:absolute;z-index:-1;top:-55%;right:-40%;bottom:-55%;left:-40%;pointer-events:none;background:radial-gradient(ellipse 46% 40% at 50% 30%,rgba(200,170,110,.16),transparent 70%),radial-gradient(ellipse 60% 46% at 50% 78%,rgba(70,130,180,.13),transparent 72%),repeating-linear-gradient(115deg,rgba(200,170,110,.045) 0 1px,transparent 1px 26px)}.main-menu__title{font-size:clamp(1.9rem,4.4vw,3rem);line-height:1.2;letter-spacing:.01em}.main-menu__tagline{font-family:var(--font-display);color:var(--color-gold);font-size:clamp(1rem,1.6vw,1.2rem);letter-spacing:.05em;margin:.4rem 0 1.25rem}.main-menu__tagline:after{content:"";display:block;width:min(14rem,60%);height:1px;margin:1.1rem auto 0;background:linear-gradient(90deg,transparent,var(--color-gold-muted),transparent)}.main-menu__play{font-size:1.15rem;padding:.95rem 3rem;margin-top:1.6rem}.app-main:has(.champion-select){padding:0;overflow:hidden;align-items:stretch}.champion-select{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;background:radial-gradient(circle at 50% -20%,rgba(10,60,90,.35),transparent 60%),linear-gradient(180deg,#071726,#010a13)}.client-nav{display:flex;align-items:center;gap:1.5rem;flex:0 0 auto;padding:.55rem 1.25rem;border-bottom:1px solid var(--color-gold-muted);background:linear-gradient(180deg,#0a1428f2,#030a14e6);box-shadow:0 2px 10px #00000080}.client-nav__brand{display:flex;align-items:center;gap:.55rem}.client-nav__mark{color:var(--color-gold);line-height:0;filter:drop-shadow(0 0 6px rgba(200,170,110,.4))}.client-nav__wordmark{font-family:var(--font-display);font-weight:700;letter-spacing:.06em;color:var(--color-gold-bright);font-size:.95rem;white-space:nowrap}.client-nav__tabs{display:flex;align-items:center;gap:1.25rem;margin:0;padding:0;list-style:none}.client-nav__tab{font-family:var(--font-display);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text);padding:.35rem .1rem;border-bottom:2px solid transparent}.client-nav__tab.is-active{color:var(--color-gold-bright);border-bottom-color:var(--color-gold)}.client-nav__right{margin-left:auto;display:flex;align-items:center;gap:.9rem}.client-nav__currency{display:flex;align-items:center;gap:.6rem}.client-nav__chip{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border:1px solid var(--color-gold-muted);border-radius:2px;background:#010a1399;font-size:.72rem}.client-nav__chip-dot{width:8px;height:8px;border-radius:50%}.client-nav__chip-dot--essence{background:var(--color-blue-bright)}.client-nav__chip-dot--credits{background:var(--color-gold)}.client-nav__chip-label{color:var(--color-text);letter-spacing:.04em}.client-nav__chip-value{color:var(--color-gold-bright);font-weight:700}.client-nav__profile{display:inline-flex;align-items:center;gap:.5rem;padding:.2rem .6rem .2rem .3rem;border:1px solid var(--color-gold-muted);border-radius:999px;background:#010a1399}.client-nav__avatar{width:26px;height:26px;border-radius:50%;border:1px solid var(--color-gold);background:radial-gradient(circle at 35% 30%,var(--color-blue-bright),#01223a 75%)}.client-nav__profile-text{display:flex;flex-direction:column;line-height:1.15}.client-nav__profile-name{font-size:.78rem;color:var(--color-gold-bright);font-weight:700}.client-nav__profile-level{font-size:.68rem;color:var(--color-text)}.client-nav__controls{display:flex;align-items:center;gap:.5rem}.champion-select__stage{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:0;overflow:hidden}.champion-select__main{min-height:0;display:flex;flex-direction:column;padding:1rem 1.25rem;overflow:auto}.champion-select__topbar{text-align:center;flex:0 0 auto}.champion-select__heading{margin:0;font-size:clamp(1.2rem,2.6vw,1.8rem)}.champion-select__hint{margin:.3rem 0 0;color:var(--color-text);font-size:.85rem}.champion-select__cards{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;gap:.9rem;flex-wrap:wrap;padding:1rem 0}.lobby-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:.4rem;width:clamp(120px,15vw,168px);padding:.9rem .7rem .8rem;border:1px solid var(--color-gold-muted);border-radius:6px;background:linear-gradient(180deg,#0a162ad9,#010a13d9);color:var(--color-text-strong);cursor:pointer;transition:transform .14s ease,border-color .15s ease,box-shadow .15s ease}.lobby-card:hover{transform:translateY(-3px);border-color:var(--color-gold);box-shadow:var(--shadow-gold)}.lobby-card.is-self{border-color:var(--color-gold);border-width:2px;background:linear-gradient(180deg,#102842f2,#020e1af2);box-shadow:0 0 18px #c8aa6e66,inset 0 0 22px #0ac8b91f;transform:translateY(-10px) scale(1.06)}.lobby-card__slotlabel{font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-gold)}.lobby-card__portrait{position:relative;display:flex;align-items:flex-end;justify-content:center;width:clamp(74px,9vw,104px);height:clamp(74px,9vw,104px);border:3px solid;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px #010a13e6,0 0 0 4px #c8aa6e59}.lobby-card.is-self .lobby-card__portrait{box-shadow:0 0 0 2px #010a13e6,0 0 0 5px var(--color-gold),0 0 16px #c8aa6e8c}.champion-figure{display:block;line-height:0}.champion-figure>svg{display:block;width:100%;height:100%}.lobby-card__figure{position:absolute;bottom:-4%;left:50%;transform:translate(-50%);width:96%;height:100%;pointer-events:none}.lobby-card__figure>svg{width:100%;height:100%;object-fit:contain}.lobby-card__name{font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--color-gold-bright)}.lobby-card__role{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.lobby-card__spells{display:flex;gap:.3rem;margin-top:.15rem}.lobby-card__spell{display:grid;place-items:center;width:22px;height:22px;padding:3px;border:1px solid var(--color-gold-muted);border-radius:3px;background:#010a13b3;color:var(--color-gold);line-height:0}.lobby-card__spell>svg{width:100%;height:100%}.champion-select__detail{flex:0 0 auto;border:1px solid var(--color-gold-muted);border-radius:4px;background:#09142899;margin-top:.5rem}.champion-select__detail-toggle{display:flex;align-items:baseline;gap:.6rem;width:100%;padding:.6rem .9rem;border:none;background:transparent;color:var(--color-gold-bright);cursor:pointer;text-align:left}.champion-select__detail-name{font-family:var(--font-display);font-weight:700}.champion-select__detail-title{font-style:italic;color:var(--color-gold);font-size:.85rem}.champion-select__detail-caret{margin-left:auto;color:var(--color-gold);font-size:.7rem}.champion-select__detail-body{padding:0 .9rem .9rem}.champion-detail__subheading{font-family:var(--font-display);color:var(--color-gold);font-size:.95rem;letter-spacing:.04em;margin:1rem 0 .5rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;margin:0}.stat-grid__item{display:flex;justify-content:space-between;gap:.5rem;padding:.35rem .55rem;border:1px solid var(--color-border);border-radius:2px;background:#010a1399}.stat-grid__item dt{color:var(--color-text);font-size:.8rem}.stat-grid__item dd{margin:0;color:var(--color-gold-bright);font-weight:700;font-size:.85rem}.ability-list{display:flex;flex-direction:column;gap:.6rem}.ability-card{border:1px solid var(--color-border);border-radius:3px;background:#010a138c;padding:.7rem .85rem}.ability-card__head{display:flex;align-items:center;gap:.6rem}.ability-card__slot{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:2px solid var(--color-gold);border-radius:4px;font-family:var(--font-display);font-weight:700;flex-shrink:0}.ability-card__titles{display:flex;flex-direction:column}.ability-card__name{margin:0;color:var(--color-gold-bright);font-size:.95rem}.ability-card__meta{font-size:.72rem;color:var(--color-gold);text-transform:uppercase;letter-spacing:.04em}.ability-card__desc{margin:.5rem 0;font-size:.85rem;line-height:1.5;color:var(--color-text)}.ability-card__stats{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin:0}.ability-card__stat{display:flex;gap:.35rem;align-items:baseline}.ability-card__stat dt{font-size:.72rem;color:var(--color-text);text-transform:uppercase;letter-spacing:.04em}.ability-card__stat dd{margin:0;font-size:.82rem;color:var(--color-gold-bright);font-weight:700}.champion-select__footer{flex:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-top:.75rem;padding-top:.9rem;border-top:1px solid var(--color-gold-muted)}.champion-select__opponent{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-self:start}.champion-select__opponent-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gold)}.champion-select__opponent-picker{font-family:var(--font-body);padding:.4rem .6rem;border:1px solid var(--color-gold-muted);border-radius:2px;background:var(--color-bg-elevated);color:var(--color-gold-bright);cursor:pointer}.champion-select__back{justify-self:end}.champion-select__find-match{justify-self:center;font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:.12em;text-transform:uppercase;padding:.75rem 2.6rem;border:2px solid var(--color-gold);border-radius:4px;color:#04121f;background:linear-gradient(180deg,var(--color-gold-bright),var(--color-gold) 55%,var(--color-gold-muted));cursor:pointer;box-shadow:0 0 16px #c8aa6e8c,0 0 34px #0ac8b947;transition:transform .14s ease,box-shadow .15s ease,filter .15s ease;animation:findMatchPulse 2.4s ease-in-out infinite}.champion-select__find-match:hover{transform:translateY(-1px) scale(1.02);filter:brightness(1.08);box-shadow:0 0 22px #c8aa6ebf,0 0 46px #0ac8b966}@keyframes findMatchPulse{0%,to{box-shadow:0 0 16px #c8aa6e80,0 0 30px #0ac8b938}50%{box-shadow:0 0 24px #c8aa6ecc,0 0 44px #0ac8b966}}@media (prefers-reduced-motion: reduce){.champion-select__find-match{animation:none}}.social-panel{min-height:0;display:flex;flex-direction:column;border-left:1px solid var(--color-gold-muted);background:linear-gradient(180deg,#081222e6,#010a13e6);padding:.9rem .85rem;overflow:auto}.social-panel__title{margin:0 0 .75rem;font-family:var(--font-display);font-size:.95rem;letter-spacing:.06em;color:var(--color-gold-bright);border-bottom:1px solid var(--color-border);padding-bottom:.5rem}.social-panel__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.social-panel__friend{display:flex;align-items:center;gap:.6rem;padding:.4rem .5rem;border:1px solid var(--color-border);border-radius:3px;background:#010a1380}.social-panel__dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 6px currentColor}.social-panel__dot--online{background:#3ad6a5;color:#3ad6a5}.social-panel__dot--ingame{background:var(--color-blue-bright);color:var(--color-blue-bright)}.social-panel__dot--away{background:#c9a227;color:#c9a227}.social-panel__friend-info{display:flex;flex-direction:column;line-height:1.2}.social-panel__friend-name{font-size:.85rem;color:var(--color-gold-bright);font-weight:700}.social-panel__friend-status{font-size:.72rem;color:var(--color-text)}@media (max-width: 900px){.champion-select__stage{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.social-panel{border-left:none;border-top:1px solid var(--color-gold-muted);flex-direction:row;align-items:center;gap:.75rem}.social-panel__title{border-bottom:none;padding-bottom:0;margin:0;white-space:nowrap}.social-panel__list{flex-direction:row;flex-wrap:wrap}.champion-select__footer{grid-template-columns:1fr;justify-items:center}.champion-select__opponent,.champion-select__back{justify-self:center}}.battle-screen{align-self:stretch;width:100%;height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:0}.battle-stage{position:relative;flex:1 1 auto;min-height:0;width:100%;height:100%;border-radius:6px;overflow:hidden;background:#071018}.phaser-game{position:absolute;top:0;right:0;bottom:0;left:0}.phaser-game canvas{display:block}.battle-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:.6rem .9rem;font-size:.8rem}.battle-hud__objective{display:flex;align-items:center;justify-content:space-between;gap:1rem}.battle-hud__team{font-family:var(--font-display);font-weight:700;letter-spacing:.04em;text-shadow:0 1px 3px #000}.battle-hud__nexus-bars{display:flex;align-items:center;gap:.75rem;flex:1;max-width:620px}.battle-hud__nexus{flex:1;display:flex;flex-direction:column;gap:2px}.battle-hud__nexus-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gold)}.battle-hud__nexus-track{height:8px;border-radius:4px;background:#0009;border:1px solid var(--color-border);overflow:hidden}.battle-hud__nexus-fill{height:100%;transition:width .2s linear}.battle-hud__nexus-fill--ally{background:var(--color-blue-bright)}.battle-hud__nexus-fill--enemy{background:var(--color-danger);margin-left:auto}.battle-hud__nexus:last-child .battle-hud__nexus-track{transform:scaleX(1)}.battle-hud__timer{font-variant-numeric:tabular-nums;color:var(--color-gold-bright);font-weight:700}.battle-hud__bottom-band{display:flex;flex-direction:column;gap:.5rem}.battle-hud__hint{display:flex;justify-content:center;margin:0}.battle-hud__hint-text{display:inline-block;max-width:90%;padding:.2rem .7rem;border-radius:999px;background:#00000073;border:1px solid rgba(255,255,255,.08);color:var(--color-gold);font-size:.72rem;text-align:center;text-shadow:0 1px 2px #000;opacity:.75}.battle-hud__bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.battle-hud__champion{display:flex;align-items:center;gap:.6rem;min-width:260px}.battle-hud__portrait{display:grid;place-items:center;width:46px;height:46px;border:2px solid var(--color-gold);border-radius:6px;font-weight:700;background:#00000080}.battle-hud__bars{display:flex;flex-direction:column;gap:4px;flex:1}.battle-hud__bar-row{display:flex;align-items:center;gap:6px}.battle-hud__bar-label{font-size:.6rem;width:34px;color:var(--color-gold);text-transform:uppercase}.battle-hud__bar{position:relative;flex:1;height:14px;border-radius:3px;background:#000000a6;border:1px solid var(--color-border);overflow:hidden}.battle-hud__bar-fill{height:100%;transition:width .15s linear}.battle-hud__bar-fill--hp{background:linear-gradient(90deg,#2ecc71,#3ad16a)}.battle-hud__bar-fill--mana{background:linear-gradient(90deg,#2178c4,#0ac8b9)}.battle-hud__bar-fill--enemy{background:linear-gradient(90deg,#be1e37,#e0503a)}.battle-hud__bar-text{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:.62rem;color:var(--color-gold-bright);text-shadow:0 1px 2px #000;font-variant-numeric:tabular-nums}.battle-hud__abilities{display:flex;gap:.5rem}.battle-ability{position:relative;width:46px;height:46px;border:2px solid var(--color-gold);border-radius:6px;background:#0000008c;overflow:hidden;display:grid;place-items:center}.battle-ability.is-ready{box-shadow:0 0 8px #c8aa6e80}.battle-ability.is-cooling{filter:grayscale(.4) brightness(.7)}.battle-ability__icon{position:absolute;top:6px;right:6px;bottom:6px;left:6px;display:block;color:inherit;filter:drop-shadow(0 1px 1px rgba(0,0,0,.7));pointer-events:none}.battle-ability__icon svg{display:block;width:100%;height:100%}.battle-ability.is-ready .battle-ability__icon{color:var(--color-gold-bright)}.ability-card__slot{position:relative;display:inline-grid;place-items:center;width:34px;height:34px;border:2px solid var(--color-gold);border-radius:6px}.ability-card__icon{display:block;width:22px;height:22px;color:inherit}.ability-card__icon svg{display:block;width:100%;height:100%}.ability-card__slot-key{position:absolute;top:-1px;left:2px;font-size:.55rem;font-weight:700;line-height:1;color:inherit;text-shadow:0 1px 2px #000}.battle-ability__key{position:absolute;top:1px;left:3px;z-index:2;font-weight:700;font-size:.62rem;line-height:1;color:var(--color-gold-bright);text-shadow:0 1px 2px #000,0 0 3px #000;pointer-events:none}.battle-ability__cooldown{position:absolute;left:0;bottom:0;width:100%;z-index:1;background:#0009;pointer-events:none}.battle-ability__timer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;font-weight:700;color:#fff;text-shadow:0 1px 2px #000}.battle-hud__enemy{display:flex;flex-direction:column;align-items:flex-end;gap:3px;min-width:200px}.battle-hud__enemy-name{color:var(--color-danger);font-weight:700}.battle-hud__bar--enemy{width:180px}.battle-screen__quit{pointer-events:auto;flex:0 0 auto;padding:.4rem 1.4rem}.result-screen{align-items:center;text-align:center;gap:1rem;padding:2rem 1rem}.result-screen__banner{font-family:var(--font-display);font-size:clamp(2.4rem,6vw,4rem);letter-spacing:.08em;margin:0}.result-screen--win .result-screen__banner{color:var(--color-blue-bright);text-shadow:0 0 20px rgba(10,200,185,.5)}.result-screen--lose .result-screen__banner{color:var(--color-danger);text-shadow:0 0 20px rgba(190,30,55,.5)}.result-screen__matchup{color:var(--color-gold);font-size:1.1rem;margin:0}.result-screen__stats{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:.75rem 2rem;margin:.5rem 0}.result-screen__stat{display:flex;flex-direction:column;gap:2px;padding:.6rem 1rem;border:1px solid var(--color-gold-muted);border-radius:4px;background:var(--color-panel)}.result-screen__stat dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gold);margin:0}.result-screen__stat dd{margin:0;font-size:1.4rem;font-weight:700;color:var(--color-gold-bright);font-variant-numeric:tabular-nums}.result-screen__actions{display:flex;gap:.75rem}.result-screen__eyebrow{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;color:var(--color-gold)}.result-screen__banner{animation:banner-rise .5s ease-out both}@keyframes banner-rise{0%{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.result-screen__subtitle{margin:0;color:var(--color-text);font-size:.95rem}.result-screen__matchup{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap;font-size:1.1rem;margin:0}.result-screen__champ{display:flex;flex-direction:column;align-items:center;gap:.35rem;font-family:var(--font-display);font-weight:700;color:var(--color-gold-bright)}.result-screen__figure{width:72px;height:104px}.result-screen__figure>svg{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.55))}.result-screen__champ-name{font-size:1.1rem}.result-screen__vs{color:var(--color-text);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:1.5rem;background:#01060cc7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .15s ease-out both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.settings-panel{width:100%;max-width:480px;max-height:90vh;overflow-y:auto;border:1px solid var(--color-gold-muted);border-radius:6px;background:linear-gradient(180deg,#0a1428fa,#010a13fa);box-shadow:var(--shadow-gold);padding:1.5rem}.settings-panel__head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border);padding-bottom:.75rem;margin-bottom:1rem}.settings-panel__title{font-family:var(--font-display);margin:0;color:var(--color-gold-bright);font-size:1.3rem}.settings-panel__close{background:transparent;border:1px solid var(--color-gold-muted);border-radius:2px;color:var(--color-gold);width:30px;height:30px;cursor:pointer;transition:border-color .15s ease,color .15s ease}.settings-panel__close:hover{border-color:var(--color-gold);color:var(--color-gold-bright)}.settings-section{margin-bottom:1.25rem}.settings-section__title{font-family:var(--font-display);font-size:.95rem;letter-spacing:.04em;color:var(--color-gold);margin:0 0 .6rem}.settings-keybinds{display:flex;flex-direction:column;gap:.4rem;margin:0}.settings-keybind{display:flex;align-items:center;gap:.75rem;padding:.4rem .6rem;border:1px solid var(--color-border);border-radius:3px;background:#010a1399}.settings-keybind__keys{min-width:92px;font-weight:700;color:var(--color-gold-bright);font-family:var(--font-body);letter-spacing:.05em}.settings-keybind__action{margin:0;color:var(--color-text);font-size:.88rem}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.45rem 0;color:var(--color-text-strong);font-size:.9rem}.settings-row input[type=range]{flex:1;accent-color:var(--color-gold)}.settings-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-gold)}.settings-row__value{min-width:2.5ch;text-align:right;font-variant-numeric:tabular-nums;color:var(--color-gold-bright);font-weight:700}.settings-diagnostics__copy,.settings-diagnostics__status{margin:0 0 .75rem;color:var(--color-text);font-size:.84rem;line-height:1.55}.settings-diagnostics__status{margin-top:.7rem;color:var(--color-text-strong)}.settings-diagnostics__choices,.settings-diagnostics__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.settings-diagnostics__choice[aria-pressed=true]{border-color:var(--color-gold-bright);color:var(--color-gold-bright);box-shadow:inset 0 0 0 1px #f1d17a40}.settings-diagnostics__actions .btn,.settings-diagnostics__choices .btn{min-height:44px;white-space:normal}.settings-panel__done{width:100%;margin-top:.5rem}@media (max-width: 720px){.app-main{padding:1rem}.screen{padding:1.5rem 1.25rem}.result-screen__stats{grid-template-columns:1fr 1fr;gap:.5rem 1rem}}@media (max-width: 480px){.champion-select__cards{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.result-screen__stats{grid-template-columns:1fr}.battle-hud{font-size:.68rem}.battle-hud__champion,.battle-hud__enemy{min-width:0}}.mode-select{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem}.mode-select__hint{color:var(--color-text-muted, #a3b6c9);text-align:center}.mode-select__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;width:100%;max-width:720px}.mode-card{display:flex;flex-direction:column;gap:.6rem;padding:1.4rem;border:1px solid var(--color-gold-muted, #6b5a2e);border-radius:10px;background:linear-gradient(160deg,#14281ed9,#040c08f2);color:inherit;cursor:pointer;text-align:left;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.mode-card:hover{transform:translateY(-3px)}.mode-card.is-selected{border-color:var(--color-gold, #c9a227);box-shadow:0 0 0 2px #c9a22759}.mode-card--primary{border-color:var(--color-blue-bright, #2fa8e0)}.mode-card__name{font-family:var(--font-display);font-size:1.3rem;font-weight:700}.mode-card__desc{color:var(--color-text-muted, #a3b6c9);font-size:.9rem}.mode-card__cta{align-self:flex-start;margin-top:.4rem;padding:.3rem .8rem;border-radius:6px;background:#c9a2272e;color:var(--color-gold, #c9a227);font-weight:600}.mode-select__actions{margin-top:.5rem}.champion-detail__tags{display:inline-flex;gap:.5rem;align-items:center}.champion-detail__lane{padding:.1rem .5rem;border-radius:999px;background:#ffffff14;font-size:.75rem}.shop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#020805b8;pointer-events:auto}.shop-panel{width:min(680px,92%);max-height:86%;overflow-y:auto;padding:1.2rem;border:1px solid var(--color-gold-muted, #6b5a2e);border-radius:10px;background:linear-gradient(160deg,#0c2015,#04100a);box-shadow:var(--shadow-gold)}.shop-panel__head{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.shop-panel__title{font-family:var(--font-display);flex:1}.shop-panel__gold{color:var(--color-gold, #c9a227);font-weight:700}.shop-panel__close{border:none;background:transparent;color:inherit;font-size:1.1rem;cursor:pointer}.shop-panel__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.8rem}.shop-item{display:flex;flex-direction:column;gap:.4rem;padding:.8rem;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff08}.shop-item--legendary{border-color:var(--color-gold, #c9a227)}.shop-item.is-owned{opacity:.5}.shop-item.is-recommended{box-shadow:0 0 0 1px var(--color-blue-bright, #2fa8e0)}.shop-item__head{display:flex;justify-content:space-between;align-items:center}.shop-item__name{font-weight:700}.shop-item__tag{font-size:.7rem;color:var(--color-blue-bright, #2fa8e0)}.shop-item__desc{font-size:.8rem;color:var(--color-text-muted, #a3b6c9);flex:1}.shop-item__foot{display:flex;justify-content:space-between;align-items:center}.shop-item__cost{color:var(--color-gold, #c9a227);font-weight:600}.battle-hud__top{display:flex;flex-direction:column;gap:.2rem}.battle-hud__topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.battle-hud__structures{display:flex;flex-direction:column;gap:.15rem}.battle-hud__structures--enemy{text-align:right}.battle-hud__struct{font-size:.7rem;color:var(--color-text-muted, #a3b6c9)}.battle-hud__center{text-align:center}.battle-hud__mode{display:block;font-size:.7rem;color:var(--color-gold, #c9a227)}.battle-hud__timer{font-family:var(--font-display);font-weight:700}.battle-hud__objectives{display:flex;gap:.6rem 1rem;justify-content:center;align-items:center;flex-wrap:wrap;margin:.15rem auto 0;padding:.15rem .7rem;width:fit-content;max-width:100%;font-size:.7rem;background:#04100a9e;border:1px solid var(--color-gold-muted, #6b5a2e);border-radius:999px;text-shadow:0 1px 2px #000}.battle-hud__objective{color:var(--color-text-muted, #a3b6c9)}.battle-hud__objective.is-alive{color:var(--color-gold, #c9a227);font-weight:700}.battle-hud__dragons{color:#e8703a;font-weight:600}.battle-hud__minimap{position:absolute;right:.6rem;bottom:6.5rem;width:120px;height:120px;border:1px solid var(--color-gold-muted, #6b5a2e);border-radius:4px;background:#04100a99}.battle-hud__blip{position:absolute;width:5px;height:5px;border-radius:50%;transform:translate(-50%,-50%)}.battle-hud__blip--ally{background:var(--color-blue-bright, #2fa8e0)}.battle-hud__blip--enemy{background:var(--color-danger, #d13a3a)}.battle-hud__blip--nexus,.battle-hud__blip--turret{width:7px;height:7px;border-radius:1px}.battle-hud__level{position:absolute;top:-6px;left:-6px;background:var(--color-gold, #c9a227);color:#04100a;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;font-size:.7rem;font-weight:700}.battle-hud__portrait{position:relative}.battle-hud__bar--xp{height:5px}.battle-hud__bar-fill--xp{background:#b06bff}.battle-hud__side{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;pointer-events:auto}.battle-hud__gold{color:var(--color-gold, #c9a227);font-weight:700}.battle-hud__buffs{display:flex;gap:.3rem}.battle-hud__buff{font-size:.65rem;padding:.1rem .35rem;border-radius:4px;background:#ffffff1a}.battle-hud__buff--blue{background:#2fa8e04d}.battle-hud__buff--red{background:#d13a3a4d}.battle-hud__buff--baron{background:#9b6bff4d}.battle-hud__shop{pointer-events:auto}button,select,input{font:inherit}button,select{touch-action:manipulation}:where(button,[role=button],select,input:not([type=hidden])){min-inline-size:44px;min-block-size:44px}:where(button,select,input,[tabindex]):focus-visible{outline:3px solid var(--color-blue-bright);outline-offset:3px;box-shadow:0 0 0 6px #54d7e82e}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 20% 0%,rgba(32,111,150,.22),transparent 42%),radial-gradient(ellipse at 85% 95%,rgba(143,91,41,.16),transparent 40%),linear-gradient(145deg,#050b12,#02060b 65%)}.app-controls{top:calc(.75rem + var(--safe-top));right:calc(.75rem + var(--safe-right));gap:.6rem}.app-controls__settings{width:44px;height:44px;border-color:#d9b86c7a;border-radius:var(--radius-sm);background:#070f18db;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.language-toggle{min-height:44px;border-color:#d9b86c6b;border-radius:var(--radius-sm);background:#070f18db;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.language-toggle__button{min-width:52px;min-height:42px;padding:.55rem .8rem;font-size:.78rem;font-weight:700}.language-toggle__button.is-active{background:linear-gradient(180deg,#f6db9a,#caa152);color:#07101a}.screen{border-color:#d9b86c57;border-radius:var(--radius-lg);background:linear-gradient(145deg,#0e1d2deb,#050c14f0);box-shadow:var(--shadow-panel),inset 0 1px #ffffff0d}.screen__heading{letter-spacing:.025em;text-shadow:0 2px 20px rgba(217,184,108,.22)}.btn{min-height:44px;border-color:#d9b86c80;border-radius:var(--radius-sm);color:var(--color-gold-bright)}.btn:hover{background:#d9b86c17}.btn--primary{border-color:#efd58f;background:linear-gradient(180deg,#eed18a,#b98538);color:#08121c;box-shadow:0 10px 30px #c493413d}.btn--primary:hover{color:#02070c;background:linear-gradient(180deg,#ffe9ad,#c89643)}.btn--quiet{border-color:transparent;color:var(--color-text)}.screen--menu{width:min(92vw,1040px);max-width:1040px;min-height:min(680px,calc(100dvh - 5rem));display:grid;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);align-items:center;gap:clamp(2rem,7vw,6rem);padding:clamp(2rem,5vw,4.5rem);overflow:hidden;text-align:left}.screen--menu:before{top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(90deg,transparent 49.8%,rgba(217,184,108,.16) 50%,transparent 50.2%),radial-gradient(circle at 24% 46%,rgba(48,185,213,.17),transparent 31%),repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 1px,transparent 1px 22px)}.main-menu__scene,.main-menu__content{position:relative;z-index:1}.main-menu__scene{display:grid;place-items:center;aspect-ratio:1;max-width:360px;width:100%;justify-self:center}.main-menu__scene:before,.main-menu__scene:after{content:"";position:absolute;border-radius:50%}.main-menu__scene:before{top:12%;right:12%;bottom:12%;left:12%;border:1px solid rgba(217,184,108,.38);background:radial-gradient(circle at 36% 30%,rgba(84,215,232,.28),transparent 30%),conic-gradient(from 45deg,#102d3b,#08131f,#5a4324,#0c2532,#102d3b);box-shadow:0 0 80px #2a95b43d,inset 0 0 50px #000000b8}.main-menu__scene:after{top:24%;right:24%;bottom:24%;left:24%;border:1px solid rgba(255,235,182,.68);background:radial-gradient(circle,#133241e6,#040a11f7);box-shadow:0 0 30px #d9b86c33}.main-menu__orbit{position:absolute;top:5%;right:5%;bottom:5%;left:5%;border:1px solid rgba(84,215,232,.22);border-radius:50%;transform:rotate(24deg) scaleY(.38)}.main-menu__orbit--two{top:1%;right:1%;bottom:1%;left:1%;border-color:#d9b86c47;transform:rotate(-38deg) scaleY(.5)}.main-menu__crest{position:relative;z-index:2;display:grid;place-items:center;width:28%;aspect-ratio:1;transform:rotate(45deg);border:2px solid var(--color-gold);background:#07131f;color:var(--color-gold-bright);font:700 clamp(1.25rem,4vw,2.25rem)/1 var(--font-display);letter-spacing:.05em;box-shadow:0 0 28px #d9b86c59}.main-menu__crest>span{transform:rotate(-45deg)}.main-menu__eyebrow,.mode-select__eyebrow{margin:0 0 .8rem;color:var(--color-blue-bright);font-size:.72rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.main-menu__title{margin-bottom:.7rem;font-size:clamp(2.4rem,5.4vw,4.6rem);line-height:.98}.main-menu__tagline{margin:0;color:var(--color-gold);font-size:clamp(1rem,1.8vw,1.3rem);line-height:1.45}.main-menu__tagline:after{width:100%;margin:1.4rem 0 0}.main-menu__description{max-width:50ch;margin:1.25rem 0 0;color:var(--color-text);font-size:.98rem}.main-menu__play{display:inline-flex;align-items:center;justify-content:center;gap:1.4rem;min-width:220px;margin-top:1.75rem;padding:.95rem 1.5rem;font-size:1rem}.main-menu__play-arrow{font-size:1.35em;transition:transform .18s ease}.main-menu__play:hover .main-menu__play-arrow{transform:translate(4px)}.main-menu__features{display:flex;flex-wrap:wrap;gap:.45rem 1rem;margin-top:1.5rem;color:var(--color-text-muted);font-size:.73rem;letter-spacing:.04em}.main-menu__features span+span:before{content:"◆";margin-right:1rem;color:var(--color-gold-muted);font-size:.65em}.mode-select{width:min(92vw,1020px);max-width:1020px;gap:1.5rem;padding:clamp(1.5rem,4vw,3.2rem)}.mode-select__header{max-width:700px}.mode-select__heading{margin-bottom:.55rem;font-size:clamp(1.8rem,4vw,3rem)}.mode-select__hint{margin:0;line-height:1.65}.mode-select__cards{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;gap:1rem}.mode-card{position:relative;min-height:270px;display:grid;grid-template-columns:.75fr 1.25fr;gap:1.25rem;padding:0;overflow:hidden;border-color:var(--color-border-soft);border-radius:var(--radius-md);background:linear-gradient(145deg,#112537e6,#050d16f5);box-shadow:inset 0 1px #ffffff0d}.mode-card:hover,.mode-card.is-selected{transform:translateY(-4px);border-color:#d9b86cb3;box-shadow:0 18px 45px #00000061,0 0 0 1px #d9b86c1f}.mode-card__art{position:relative;display:grid;place-items:center;min-height:100%;overflow:hidden;background:radial-gradient(circle at 40% 35%,rgba(84,215,232,.25),transparent 30%),linear-gradient(150deg,#153d4d,#07131f)}.mode-card--midline .mode-card__art{background:radial-gradient(circle at 60% 35%,rgba(220,105,110,.25),transparent 32%),linear-gradient(150deg,#3b2432,#0b111c)}.mode-card__number{position:absolute;top:.8rem;left:.8rem;color:#ffffff6b;font:700 .72rem/1 var(--font-display);letter-spacing:.15em}.mode-card__glyph{width:82px;aspect-ratio:1;rotate:45deg;border:1px solid rgba(255,241,201,.6);background:linear-gradient(135deg,#54d7e83d,#040d1580);box-shadow:0 0 40px #54d7e82e,inset 0 0 24px #00000073}.mode-card--midline .mode-card__glyph{border-radius:50% 50% 8%;border-color:#ffb09794;box-shadow:0 0 40px #ef526629,inset 0 0 24px #00000073}.mode-card__copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.7rem;padding:1.5rem 1.5rem 1.5rem 0}.mode-card__recommended{padding:.28rem .55rem;border:1px solid rgba(84,215,232,.4);border-radius:999px;color:var(--color-blue-bright);font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.mode-card__name{color:var(--color-text-strong);font-size:clamp(1.15rem,2.2vw,1.55rem);line-height:1.2}.mode-card__desc{color:var(--color-text);line-height:1.55}.mode-card__cta{margin-top:auto;padding:0;background:transparent;color:var(--color-gold);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.client-nav{min-height:64px;padding:calc(.55rem + var(--safe-top)) calc(1rem + var(--safe-right)) .55rem calc(1rem + var(--safe-left));gap:clamp(.75rem,2vw,1.6rem);border-bottom-color:#d9b86c4d;background:#050d16f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.client-nav__mark{color:var(--color-blue-bright)}.client-nav__tab,.client-nav__wordmark{text-rendering:geometricPrecision}.client-nav__controls .app-controls__settings,.client-nav__controls .language-toggle{min-height:40px;height:40px}.client-nav__controls .app-controls__settings{width:40px}.client-nav__controls .language-toggle__button{min-height:38px}.champion-select{background:radial-gradient(circle at 45% -15%,rgba(40,143,174,.26),transparent 48%),radial-gradient(circle at 70% 115%,rgba(185,132,55,.11),transparent 38%),linear-gradient(165deg,#091622,#02070c 70%)}.champion-select__stage{grid-template-columns:minmax(0,1fr) 220px}.champion-select__main{padding:1.1rem clamp(1rem,2.3vw,2rem) calc(1rem + var(--safe-bottom));overflow:hidden}.champion-select__topbar{position:relative}.champion-select__topbar:before{content:"01  /  CHAMPION";display:block;margin-bottom:.3rem;color:var(--color-blue-bright);font-size:.62rem;font-weight:800;letter-spacing:.2em}.champion-select__heading{font-size:clamp(1.35rem,2.7vw,2rem)}.champion-select__hint{color:var(--color-text-muted);line-height:1.45}.champion-select__cards{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));align-items:center;width:min(100%,1480px);margin-inline:auto;gap:clamp(.35rem,.7vw,.7rem);padding:1.2rem 0 .8rem}.lobby-card{width:100%;min-width:0;min-height:clamp(220px,38vh,390px);justify-content:center;gap:.48rem;padding:clamp(.7rem,1.5vw,1.1rem) .55rem;border-color:var(--color-border-soft);border-radius:var(--radius-md);background:linear-gradient(180deg,#12283adb,#040b12f5);box-shadow:inset 0 1px #ffffff0a}.lobby-card:after{content:"";position:absolute;inset:auto 14% 0;height:2px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.2}.lobby-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px #00000061,0 0 0 1px #d9b86c2e}.lobby-card.is-self{border-width:1px;transform:translateY(-6px);background:radial-gradient(circle at 50% 28%,rgba(84,215,232,.15),transparent 38%),linear-gradient(180deg,#153145f5,#050d16fa);box-shadow:0 0 0 1px var(--color-gold),0 20px 50px #0000007a,0 0 30px #d9b86c2e}.lobby-card__portrait{width:clamp(76px,9vw,118px);height:clamp(76px,9vw,118px);border-width:2px}.lobby-card__name{max-width:100%;overflow:hidden;color:var(--color-text-strong);font-size:clamp(.78rem,1.35vw,1rem);text-overflow:ellipsis;white-space:nowrap}.lobby-card__role,.lobby-card__slotlabel{font-weight:700;letter-spacing:.08em}.lobby-card__spell{width:26px;height:26px;border-color:var(--color-border)!important;background:#01070ccc}.champion-select__detail{margin-top:0;border-color:var(--color-border-soft);border-radius:var(--radius-sm);background:#08131ecc}.champion-select__detail-toggle{min-height:44px}.champion-select__detail-body{max-height:32vh;overflow:auto}.champion-select__footer{min-height:66px;margin-top:.65rem;padding-top:.65rem;border-top-color:var(--color-border-soft)}.champion-select__opponent-picker{min-height:44px;border-radius:var(--radius-sm)}.champion-select__find-match{min-width:210px;min-height:50px;border:1px solid #ffe7a4;border-radius:var(--radius-sm);background:linear-gradient(180deg,#f4d98f,#bc8738);color:#06101a;animation:none}.social-panel{border-left-color:var(--color-border-soft);background:#050d16cc}.social-panel__friend{min-height:48px;border-color:var(--color-border-soft);border-radius:var(--radius-sm)}@media (max-width: 1180px){.client-nav__currency,.client-nav__profile-text{display:none}.client-nav__profile{padding-right:.3rem}.champion-select__stage{grid-template-columns:minmax(0,1fr) 190px}}@media (max-width: 900px){.screen--menu{grid-template-columns:minmax(190px,.75fr) minmax(300px,1.25fr);gap:2rem}.client-nav__tabs,.client-nav__currency,.client-nav__profile,.social-panel{display:none}.champion-select__stage{display:block}.champion-select__main{height:100%}.champion-select__cards{grid-template-columns:repeat(5,minmax(96px,1fr))}.lobby-card__spells{gap:.18rem}.lobby-card__spell{width:22px;height:22px}}@media (max-width: 700px){.screen--menu{min-height:auto;grid-template-columns:1fr;gap:1.2rem;padding:2rem 1.4rem;text-align:center}.main-menu__scene{width:min(48vw,190px)}.main-menu__tagline:after{margin-inline:auto}.main-menu__features{justify-content:center}.mode-select__cards{grid-template-columns:1fr}.mode-card{min-height:190px}}@media (max-width: 640px){.client-nav{min-height:58px;padding:calc(.4rem + var(--safe-top)) calc(.55rem + var(--safe-right)) .4rem calc(.55rem + var(--safe-left))}.client-nav__wordmark{font-size:.78rem}.client-nav__right,.client-nav__controls{gap:.35rem}.client-nav__controls .language-toggle__button{min-width:42px;padding-inline:.45rem;font-size:.7rem}.champion-select__main{display:block;padding:.8rem .75rem calc(.75rem + var(--safe-bottom));overflow-y:auto;overscroll-behavior:contain}.champion-select__topbar:before{margin-bottom:.2rem}.champion-select__heading{font-size:1.35rem}.champion-select__hint{max-width:40ch;margin-inline:auto;font-size:.76rem}.champion-select__cards{display:flex;width:auto;min-height:238px;margin:0 -.75rem;padding:1rem .75rem .7rem;justify-content:flex-start;gap:.65rem;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}.lobby-card{flex:0 0 142px;width:142px;min-height:210px;padding:.65rem .45rem;scroll-snap-align:center}.lobby-card:hover,.lobby-card.is-self{transform:none}.lobby-card__portrait{width:78px;height:78px}.champion-select__detail{margin-top:.35rem}.champion-select__detail-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.champion-select__detail-body{max-height:none}.champion-select__footer{position:sticky;bottom:calc(-.75rem - var(--safe-bottom));z-index:5;grid-template-columns:1fr auto;gap:.55rem;margin:.6rem -.75rem 0;padding:.7rem .75rem calc(.75rem + var(--safe-bottom));background:linear-gradient(180deg,#040b12eb,#040b12 26%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.champion-select__opponent{grid-column:1 / -1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;width:100%;flex-wrap:nowrap}.champion-select__opponent-picker{width:100%;min-width:0}.champion-select__find-match{grid-column:1;grid-row:2;width:100%;min-width:0;padding-inline:1rem;font-size:.9rem}.champion-select__back{grid-column:2;grid-row:2;min-width:76px}}@media (max-width: 430px){.app-controls{top:calc(.5rem + var(--safe-top));right:calc(.5rem + var(--safe-right))}.main-menu__title{font-size:2.25rem}.main-menu__features span+span:before{display:none}.mode-select{width:calc(100vw - 1rem);padding:1.25rem .8rem}.mode-card{grid-template-columns:88px 1fr;gap:.9rem}.mode-card__glyph{width:50px}.mode-card__copy{padding:1rem .8rem 1rem 0}.client-nav__mark{display:none}.client-nav__wordmark{max-width:90px;overflow:hidden;text-overflow:ellipsis}.champion-select__opponent-label{display:none}.champion-select__opponent{grid-template-columns:minmax(0,1fr) auto}}@media (max-height: 560px) and (min-width: 641px){.app-main:has(.champion-select){min-height:0}.client-nav{min-height:48px;padding-block:calc(.2rem + var(--safe-top)) .2rem}.client-nav__tabs,.client-nav__currency,.client-nav__profile,.social-panel{display:none}.client-nav__controls .language-toggle,.client-nav__controls .app-controls__settings{height:38px;min-height:38px}.client-nav__controls .language-toggle__button{min-height:36px}.champion-select__stage{display:block}.champion-select__main{height:100%;display:flex;padding:.35rem .7rem calc(.35rem + var(--safe-bottom));overflow:hidden}.champion-select__topbar{display:flex;align-items:baseline;justify-content:center;gap:.7rem}.champion-select__topbar:before,.champion-select__hint{display:none}.champion-select__heading{font-size:1.05rem}.champion-select__cards{display:flex;width:100%;margin:0;padding:.35rem 0;justify-content:center;gap:.5rem;overflow-x:auto}.lobby-card{flex:1 1 0;width:auto;min-width:102px;max-width:142px;min-height:0;height:158px;gap:.2rem;padding:.35rem}.lobby-card:hover,.lobby-card.is-self{transform:none}.lobby-card__slotlabel,.lobby-card__role{font-size:.56rem}.lobby-card__portrait{width:58px;height:58px}.lobby-card__name{font-size:.7rem}.lobby-card__spells{display:none}.champion-select__detail{margin:0}.champion-select__detail-toggle{min-height:34px;padding:.25rem .65rem;font-size:.75rem}.champion-select__detail-body{display:none}.champion-select__footer{min-height:52px;grid-template-columns:minmax(180px,1fr) minmax(170px,auto) auto;gap:.6rem;margin-top:.3rem;padding-top:.3rem}.champion-select__opponent{flex-wrap:nowrap}.champion-select__opponent-label,.champion-select__randomize{display:none}.champion-select__opponent-picker,.champion-select__find-match,.champion-select__back{min-height:42px;height:42px}.champion-select__find-match{min-width:170px;padding:.5rem 1rem;font-size:.8rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app-main:has(.battle-screen){padding:max(.55rem,var(--safe-top)) max(.55rem,var(--safe-right)) max(.55rem,var(--safe-bottom)) max(.55rem,var(--safe-left))}.battle-screen{gap:.55rem}.battle-stage{container-type:inline-size;flex:1 1 auto;width:100%;height:100%;min-height:0;border:1px solid rgba(217,184,108,.28);border-radius:var(--radius-md);background:radial-gradient(circle at 50% 50%,#0b1d22,#03080d 70%);box-shadow:0 28px 80px #0000008a,inset 0 0 40px #0006}.phaser-game{display:grid;place-items:center}.phaser-game canvas{display:block;max-width:100%;max-height:100%;touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none}.battle-hud{padding:.75rem;color:var(--color-text-strong);font-size:.78rem;text-rendering:optimizeLegibility}.battle-hud__topbar{align-items:flex-start;padding:.55rem .7rem;border:1px solid rgba(141,184,207,.14);border-radius:var(--radius-sm);background:linear-gradient(180deg,#030a0fd1,#030a0f8f);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.battle-hud__structures{min-width:132px}.battle-hud__structures--enemy{align-items:flex-end}.battle-hud__team{color:var(--color-text-strong);font-size:.75rem;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}.battle-hud__team--ally:before,.battle-hud__team--enemy:before{content:"";display:inline-block;width:7px;height:7px;margin-right:.45rem;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.battle-hud__team--ally{color:var(--color-blue-bright)}.battle-hud__team--enemy{color:var(--color-danger)}.battle-hud__struct{color:var(--color-text-muted);font-size:.63rem;white-space:nowrap}.battle-hud__mode{color:var(--color-gold);font-weight:700;letter-spacing:.05em}.battle-hud__timer{display:block;margin-top:.15rem;color:#fff;font:700 1rem/1 var(--font-display)}.battle-hud__objectives{margin-top:.35rem;padding:.28rem .75rem;border-color:#d9b86c5c;background:#02090dbd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-text)}.battle-hud__minimap{right:.75rem;bottom:6.9rem;width:106px;height:106px;border-color:#d9b86c8a;background:linear-gradient(35deg,transparent 48%,rgba(84,215,232,.18) 49% 51%,transparent 52%),#020a0ed1;box-shadow:0 12px 30px #00000070;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.battle-hud__bottom-band{gap:.35rem}.battle-hud__hint-text{border-color:#8db8cf24;background:#02080cb8;color:var(--color-text);opacity:1;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.battle-hud__bottom{gap:.8rem;padding:.65rem;border:1px solid rgba(141,184,207,.16);border-radius:var(--radius-sm);background:linear-gradient(180deg,#040d13b3,#02080ce6);box-shadow:0 14px 34px #00000057;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.battle-hud__champion{min-width:285px}.battle-hud__portrait{position:relative;width:50px;height:50px;overflow:hidden;border-width:1px;border-radius:50%;background:radial-gradient(circle at 40% 32%,rgba(84,215,232,.2),transparent 45%),#07131d;box-shadow:0 0 0 2px #02080ce6,0 0 0 3px currentColor}.battle-hud__figure{position:absolute;top:3px;right:1px;bottom:-4px;left:1px}.battle-hud__level{z-index:2;top:-2px;left:-2px;width:20px;height:20px;background:var(--color-gold);color:#05101a;box-shadow:0 1px 5px #0000008c}.battle-hud__bar-row{min-width:0}.battle-hud__bar-label{width:auto;min-width:54px;color:var(--color-text-muted);font-size:.58rem;font-weight:700;white-space:nowrap}.battle-hud__bar{height:13px;border-color:#8db8cf38;background:#000000b8}.battle-hud__bar-fill--hp{background:linear-gradient(90deg,#18a85d,#58dc83)}.battle-hud__bar-fill--mana{background:linear-gradient(90deg,#2578c9,#36cad2)}.battle-hud__abilities{gap:.4rem;pointer-events:auto}.battle-ability{width:48px;height:48px;padding:0;border-width:1px;border-radius:var(--radius-sm);background:#02080ce6;color:inherit;cursor:pointer;pointer-events:auto}.battle-ability.is-ready:hover{transform:translateY(-2px);filter:brightness(1.2)}.battle-ability:disabled{cursor:wait;opacity:.74}.battle-hud__side{min-width:90px}.battle-hud__gold{color:var(--color-gold-bright);font-variant-numeric:tabular-nums}.battle-hud__shop{min-height:40px;padding:.4rem .75rem;border-color:#d9b86c9e;background:#d9b86c14}.battle-hud__shop:disabled{opacity:.45;cursor:not-allowed}.battle-screen__quit{min-height:44px;border-color:#ef526675;color:#ff9aa7}@container (max-width: 620px){.battle-hud{padding:.4rem;font-size:.68rem}.battle-hud__topbar{align-items:center;padding:.35rem .45rem}.battle-hud__structures{min-width:0}.battle-hud__struct,.battle-hud__objectives,.battle-hud__minimap,.battle-hud__hint{display:none}.battle-hud__team{max-width:9ch;overflow:hidden;font-size:.58rem;text-overflow:ellipsis}.battle-hud__team--ally:before,.battle-hud__team--enemy:before{width:5px;height:5px;margin-right:.25rem}.battle-hud__mode{max-width:17ch;overflow:hidden;font-size:.56rem;text-overflow:ellipsis;white-space:nowrap}.battle-hud__timer{font-size:.78rem}.battle-hud__bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"champion side" "abilities abilities";gap:.35rem .5rem;padding:.4rem}.battle-hud__champion{grid-area:champion;min-width:0;gap:.45rem}.battle-hud__portrait{width:38px;height:38px;flex:0 0 auto}.battle-hud__level{width:16px;height:16px;font-size:.58rem}.battle-hud__bars{min-width:0}.battle-hud__bar-label{display:none}.battle-hud__bar{height:10px}.battle-hud__bar-text{font-size:.52rem}.battle-hud__abilities{grid-area:abilities;justify-content:center}.battle-ability{width:40px;height:40px}.battle-ability__icon{top:5px;right:5px;bottom:5px;left:5px}.battle-hud__side{grid-area:side;min-width:72px;gap:.2rem}.battle-hud__buffs{display:none}.battle-hud__shop{min-height:36px;padding:.25rem .5rem;font-size:.62rem}}@container (max-width: 360px){.battle-hud__portrait{display:none}.battle-hud__side{min-width:62px}.battle-ability{width:38px;height:38px}}@media (max-width: 600px) and (orientation: portrait){.app-main:has(.battle-screen){padding-top:calc(3.7rem + var(--safe-top))}.battle-screen{justify-content:stretch}.battle-stage{flex:1 1 auto;width:100%;height:auto;max-height:none;aspect-ratio:auto}.battle-screen__quit{width:100%}}@media (max-height: 500px) and (orientation: landscape){.app-main:has(.battle-screen){padding:.3rem}.battle-screen{flex-direction:row;gap:.45rem}.battle-stage{height:100%;max-height:100%}.battle-screen__quit{width:74px;padding-inline:.35rem;writing-mode:vertical-rl}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.battle-stage-slot{container-type:size;flex:1 1 0;min-width:0;min-height:0;width:100%;display:grid;place-items:center}.battle-stage{flex:1 1 auto;width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:auto}.battle-stage__loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:max(1rem,var(--safe-top)) max(1rem,var(--safe-right)) max(1rem,var(--safe-bottom)) max(1rem,var(--safe-left));color:var(--color-gold-bright);font-weight:700;letter-spacing:.08em;text-align:center;pointer-events:auto;cursor:progress;background:radial-gradient(circle at 50% 44%,rgba(26,77,87,.54),transparent 34%),#03080df5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.battle-stage__loading--error{color:#ffd7d7;cursor:default;background:radial-gradient(circle at 50% 44%,rgba(126,34,44,.42),transparent 36%),#0d0407f7}@container (max-width: 620px){.battle-hud{font-size:.68rem}.battle-hud__team{max-width:12ch;font-size:.65rem;white-space:nowrap}.battle-hud__mode{max-width:20ch;font-size:.625rem}.battle-hud__timer{font-size:.82rem}.battle-hud__bar-text,.battle-ability__key,.battle-ability__timer,.battle-hud__gold{font-size:.65rem}.battle-ability{width:44px;height:44px;min-width:44px;min-height:44px}.battle-hud__shop{min-width:64px;min-height:44px;padding:.35rem .55rem;font-size:.65rem}}@container (max-width: 360px){.battle-ability{width:44px;height:44px}}@media (max-width: 600px) and (orientation: portrait){.battle-screen{justify-content:center}.battle-stage{flex:none;width:min(900px,100cqw,140.625cqh);height:auto;max-height:none;aspect-ratio:900 / 640}}@media (max-height: 500px) and (orientation: landscape){.battle-stage-slot{flex:1 1 0;width:auto;height:100%}.battle-stage{width:min(900px,100cqw,140.625cqh);height:auto;max-height:none}}.settings-overlay,.shop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:max(1rem,var(--safe-top)) max(1rem,var(--safe-right)) max(1rem,var(--safe-bottom)) max(1rem,var(--safe-left));overflow:auto;overscroll-behavior:contain;background:radial-gradient(circle at 50% 24%,rgba(44,127,156,.15),transparent 38%),#01050adb;-webkit-backdrop-filter:blur(12px) saturate(.75);backdrop-filter:blur(12px) saturate(.75);pointer-events:auto;animation:fade-in .16s ease-out both}.settings-panel,.shop-panel{width:min(100%,920px);max-height:min(88dvh,760px);overflow:auto;overscroll-behavior:contain;border:1px solid rgba(217,184,108,.42);border-radius:var(--radius-lg);background:linear-gradient(145deg,#0f1f2ffc,#040b12fc);box-shadow:0 34px 100px #000000b8,inset 0 1px #ffffff0f}.settings-panel{width:min(100%,580px);padding:clamp(1.1rem,3vw,1.75rem)}.settings-panel__head,.shop-panel__head{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;margin:0 0 1.2rem;padding:0 0 1rem;border-bottom:1px solid rgba(141,184,207,.18);background:linear-gradient(180deg,rgba(14,29,44,.98) 75%,transparent)}.settings-panel__title,.shop-panel__title{margin:0;color:var(--color-text-strong);font-family:var(--font-display);font-size:clamp(1.25rem,3vw,1.65rem);letter-spacing:.035em}.settings-panel__close,.shop-panel__close{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(217,184,108,.48);border-radius:var(--radius-sm);background:#02080d9e;color:var(--color-gold-bright);cursor:pointer}.settings-section{margin-bottom:1.35rem;padding:1rem;border:1px solid rgba(141,184,207,.14);border-radius:var(--radius-md);background:#02090f70}.settings-section__title{color:var(--color-blue-bright);font-size:.76rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.settings-keybind{min-height:44px;border-color:#8db8cf29;border-radius:var(--radius-sm)}.settings-keybind__keys{min-width:108px}.settings-row{min-height:46px}.settings-row input[type=checkbox]{width:22px;height:22px}.settings-row input[type=range]{min-height:32px}.settings-panel__done{min-height:48px}.shop-panel{padding:clamp(1rem,2.5vw,1.6rem)}.shop-panel__head{grid-template-columns:minmax(0,1fr) auto auto}.shop-panel__heading-group{min-width:0}.shop-panel__eyebrow{display:block;margin-bottom:.2rem;color:var(--color-blue-bright);font-size:.67rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.shop-panel__gold{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:.45rem .75rem;border:1px solid rgba(217,184,108,.32);border-radius:999px;color:var(--color-gold-bright);font-variant-numeric:tabular-nums;white-space:nowrap}.shop-panel__gold-icon{color:var(--color-gold)}.shop-panel__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.shop-item{min-width:0;gap:.65rem;padding:1rem;border-color:#8db8cf29;border-radius:var(--radius-md);background:linear-gradient(160deg,#122738b8,#040c13e6);box-shadow:inset 0 1px #ffffff0a}.shop-item--legendary{border-color:#d9b86c6b}.shop-item.is-owned{opacity:.62}.shop-item.is-recommended{border-color:var(--color-blue-bright);box-shadow:0 0 0 1px #54d7e859,0 12px 30px #0000004d}.shop-item__head{gap:.5rem;align-items:flex-start}.shop-item__name{min-width:0;margin:0;color:var(--color-text-strong);font:700 .95rem/1.3 var(--font-display)}.shop-item__tag{flex:0 0 auto;padding:.18rem .38rem;border:1px solid rgba(84,215,232,.35);border-radius:999px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.shop-item__desc{margin:0;color:var(--color-text);font-size:.78rem;line-height:1.5}.shop-item__foot{gap:.6rem;margin-top:auto}.shop-item__cost{color:var(--color-gold-bright);font-variant-numeric:tabular-nums;white-space:nowrap}.shop-item__buy{min-width:92px;margin:0;padding:.55rem .7rem;font-size:.75rem}.shop-item__buy:disabled{border-color:#8db8cf33;background:#8db8cf14;color:var(--color-text-muted);box-shadow:none;cursor:not-allowed}.app-main:has(.result-screen){padding:clamp(.75rem,2vw,1.5rem)}.result-screen{position:relative;width:min(100%,900px);max-width:900px;max-height:100%;display:flex;flex-direction:column;overflow:auto;padding:clamp(1.25rem,3vw,2.5rem);border-color:#d9b86c6b;background:radial-gradient(circle at 50% 8%,rgba(84,215,232,.16),transparent 38%),linear-gradient(145deg,#0d1c2bf7,#03090ffa)}.result-screen--lose{background:radial-gradient(circle at 50% 8%,rgba(239,82,102,.13),transparent 38%),linear-gradient(145deg,#1f141df7,#07080dfa)}.result-screen__title-group{display:grid;gap:.45rem}.result-screen__banner{font-size:clamp(2.3rem,7vw,5rem);line-height:1}.result-screen__subtitle{max-width:56ch;margin-inline:auto;line-height:1.55}.result-screen__matchup{display:grid;grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);width:min(100%,560px);margin-inline:auto;gap:clamp(.7rem,3vw,1.8rem)}.result-screen__figure{width:clamp(64px,10vw,92px);height:clamp(86px,14vw,126px)}.result-screen__champ-name{color:currentColor;font-size:clamp(.9rem,2vw,1.15rem)}.result-screen__stats{width:min(100%,720px);grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.result-screen__stat{min-width:0;padding:.75rem;border-color:#8db8cf29;border-radius:var(--radius-sm);background:#02090f8c}.result-screen__stat dt{color:var(--color-text-muted)}.result-screen__stat dd{color:var(--color-text-strong);font-size:clamp(1.15rem,3vw,1.55rem)}.result-screen__actions{flex-wrap:wrap;justify-content:center}.result-screen__actions .btn{min-width:150px}@media (max-width: 760px){.shop-panel__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.settings-overlay,.shop-overlay{place-items:stretch;padding:max(.45rem,var(--safe-top)) max(.45rem,var(--safe-right)) max(.45rem,var(--safe-bottom)) max(.45rem,var(--safe-left))}.settings-panel,.shop-panel{align-self:stretch;max-height:none;border-radius:var(--radius-md)}.settings-keybind{align-items:flex-start}.settings-keybind__keys{min-width:76px}.settings-keybind__action{font-size:.8rem}.shop-panel__head{grid-template-columns:minmax(0,1fr) auto}.shop-panel__gold{grid-column:1 / -1;grid-row:2;justify-self:start}.shop-panel__close{grid-column:2;grid-row:1}.shop-panel__list{grid-template-columns:1fr}.result-screen__matchup{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.result-screen__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.result-screen__actions,.result-screen__actions .btn{width:100%}}@media (max-height: 560px) and (orientation: landscape){.settings-panel,.shop-panel{max-height:calc(100dvh - .8rem)}.result-screen{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(280px,1.2fr);grid-template-areas:"title matchup" "stats stats" "actions actions";gap:.65rem 1rem;padding:.8rem 1rem}.result-screen__title-group{grid-area:title}.result-screen__matchup{grid-area:matchup}.result-screen__stats{grid-area:stats;grid-template-columns:repeat(6,minmax(0,1fr))}.result-screen__actions{grid-area:actions}.result-screen__figure{width:46px;height:62px}.result-screen__banner{font-size:2rem}.result-screen__subtitle{font-size:.78rem}.result-screen__stat{padding:.45rem}.result-screen__stat dt{font-size:.58rem}.result-screen__stat dd{font-size:1rem}}.settings-panel__close,.shop-panel__close{position:relative;font-size:0}.settings-panel__close:before,.settings-panel__close:after,.shop-panel__close:before,.shop-panel__close:after{content:"";position:absolute;width:17px;height:2px;border-radius:999px;background:currentColor}.settings-panel__close:before,.shop-panel__close:before{transform:rotate(45deg)}.settings-panel__close:after,.shop-panel__close:after{transform:rotate(-45deg)}.battle-hud__shop{min-height:44px}.battle-hud__bar-text{font-size:.65rem}.result-screen__banner:focus{outline:none;box-shadow:none}.result-screen__actions{align-items:center}.result-screen__actions .btn{margin-top:0}.settings-panel__close:before,.settings-panel__close:after,.shop-panel__close:before,.shop-panel__close:after{top:50%;left:50%}.settings-panel__close:before,.shop-panel__close:before{transform:translate(-50%,-50%) rotate(45deg)}.settings-panel__close:after,.shop-panel__close:after{transform:translate(-50%,-50%) rotate(-45deg)}.result-screen__banner{width:fit-content;max-width:100%;margin-inline:auto;padding:.04em .45em .1em;border:2px solid currentColor;background:#02090f9e;box-shadow:inset 0 0 22px #54d7e81f}.result-screen--lose .result-screen__banner{box-shadow:inset 0 0 22px #ef52661f}.profile-summary{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:.75rem 0}.profile-summary>span{min-height:32px;display:inline-flex;align-items:center;padding:.35rem .7rem;border:1px solid rgba(217,184,108,.3);border-radius:999px;background:#02090f9e;color:var(--color-gold-bright);font-size:.75rem}.main-menu__actions{width:min(100%,620px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:1rem auto}.main-menu__actions .main-menu__play{width:100%;min-height:48px;justify-content:center;margin:0;padding:.7rem 1rem;font-size:.88rem}.mode-select__kind{width:fit-content;margin:.35rem auto;padding:.3rem .7rem;border:1px solid rgba(84,215,232,.35);border-radius:999px;color:var(--color-blue-bright);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mode-select__difficulty{width:min(100%,620px);margin:0 auto 1rem;padding:.7rem;border:1px solid rgba(141,184,207,.18);border-radius:var(--radius-md)}.mode-select__difficulty legend{padding-inline:.45rem;color:var(--color-text-muted);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.mode-select__difficulty-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.mode-select__difficulty-options .btn{min-height:44px;margin:0}.mode-select__difficulty-options .is-selected{border-color:var(--color-gold);color:var(--color-gold-bright);box-shadow:inset 0 0 18px #d9b86c21}.profile-summary--select{justify-content:flex-start;margin-bottom:0}.lobby-card-slot{min-width:0;display:flex;flex-direction:column;gap:.35rem}.lobby-card-slot .lobby-card{width:100%;flex:1 1 auto}.lobby-card.is-locked{filter:saturate(.2);opacity:.68;cursor:not-allowed}.lobby-card__unlock{width:100%;min-height:44px;margin:0;padding:.45rem;font-size:.7rem}.profile-panel__list{display:grid;gap:.65rem;margin:0}.profile-panel__list>div{padding:.65rem;border:1px solid rgba(141,184,207,.14);border-radius:var(--radius-sm);background:#02090f73}.profile-panel__list dt{color:var(--color-text-muted);font-size:.68rem;text-transform:uppercase}.profile-panel__list dd{margin:.2rem 0 0;color:var(--color-text-strong);font-weight:700}.shop-plan{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-bottom:1rem}.shop-plan>div{min-width:0;display:grid;gap:.2rem;padding:.7rem;border:1px solid rgba(84,215,232,.25);border-radius:var(--radius-sm);background:#020e16ad}.shop-plan span{color:var(--color-text-muted);font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.shop-plan strong{color:var(--color-text-strong);overflow-wrap:anywhere}.shop-item.is-component{border-color:var(--color-gold);box-shadow:0 0 0 1px #d9b86c4d}.battle-hud__alert{position:absolute;z-index:8;left:50%;top:42%;transform:translate(-50%,-50%);min-width:min(82%,320px);display:grid;place-items:center;gap:.25rem;padding:.85rem 1rem;border:1px solid rgba(239,82,102,.7);background:#18050ce0;color:#fff;text-align:center;box-shadow:0 18px 50px #0000008c;pointer-events:none}.battle-hud__alert strong{color:var(--color-danger);font-family:var(--font-display);font-size:clamp(1rem,3.4cqw,1.5rem);letter-spacing:.08em;text-transform:uppercase}.battle-hud__alert--sudden{top:19%;border-color:#d9b86cb8;background:#191104e0}.battle-hud__alert--sudden strong{color:var(--color-gold-bright)}.result-screen__progression{width:min(100%,720px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-inline:auto}.result-screen__rewards,.result-screen__mastery{padding:.85rem;border:1px solid rgba(217,184,108,.25);border-radius:var(--radius-sm);background:#02090f8c}.result-screen__progression h2{margin:0 0 .55rem;color:var(--color-gold-bright);font:700 .85rem/1.3 var(--font-display)}.result-screen__rewards dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin:0}.result-screen__rewards dl div{min-width:0}.result-screen__rewards dt,.result-screen__mastery p{color:var(--color-text-muted);font-size:.7rem}.result-screen__rewards dd{margin:.2rem 0 0;color:var(--color-text-strong);font-weight:800}.result-screen__mastery p{margin:.3rem 0}.result-screen__mastery-bar{height:10px;overflow:hidden;border-radius:999px;background:#8db8cf26}.result-screen__mastery-bar>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-blue-bright),var(--color-gold))}@media (max-width: 700px){.main-menu__actions,.result-screen__progression,.shop-plan{grid-template-columns:1fr}.profile-summary--select{justify-content:center}}@media (max-width: 520px){.main-menu__actions{gap:.45rem}.mode-select__difficulty-options .btn,.lobby-card__unlock,.result-screen__actions .btn,.shop-item__buy{min-height:44px}}.shop-plan__note{grid-column:1 / -1;margin:0;color:var(--color-text-muted);font-size:.68rem;line-height:1.45}.app-controls__settings,.battle-touch-controls button,.battle-hud__learning button{min-width:44px;min-height:44px}.phaser-game,.phaser-game canvas,.battle-stage{touch-action:none;overscroll-behavior:none}.battle-screen{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}.battle-touch-controls{position:absolute;right:max(.5rem,var(--safe-right));bottom:max(.5rem,var(--safe-bottom));z-index:32;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.35rem;max-width:min(95vw,34rem)}.battle-touch-controls button,.battle-hud__learning button{border:1px solid var(--color-gold-muted);background:#030a14e6;color:var(--color-gold-bright);font:700 .75rem var(--font-body)}.pause-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-content:center;text-align:center;background:#01070de0}.pause-overlay__actions,.battle-error__actions,.random-roster__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.btn--danger{border-color:var(--color-danger);color:#fff}.battle-hud__learning{position:absolute;z-index:31;top:5.5rem;left:50%;display:flex;align-items:center;gap:.75rem;width:min(92vw,36rem);padding:.6rem;transform:translate(-50%);border:1px solid var(--color-gold);background:#030a14f0;color:var(--color-text-strong)}.storage-warning{position:fixed;z-index:80;left:max(.5rem,var(--safe-left));bottom:max(.5rem,var(--safe-bottom));max-width:min(90vw,34rem);margin:0;padding:.55rem .8rem;border:1px solid #e5b454;background:#241b08;color:#fff2c7}.random-roster{display:grid;place-content:center;flex:1;width:min(94vw,48rem);margin:auto;padding:2rem;text-align:center}.random-roster__slots{display:grid;grid-template-columns:repeat(5,minmax(44px,72px));justify-content:center;gap:.6rem;margin:1.5rem 0}.random-roster__slot{display:grid;place-items:center;aspect-ratio:1;border:1px solid var(--color-gold-muted);background:var(--color-panel);color:var(--color-gold);font:700 1.4rem var(--font-display)}.result-screen__end-reason{color:var(--color-text-strong)}@media (max-width: 420px),(max-height: 620px){.battle-touch-controls{max-width:100%}.battle-touch-controls button{padding:.25rem .45rem;font-size:.68rem}.battle-hud__learning{top:3.5rem;font-size:.75rem}.random-roster__slots{grid-template-columns:repeat(5,44px)}}.battle-hud__recall,.battle-hud__recall-cancel{position:absolute;z-index:33;left:50%;bottom:9rem;display:flex;gap:.6rem;margin:0;padding:.55rem .8rem;transform:translate(-50%);border:1px solid var(--color-blue-bright);background:#030a14f0;color:var(--color-text-strong)}.battle-ability.is-aiming{outline:3px solid currentColor;outline-offset:3px;box-shadow:0 0 0 4px #fff3,0 0 22px currentColor;transform:translateY(-4px)}.battle-hud__camps{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem .45rem;max-width:min(96vw,68rem);margin:.2rem auto 0;padding:.25rem .45rem;border:1px solid rgba(217,184,108,.28);background:#02090fd6;color:var(--color-text-muted);font:700 .62rem/1.2 var(--font-body);pointer-events:none}.battle-hud__camp.is-alive{color:var(--color-text-strong)}@media (max-width: 700px),(max-height: 620px){.battle-hud__camps{max-height:2.5rem;overflow:hidden;font-size:.55rem}}