:root{--gold: #e7c56a;--gold-2: #bf9234;--teal: #5fd0c0;--violet: #b6a6ea;--bronze: #cf9f6a;--win: #5ad08c;--loss: #ef7a62;--amber: #e9b54e;--page: radial-gradient(120% 80% at 82% -10%, rgba(231, 197, 106, .11), transparent 55%), radial-gradient(100% 70% at 0% 110%, rgba(95, 208, 192, .08), transparent 50%), #13111a;--ink: #ffffff;--muted: rgba(255, 255, 255, .56);--muted-2: rgba(255, 255, 255, .4);--line: rgba(255, 255, 255, .11);--line-soft: rgba(255, 255, 255, .07);--panel: rgba(255, 255, 255, .04);--panel-2: rgba(255, 255, 255, .06);--card-base: #181521;--shadow: 0 22px 50px -26px rgba(0, 0, 0, .7);color-scheme:dark}:root[data-theme=light]{--page: radial-gradient(120% 80% at 82% -10%, rgba(191, 146, 52, .1), transparent 52%), radial-gradient(100% 75% at -5% 110%, rgba(45, 150, 135, .08), transparent 50%), #ece7dc;--ink: #211c2b;--muted: rgba(33, 28, 43, .6);--muted-2: rgba(33, 28, 43, .43);--line: rgba(33, 28, 43, .13);--line-soft: rgba(33, 28, 43, .08);--panel: rgba(255, 255, 255, .67);--panel-2: #fffdf8;--card-base: #fbf9f4;--shadow: 0 22px 44px -28px rgba(80, 60, 20, .32);color-scheme:light}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{font-family:Archivo,system-ui,sans-serif;color:var(--ink);background:var(--page);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.tc-app{min-height:100%;background:var(--page)}.desktopShell{display:grid;grid-template-columns:248px minmax(0,1fr);height:100vh}.sideRail{border-right:1px solid var(--line);background:linear-gradient(180deg,#ffffff09,#ffffff04);padding:24px 18px;display:flex;flex-direction:column;gap:22px;min-height:0}.workspace{min-width:0;height:100vh;overflow:auto;padding:30px 42px 42px}.identity{display:flex;align-items:flex-end;gap:12px;min-width:0}.identity.large{align-items:center}.identity strong{display:block;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.02em;font-size:24px;line-height:.95}.identity.large strong{font-size:31px}.identity small{display:block;margin-top:6px;color:var(--muted);font-size:11px}.logoMark{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(140deg,var(--gold),var(--gold-2));color:#241a07;font-family:Oswald,sans-serif;font-weight:700;font-size:23px;box-shadow:0 6px 18px -8px #e7c56a99;flex:0 0 auto}.railNav{display:flex;flex-direction:column;gap:7px}.railNav button,.bottomNav button{border:0;color:var(--muted);background:transparent;cursor:pointer}.railNav button{height:42px;border-radius:11px;display:flex;align-items:center;gap:11px;padding:0 12px;font-weight:700;font-size:13px;text-align:left}.railNav button.active,.railNav button:hover{color:var(--ink);background:var(--panel-2)}.railCard,.panel{border:1px solid var(--line);background:var(--panel);border-radius:14px;box-shadow:var(--shadow)}.railCard{margin-top:auto;padding:16px}.railCard strong{display:block;font-family:Oswald,sans-serif;font-size:22px;margin-top:7px}.railCard p,.muted{color:var(--muted);line-height:1.5}.railCard p{font-size:12px;margin:8px 0 0}.topHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:24px}.topHeader h1,.mobileTitle h1{margin:4px 0 0;font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.02em}.topHeader h1{font-size:42px;line-height:.95}.label,.eyebrow{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);font-weight:800}.eyebrow{color:var(--gold)}.headerActions{display:flex;align-items:center;gap:12px}.rankPill,.syncButton,.iconAction,.themeToggle{display:inline-flex;align-items:center;gap:9px;color:var(--ink);border:1px solid var(--line);background:var(--panel);border-radius:999px;min-height:40px;padding:0 14px;box-shadow:var(--shadow)}.syncButton,.iconAction,.themeToggle{cursor:pointer}.rankMedal{width:22px;height:22px;border-radius:50%;background:linear-gradient(140deg,var(--gold),var(--gold-2))}.rankPill strong,.rankPill span{font-size:12px}.rankPill span{color:var(--gold);font-family:JetBrains Mono,monospace}.themeToggle{position:fixed;top:16px;right:16px;z-index:30;font-size:12px;font-weight:800;text-transform:capitalize;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.themeSwitch{width:30px;height:18px;border-radius:999px;background:linear-gradient(90deg,#3a3550,#5a5170);position:relative}:root[data-theme=light] .themeSwitch{background:linear-gradient(90deg,var(--gold),var(--gold-2))}.themeSwitch i{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0006}:root[data-theme=light] .themeSwitch i{left:14px}.tabBody{animation:rise .25s ease}@keyframes rise{0%{transform:translateY(6px)}to{transform:translateY(0)}}.poolTab,.statsTab,.championsTab{display:flex;flex-direction:column;gap:20px}.kpiStrip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--panel);border-radius:14px;overflow:hidden}.kpi{padding:15px 18px;border-left:1px solid var(--line-soft)}.kpi:first-child{border-left:0}.kpi div{margin-top:7px;display:flex;align-items:baseline;gap:7px}.kpi strong{font-family:Oswald,sans-serif;font-size:32px;line-height:1}.win{color:var(--win)!important}.loss{color:var(--loss)!important}.panel{padding:18px 20px}.scouting{display:flex;align-items:flex-start;gap:16px}.scouting p{margin:5px 0 0;color:var(--muted)}.statusBadge{flex:0 0 auto;color:#241a07;background:var(--amber);border-radius:6px;padding:5px 9px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.scouting.green .statusBadge{background:var(--win)}.scouting.red .statusBadge{background:var(--loss);color:#fff}.cardGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.champCard{min-height:430px;border-radius:16px;position:relative;overflow:hidden;padding:18px;border:1.5px solid var(--rarity);background:linear-gradient(168deg,color-mix(in srgb,var(--rarity) 10%,transparent),#ffffff05 42%,#00000047),var(--card-base);box-shadow:var(--shadow),inset 0 1px #ffffff0f;display:flex;flex-direction:column}.champCard.back{gap:16px}.cardHalo{position:absolute;top:-50px;right:-50px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--rarity) 35%,transparent),transparent 70%)}.rarityTab{position:absolute;top:14px;right:0;writing-mode:vertical-rl;color:var(--rarity);font-size:9px;letter-spacing:.16em;font-weight:800;padding:0 5px}.cardTop{display:flex;justify-content:space-between;gap:12px;position:relative}.winRate{display:block;font-family:Oswald,sans-serif;font-size:56px;line-height:.9;color:var(--rarity)}.cardBadges{display:flex;gap:6px;margin-top:12px}.cardBadges span{border:1px solid var(--line);border-radius:6px;padding:4px 8px;font-size:10px;font-weight:800}.portrait{width:30px;height:30px;border-radius:8px;flex:0 0 auto;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(150deg,oklch(.62 .16 var(--hue)),oklch(.38 .13 calc(var(--hue) + 28)));color:#fff;font-family:Oswald,sans-serif;font-weight:700;box-shadow:inset 0 0 0 1px #ffffff24}.portrait:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.1) 0 5px,transparent 5px 11px)}.portrait.large{width:88px;height:88px;border-radius:14px;font-size:42px}.portrait:not(.large){font-size:16px}.portrait{isolation:isolate}.portrait b{position:relative;z-index:1}.portrait .portraitImg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2}.cardName{margin-top:16px;padding-top:13px;border-top:1px solid color-mix(in srgb,var(--rarity) 35%,transparent)}.cardName h2{margin:0;font-family:Oswald,sans-serif;font-size:26px;text-transform:uppercase;letter-spacing:.03em;line-height:1}.cardName p{margin:6px 0 0;color:var(--muted);font-size:12px}.statGrid{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr)}.statGrid span{padding:10px 2px;text-align:center;border-left:1px solid var(--line-soft);border-top:1px solid var(--line-soft)}.statGrid span:nth-child(3n+1){border-left:0}.statGrid span:nth-child(-n+3){border-top:0}.statGrid strong{display:block;font-family:Oswald,sans-serif;font-size:19px;line-height:1}.statGrid small{display:block;margin-top:5px;color:var(--muted-2);font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.cardForm{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:13px;margin-top:13px;border-top:1px solid var(--line-soft)}.cardForm button,.backHeader button{border:0;background:transparent;color:var(--rarity);cursor:pointer;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.resultDots{display:flex;gap:4px}.resultDots i,.winDot,.lossDot{width:9px;height:9px;border-radius:3px;display:inline-block}.winDot,.resultDots .winDot{background:var(--win)}.lossDot,.resultDots .lossDot{background:color-mix(in srgb,var(--loss) 75%,var(--line))}.backHeader,.matchMini{display:flex;align-items:center;gap:10px}.backHeader span{flex:1;min-width:0}.backHeader strong,.backHeader small{display:block}.backHeader strong{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:20px}.backHeader small{color:var(--muted);font-size:11px}.backSection{display:flex;flex-direction:column;gap:10px}.matchMini{border-top:1px solid var(--line-soft);padding-top:9px}.matchMini>span:first-child{width:42px;font-size:10px;font-weight:800}.matchMini strong{flex:1;font-size:13px}.matchMini b,.matchMini em{font-family:Oswald,sans-serif;font-style:normal}.buildMini{position:relative;display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:end;padding-top:5px}.buildMini span strong,.buildMini span small{display:block}.buildMini span small{color:var(--muted-2);margin-top:2px}.buildMini b{font-family:Oswald,sans-serif;color:var(--ink)}.buildMini>i{grid-column:1 / -1;height:5px;border-radius:4px;background:var(--line-soft);overflow:hidden}.buildMini>i:before{content:"";display:block;height:100%;width:inherit;background:var(--rarity, var(--gold))}.poolFooter{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.offPoolNumber{display:flex;align-items:baseline;gap:8px;margin:8px 0 12px}.offPoolNumber strong{font-family:Oswald,sans-serif;font-size:36px}.progress{display:block;height:8px;border-radius:8px;background:var(--line-soft);overflow:hidden}.progress b{display:block;height:100%;background:linear-gradient(90deg,var(--amber),var(--gold-2))}.carouselBlock{min-width:0}.carouselHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:var(--muted-2);font-size:11px;font-weight:700}.cardCarousel{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 0 8px;scrollbar-width:none}.cardCarousel::-webkit-scrollbar{display:none}.cardCarousel .champCard{flex:0 0 min(312px,84vw);scroll-snap-align:center}.pageDots{display:flex;justify-content:center;gap:6px;margin:8px 0 2px}.pageDots i{width:7px;height:7px;border-radius:8px;background:var(--line);transition:width .2s}.pageDots i.active{width:22px;background:var(--gold)}.sessionsLayout,.championDetail{display:grid;grid-template-columns:1.25fr .95fr;gap:20px;align-items:start}.sessionList,.analyticsStack,.rightStack{display:flex;flex-direction:column;gap:14px}.sessionCard{padding:0;overflow:hidden}.sessionTop{width:100%;border:0;background:transparent;color:var(--ink);display:grid;grid-template-columns:140px 1fr auto 18px;align-items:center;gap:16px;padding:15px 17px;cursor:pointer;text-align:left}.sessionTop strong,.sessionTop small{display:block}.sessionTop small,.sessionScore small{color:var(--muted-2);margin-top:4px}.sessionScore{text-align:right;min-width:80px}.champStack{display:flex;align-items:center}.champStack>span{display:inline-flex;align-items:center;margin-left:-8px}.champStack>span:first-child{margin-left:0}.champStack .portrait{border:2px solid var(--card-base)}.champStack b{margin-left:2px;color:var(--muted-2);font-size:11px}.gameRows{border-top:1px solid var(--line-soft);background:#0000001f;padding:8px 10px}.gameRows>div{display:grid;grid-template-columns:34px 30px 1fr 16px 70px 70px 90px;align-items:center;gap:9px;padding:8px;border-top:1px solid var(--line-soft)}.gameRows>div:first-child{border-top:0}.verticalBars{height:160px;display:flex;align-items:flex-end;gap:14px;margin:20px 0 10px}.verticalBars span{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.verticalBars i{width:100%;background:linear-gradient(180deg,var(--gold),var(--gold-2));border-radius:8px 8px 0 0}.verticalBars b{font-family:Oswald,sans-serif}.verticalBars small{color:var(--muted-2);font-size:10px}.timeBars{display:flex;flex-direction:column;gap:12px;margin-top:16px}.timeBars span{display:grid;grid-template-columns:88px 1fr 42px;align-items:center;gap:10px}.timeBars small,.timeBars em{color:var(--muted);font-size:12px;font-style:normal}.timeBars i{height:8px;background:var(--line-soft);border-radius:999px;overflow:hidden}.timeBars b{display:block;height:100%;background:var(--teal)}.afterLoss div{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:16px 0 10px}.afterLoss strong{font-family:Oswald,sans-serif;font-size:38px}.pillRow{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none}.pillRow button{flex:0 0 auto;border:1px solid var(--line);color:var(--muted);background:var(--panel);border-radius:999px;padding:7px 14px 7px 8px;display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:700}.pillRow button.active,.pillRow button:hover{color:var(--ink);border-color:var(--gold)}.matrixPanel{overflow:hidden}.matrixTable{margin-top:14px;min-width:560px}.matrixPanel{overflow-x:auto}.matrixHead,.matrixTable>div:not(.matrixHead){display:grid;grid-template-columns:1.4fr .55fr .7fr .7fr .75fr;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line-soft)}.matrixHead{color:var(--muted-2);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border-top:0}.matrixTable>div span:not(:first-child){text-align:right;font-family:JetBrains Mono,monospace}.matrixTable>div span:first-child{display:flex;align-items:center;gap:9px}.masteryChart{width:100%;height:210px;margin-top:14px;border-radius:10px;background:linear-gradient(var(--line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);background-size:100% 25%,25% 100%}.masteryChart path{fill:none;stroke:var(--gold);stroke-width:2.2;vector-effect:non-scaling-stroke}.masteryChart circle{fill:var(--muted);vector-effect:non-scaling-stroke}.splitHead{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.splitHead>span:last-child{color:var(--muted);font-size:12px;font-weight:700}.metaGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}.tierRow,.patchRow,.availabilityRow{border-top:1px solid var(--line-soft);padding:13px 0}.tierRow{display:grid;grid-template-columns:34px 1fr 40px;gap:12px;align-items:center}.tierRow span strong,.tierRow span small{display:block}.tierRow span small,.patchRow span,.availabilityRow small{color:var(--muted);font-size:12px}.tierRow>b{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:var(--gold);background:color-mix(in srgb,var(--gold) 15%,transparent);font-family:JetBrains Mono,monospace}.patchRow{display:grid;grid-template-columns:84px repeat(3,1fr);gap:8px;align-items:center}.patchRow span b{display:block;font-family:Oswald,sans-serif;margin-top:4px}.availabilityRow{display:grid;grid-template-columns:86px 1fr;gap:10px;align-items:center}.availabilityRow small{grid-column:2}.availabilityRow>i{height:7px;border-radius:999px;background:var(--line-soft);overflow:hidden}.availabilityRow>i b{display:block;height:100%;max-width:100%;background:var(--teal)}.metricGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metricCard{position:relative;overflow:hidden}.metricCard:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--loss)}.metricCard.good:before{background:var(--win)}.metricCard.near:before{background:var(--amber)}.metricCard strong{display:block;margin-top:10px;font-family:Oswald,sans-serif;font-size:38px;line-height:1}.metricCard small{color:var(--muted)}.metricCard>i{display:block;height:6px;border-radius:999px;overflow:hidden;background:var(--line-soft);margin-top:14px}.metricCard>i b{display:block;height:100%;background:var(--gold)}.targetPanel{overflow-x:auto}.targetRow{display:grid;grid-template-columns:1fr 110px 110px 110px;min-width:520px;gap:10px;padding:11px 0;border-top:1px solid var(--line-soft);align-items:center}.targetRow span{font-weight:700}.targetRow b,.targetRow em{text-align:right;font-family:JetBrains Mono,monospace;font-style:normal}.targetRow em{color:var(--gold)}.analyseButton{border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);background:linear-gradient(120deg,color-mix(in srgb,var(--gold) 20%,transparent),var(--panel));color:var(--ink);min-height:58px;border-radius:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:800;letter-spacing:.02em}.analyseButton span{color:var(--gold);font-size:11px;text-transform:uppercase}.analysisPanel p{color:var(--muted);line-height:1.6}.focusGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.focusGrid div{border:1px solid var(--line-soft);border-radius:12px;background:var(--panel-2);padding:14px}.focusGrid svg{color:var(--gold)}.focusGrid strong,.focusGrid small{display:block}.focusGrid strong{margin-top:9px}.focusGrid small{color:var(--muted);margin-top:6px;line-height:1.45}.mobileShell{min-height:100vh;padding:18px 16px 92px}.mobileHeader{display:flex;justify-content:space-between;align-items:center;gap:12px}.mobileTitle{margin:22px 0 14px}.mobileTitle h1{font-size:32px}.bottomNav{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(5,1fr);background:color-mix(in srgb,var(--card-base) 90%,transparent);border-top:1px solid var(--line);padding:8px 0 calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottomNav button{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:800}.bottomNav button.active{color:var(--gold)}.iconAction{width:42px;justify-content:center;padding:0}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1180px){.cardGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.poolFooter,.sessionsLayout,.championDetail{grid-template-columns:1fr}}@media (max-width: 839px){.themeToggle{top:auto;right:12px;bottom:82px}.kpiStrip{grid-template-columns:repeat(2,1fr)}.kpi:nth-child(3){border-left:0;border-top:1px solid var(--line-soft)}.kpi:nth-child(4){border-top:1px solid var(--line-soft)}.poolFooter,.sessionsLayout.mobile,.championDetail.mobile,.metaGrid.mobile{grid-template-columns:1fr}.scouting{flex-direction:column;gap:10px}.sessionTop{grid-template-columns:1fr auto 18px}.sessionTop .champStack{grid-column:1 / -1;order:3}.gameRows{overflow-x:auto}.gameRows>div{min-width:590px}.focusGrid,.metricGrid.mobile{grid-template-columns:1fr 1fr}.focusGrid{grid-template-columns:1fr}}@media (max-width: 520px){.mobileShell{padding-left:14px;padding-right:14px}.identity strong{font-size:20px}.identity small{font-size:10px}.logoMark{width:36px;height:36px}.champCard{min-height:426px}.cardCarousel .champCard{flex-basis:304px}.metricGrid.mobile{gap:12px}.metricCard{padding:14px}.metricCard strong{font-size:31px}.analyseButton{flex-direction:column;gap:4px}}