*{box-sizing:border-box}html{color:#f5f1e8;background:#06110f;font-family:Inter,ui-sans-serif,system-ui,sans-serif}body{min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden}button{font:inherit}.game-shell.svelte-qgxl86{background:#06110f;grid-template-rows:68px 1fr 38px;min-height:100dvh;display:grid}.topbar.svelte-qgxl86{z-index:10;background:#030d0cf5;border-bottom:1px solid #ccaa5c38;justify-content:space-between;align-items:center;padding:0 18px;display:flex}.brand.svelte-qgxl86{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.brand-mark.svelte-qgxl86{color:#e6c778;border:1px solid #b9964b;place-items:center;width:38px;height:38px;font-family:Georgia,serif;font-size:12px;font-weight:800;display:grid;transform:rotate(45deg)}.brand-mark.svelte-qgxl86 span:where(.svelte-qgxl86){color:#4ec9a8}.brand-mark.svelte-qgxl86{line-height:1}.brand-mark.svelte-qgxl86:first-letter{transform:rotate(-45deg)}.brand-copy.svelte-qgxl86{letter-spacing:.16em;flex-direction:column;font-size:12px;font-weight:800;display:flex}.brand-copy.svelte-qgxl86 small:where(.svelte-qgxl86){letter-spacing:.28em;color:#bcae8d;margin-top:2px;font-size:7px}.scoreboard.svelte-qgxl86{align-items:center;gap:13px;display:flex}.scoreboard.svelte-qgxl86 span:where(.svelte-qgxl86){color:#e8cf8c;grid-template-columns:auto auto;align-items:baseline;gap:7px;font:700 19px Georgia,serif;display:grid}.scoreboard.svelte-qgxl86 small:where(.svelte-qgxl86){letter-spacing:.16em;color:#9b9b8d;font:700 8px Inter,sans-serif}.scoreboard.svelte-qgxl86 i:where(.svelte-qgxl86){background:#ffffff1f;width:1px;height:22px}.scoreboard.hidden.svelte-qgxl86{visibility:hidden}.arena.svelte-qgxl86{grid-template-rows:1fr 1fr;min-height:0;display:grid;position:relative}.champion-panel.svelte-qgxl86{isolation:isolate;background:#14211d;place-items:center;min-height:300px;display:grid;position:relative;overflow:hidden}.champion-panel.svelte-qgxl86:before{content:"";z-index:-2;background-image:var(--portrait);background-position:55% 18%;background-size:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .4s;position:absolute;inset:-2px;transform:scale(1.025)}.right-panel.svelte-qgxl86:before{background-position:50% 20%}.shade.svelte-qgxl86{z-index:-1;background:linear-gradient(#02090829,#030c0ab3),radial-gradient(circle,#0000,#0208076b);position:absolute;inset:0}.right-panel.svelte-qgxl86 .shade:where(.svelte-qgxl86){background:linear-gradient(#030c0ab3,#0209082e),radial-gradient(circle,#0000,#0208076b)}.champion-info.svelte-qgxl86{text-align:center;text-shadow:0 2px 20px #000;flex-direction:column;align-items:center;padding:22px;display:flex}.eyebrow.svelte-qgxl86{letter-spacing:.27em;color:#dac58d;font-size:9px;font-weight:800}h1.svelte-qgxl86{letter-spacing:-.035em;text-transform:uppercase;margin:5px 0 7px;font:italic 800 clamp(32px,10vw,72px)/.9 Georgia,serif}.champion-info.svelte-qgxl86>strong:where(.svelte-qgxl86),.reveal.svelte-qgxl86 strong:where(.svelte-qgxl86){color:#e9ce81;font:700 clamp(28px,8vw,52px)/1 Georgia,serif}.games-label.svelte-qgxl86,.reveal.svelte-qgxl86>span:where(.svelte-qgxl86){letter-spacing:.26em;margin-top:4px;font-size:8px;font-weight:800}.versus.svelte-qgxl86{z-index:5;background:#071512;border:1px solid #c7a65b;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 0 5px #05110ebf,0 6px 28px #000}.versus.svelte-qgxl86 span:where(.svelte-qgxl86){color:#e6cb82;font:italic 800 14px Georgia,serif;transform:rotate(-45deg)}.choices.svelte-qgxl86{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:12px;display:grid}.choice.svelte-qgxl86{color:#fff9e9;text-transform:uppercase;letter-spacing:.09em;cursor:pointer;background:#04120fb8;border:1px solid #d1b05c;border-radius:2px;min-width:112px;height:46px;padding:0 15px;font-size:12px;font-weight:850;transition:all .18s;box-shadow:inset 0 0 18px #28be9714,0 6px 20px #00000047}.choice.svelte-qgxl86 span:where(.svelte-qgxl86){margin-right:8px}.choice.svelte-qgxl86 i:where(.svelte-qgxl86){color:#59d5b0;font-size:17px;font-style:normal}.choice.less.svelte-qgxl86 i:where(.svelte-qgxl86){color:#e26f66}.choice.svelte-qgxl86:hover{background:#10372de0;transform:translateY(-2px);box-shadow:inset 0 0 25px #3adbae24,0 8px 24px #0006}.choice.svelte-qgxl86:active{transform:translateY(1px)}.than.svelte-qgxl86{letter-spacing:.12em;color:#d4cab1;max-width:75px;font-size:7px;line-height:1.45}.reveal.svelte-qgxl86{flex-direction:column;align-items:center;animation:.38s ease-out svelte-qgxl86-reveal;display:flex}.reveal.svelte-qgxl86 p:where(.svelte-qgxl86){color:#ff877e;text-transform:uppercase;letter-spacing:.12em;margin:11px 0 9px;font:800 13px Georgia,serif}.reveal.svelte-qgxl86 p.win:where(.svelte-qgxl86){color:#68dfb9}.reveal.svelte-qgxl86 button:where(.svelte-qgxl86),.state-message.svelte-qgxl86 button:where(.svelte-qgxl86){color:#07120f;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;background:#c8a95d;border:1px solid #c9aa61;padding:11px 20px;font-size:10px;font-weight:900}.reveal.svelte-qgxl86 button:where(.svelte-qgxl86) span:where(.svelte-qgxl86){margin-left:9px}footer.svelte-qgxl86{color:#887f6a;letter-spacing:.14em;background:#06110f;border-top:1px solid #ccaa5c29;justify-content:center;align-items:center;gap:9px;font-size:7px;display:flex}footer.svelte-qgxl86 i:where(.svelte-qgxl86){background:#806b3c;border-radius:50%;width:3px;height:3px}.state-message.svelte-qgxl86{text-align:center;place-content:center;justify-items:center;gap:16px;min-height:70vh;padding:30px;display:grid}.state-message.svelte-qgxl86 h1:where(.svelte-qgxl86){font-size:34px}.state-message.svelte-qgxl86 p:where(.svelte-qgxl86){color:#c3bda9}.menu-view.svelte-qgxl86{background:linear-gradient(90deg,#030f0dfa 0%,#04110ec7 48%,#040f0d7a),url(https://ddragon.leagueoflegends.com/cdn/img/champion/splash/Ahri_0.jpg) 72% 24%/cover;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.menu-view.svelte-qgxl86:after{content:"";pointer-events:none;background:linear-gradient(#0000 65%,#06110f 100%),radial-gradient(circle at 72% 42%,#0000,#030c0a73);position:absolute;inset:0}.menu-glow.svelte-qgxl86{filter:blur(80px);background:#17846929;border-radius:50%;width:430px;height:430px;position:absolute;top:25%;left:-180px}.menu-content.svelte-qgxl86{z-index:1;width:min(100%,1040px);padding:46px 24px;position:relative}.menu-kicker.svelte-qgxl86,.modal-kicker.svelte-qgxl86{color:#d5b865;letter-spacing:.28em;font-size:9px;font-weight:850}.menu-content.svelte-qgxl86 h1:where(.svelte-qgxl86),.sub-view.svelte-qgxl86>h1:where(.svelte-qgxl86){text-align:left;margin:12px 0 15px;font-size:clamp(44px,12vw,82px);line-height:.93}.menu-content.svelte-qgxl86 h1:where(.svelte-qgxl86) em:where(.svelte-qgxl86){color:#e3c573;font-weight:inherit}.menu-content.svelte-qgxl86>p:where(.svelte-qgxl86){color:#c7c1b1;max-width:470px;font-size:14px;line-height:1.65}.primary-action.svelte-qgxl86{color:#07120f;text-transform:uppercase;letter-spacing:.13em;cursor:pointer;background:linear-gradient(135deg,#d7b65d,#9c7732);border:1px solid #e0c270;justify-content:space-between;align-items:center;min-width:220px;margin-top:20px;padding:16px 18px;font-size:11px;font-weight:900;transition:all .2s;display:inline-flex;box-shadow:0 10px 30px #00000059}.primary-action.svelte-qgxl86:hover{filter:brightness(1.08);transform:translateY(-2px)}.primary-action.svelte-qgxl86 i:where(.svelte-qgxl86){font-size:18px;font-style:normal}.menu-actions.svelte-qgxl86{gap:10px;margin-top:34px;display:flex}.menu-actions.svelte-qgxl86 button:where(.svelte-qgxl86){text-align:left;color:#eee9da;cursor:pointer;background:#03100da6;border:1px solid #d8b96740;align-items:center;gap:12px;min-width:175px;padding:12px;transition:all .2s;display:flex}.menu-actions.svelte-qgxl86 button:where(.svelte-qgxl86):hover{background:#0c261fcc;border-color:#b89a50}.menu-actions.svelte-qgxl86 button:where(.svelte-qgxl86)>span:where(.svelte-qgxl86):last-child{text-transform:uppercase;letter-spacing:.1em;flex-direction:column;font-size:11px;font-weight:800;display:flex}.menu-actions.svelte-qgxl86 small:where(.svelte-qgxl86){color:#8f948b;letter-spacing:.05em;text-transform:none;margin-top:3px;font-size:8px}.menu-icon.svelte-qgxl86{color:#dfc477;border:1px solid #8b743c;place-items:center;width:32px;height:32px;font:700 17px Georgia,serif;display:grid}.sub-view.svelte-qgxl86{flex-direction:column;justify-content:center;align-items:flex-start;width:min(100%,720px);min-height:0;margin:auto;padding:36px 24px;display:flex}.sub-view.svelte-qgxl86>h1:where(.svelte-qgxl86){font-size:clamp(44px,10vw,68px)}.sub-copy.svelte-qgxl86{color:#aaa99e;max-width:560px;line-height:1.65}.back-button.svelte-qgxl86{color:#b8ae93;text-transform:uppercase;letter-spacing:.14em;cursor:pointer;background:0 0;border:0;font-size:9px;position:absolute;top:88px}.local-rank.svelte-qgxl86{background:#1128228c;border:1px solid #ceae5b4d;grid-template-columns:40px 1fr auto auto;align-items:center;gap:14px;width:100%;margin:20px 0 6px;padding:17px 19px;display:grid}.local-rank.svelte-qgxl86>span:where(.svelte-qgxl86){color:#797d73}.local-rank.svelte-qgxl86 strong:where(.svelte-qgxl86){text-transform:uppercase;letter-spacing:.1em}.local-rank.svelte-qgxl86 small:where(.svelte-qgxl86){color:#8f9288;letter-spacing:.13em;font-size:8px}.local-rank.svelte-qgxl86 b:where(.svelte-qgxl86){color:#e6c66f;font:700 26px Georgia,serif}.primary-action.compact.svelte-qgxl86{min-width:230px}.steps.svelte-qgxl86{gap:10px;width:100%;margin:12px 0;display:grid}.steps.svelte-qgxl86 article:where(.svelte-qgxl86){background:#0e231e8c;border-left:1px solid #9d813e;gap:17px;padding:16px;display:flex}.steps.svelte-qgxl86 article:where(.svelte-qgxl86)>b:where(.svelte-qgxl86){color:#c6a858;font:700 19px Georgia,serif}.steps.svelte-qgxl86 h2:where(.svelte-qgxl86){text-transform:uppercase;letter-spacing:.06em;margin:0 0 5px;font:700 15px Georgia,serif}.steps.svelte-qgxl86 p:where(.svelte-qgxl86){color:#a9aaa0;margin:0;font-size:12px;line-height:1.5}.modal-backdrop.svelte-qgxl86{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#010807c2;place-items:center;padding:20px;animation:.25s ease-out svelte-qgxl86-reveal;display:grid;position:fixed;inset:0}.game-over-modal.svelte-qgxl86{text-align:center;background:radial-gradient(circle at top,#21483cb8,#0000 55%),#071512;border:1px solid #a88b45;width:min(100%,420px);padding:34px 28px 28px;box-shadow:0 24px 80px #000}.game-over-modal.svelte-qgxl86 h2:where(.svelte-qgxl86){text-transform:uppercase;margin:8px 0 23px;font:italic 800 34px Georgia,serif}.modal-scores.svelte-qgxl86{grid-template-columns:1fr 1px 1fr;align-items:center;margin-bottom:25px;display:grid}.modal-scores.svelte-qgxl86 i:where(.svelte-qgxl86){background:#d5b86538;height:55px}.modal-scores.svelte-qgxl86 div:where(.svelte-qgxl86){flex-direction:column;display:flex}.modal-scores.svelte-qgxl86 strong:where(.svelte-qgxl86){color:#e4c471;font:700 42px Georgia,serif}.modal-scores.svelte-qgxl86 span:where(.svelte-qgxl86){color:#a09c8f;letter-spacing:.17em;margin-top:4px;font-size:8px;font-weight:800}.modal-actions.svelte-qgxl86{gap:9px;display:grid}.modal-actions.svelte-qgxl86 button:where(.svelte-qgxl86){text-transform:uppercase;letter-spacing:.12em;cursor:pointer;min-height:47px;font-size:10px;font-weight:900}.retry.svelte-qgxl86{color:#07120f;background:#c7a453;border:1px solid #ddbd67}.retry.svelte-qgxl86 span:where(.svelte-qgxl86){margin-left:8px;font-size:16px}.menu-button.svelte-qgxl86{color:#ddd5bf;background:0 0;border:1px solid #dbbe6e59}.loader.svelte-qgxl86{border:2px solid #caaa5e33;border-top-color:#d1b162;border-radius:50%;width:38px;height:38px;animation:.8s linear infinite svelte-qgxl86-spin}@keyframes svelte-qgxl86-spin{to{transform:rotate(360deg)}}@keyframes svelte-qgxl86-reveal{0%{opacity:0;transform:translateY(8px)scale(.97)}}@media (width>=760px){.game-shell.svelte-qgxl86{grid-template-rows:74px 1fr 40px}.topbar.svelte-qgxl86{padding:0 42px}.brand-mark.svelte-qgxl86{width:42px;height:42px}.arena.svelte-qgxl86{grid-template-rows:1fr;grid-template-columns:1fr 1fr}.champion-panel.svelte-qgxl86{min-height:calc(100vh - 114px)}.champion-panel.svelte-qgxl86:before{background-position:56%}.right-panel.svelte-qgxl86:before{background-position:44%}.left-panel.svelte-qgxl86 .shade:where(.svelte-qgxl86){background:linear-gradient(90deg,#02090833,#030c0aad)}.right-panel.svelte-qgxl86 .shade:where(.svelte-qgxl86){background:linear-gradient(-90deg,#02090833,#030c0aad)}.champion-info.svelte-qgxl86{padding:50px}.left-panel.svelte-qgxl86 .champion-info:where(.svelte-qgxl86){transform:translate(-4vw)}.right-panel.svelte-qgxl86 .champion-info:where(.svelte-qgxl86){transform:translate(4vw)}.choices.svelte-qgxl86{grid-template-columns:1fr;width:220px}.choice.svelte-qgxl86{width:100%}.than.svelte-qgxl86{order:2;max-width:none}.choice.less.svelte-qgxl86{order:3}.versus.svelte-qgxl86{width:58px;height:58px}.menu-content.svelte-qgxl86{padding-left:6vw}.menu-view.svelte-qgxl86{background-position:50% 22%}}@media (width<=430px){.brand-copy.svelte-qgxl86,.scoreboard.svelte-qgxl86 small:where(.svelte-qgxl86){display:none}.scoreboard.svelte-qgxl86 span:where(.svelte-qgxl86){font-size:18px}.choices.svelte-qgxl86{gap:5px}.choice.svelte-qgxl86{min-width:96px;padding:0 10px}.than.svelte-qgxl86{max-width:55px;font-size:6px}footer.svelte-qgxl86 span:where(.svelte-qgxl86):first-child,footer.svelte-qgxl86 .disclaimer:where(.svelte-qgxl86),footer.svelte-qgxl86 i:where(.svelte-qgxl86):first-of-type,footer.svelte-qgxl86 i:where(.svelte-qgxl86):last-of-type{display:none}}@media (prefers-reduced-motion:reduce){.svelte-qgxl86,.svelte-qgxl86:before{transition-duration:.01ms!important;animation-duration:.01ms!important}}