:root{--color-paper:oklch(12% .012 72);--color-paper-2:oklch(16% .013 72);--color-paper-3:oklch(21% .015 70);--color-rule:oklch(29% .012 68);--color-muted:oklch(50% .009 68);--color-ink:oklch(80% .009 70);--color-heading:oklch(94% .007 72);--color-accent:oklch(65% .18 72);--color-accent-hi:oklch(70% .18 72);--color-focus:oklch(70% .2 72);--color-success:oklch(70% .18 150);--color-warning:oklch(82% .15 88);--color-error:oklch(62% .2 22);--color-info:oklch(68% .14 240);--font-display:"Space Grotesk", ui-sans-serif, sans-serif;--font-body:"Geist", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--text-xs:.64rem;--text-sm:.75rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.5625rem;--text-2xl:1.9531rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:4px;--radius-md:7px;--radius-lg:12px;--radius-pill:9999px;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--dur-fast:.12s;--dur-base:.18s;--bg:var(--color-paper);--surface:var(--color-paper-2);--surface-2:var(--color-paper-3);--border:var(--color-rule);--text:var(--color-ink);--text-muted:var(--color-muted);--text-heading:var(--color-heading);--accent:var(--color-accent);--accent-hover:var(--color-accent-hi);--green:var(--color-success);--yellow:var(--color-warning);--red:var(--color-error);--blue:var(--color-info);--radius:var(--radius-md)}*,:before,:after{box-sizing:border-box}html,body{touch-action:manipulation;overflow-x:clip}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink);background:var(--color-paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-weight:400;line-height:1.55}#root{min-height:100vh;display:flex}h1,h2,h3,h4{font-family:var(--font-display);color:var(--color-heading);letter-spacing:-.02em;margin:0;font-style:normal;font-weight:600;line-height:1.2}p{margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.stat-value,[data-num]{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.layout{width:100%;min-height:100vh;display:flex}.main-content{padding:var(--space-8);flex:1;min-width:0;overflow-y:auto}.navbar{background:var(--color-paper-2);border-right:1px solid var(--color-rule);width:220px;min-height:100vh;padding:var(--space-6) 0;transition:width var(--dur-base) var(--ease-out);flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0;overflow:hidden}.navbar.navbar-collapsed{width:56px}.navbar-logo{padding:0 var(--space-5) var(--space-5);border-bottom:1px solid var(--color-rule);font-family:var(--font-mono);font-size:var(--text-md);color:var(--color-heading);letter-spacing:-.02em;white-space:nowrap;justify-content:flex-start;align-items:center;font-style:normal;font-weight:500;line-height:1;display:flex;overflow:hidden}.navbar.navbar-collapsed .navbar-logo{padding:0 0 var(--space-5);font-size:var(--text-base);justify-content:center}.navbar-logo span{color:var(--color-accent)}.navbar-nav{padding:var(--space-4) var(--space-3);flex-direction:column;flex:1;gap:2px;display:flex}.nav-link{align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);color:var(--color-muted);font-family:var(--font-display);font-size:var(--text-base);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);padding:9px 11px;font-weight:500;display:flex}.nav-link:hover{background:var(--color-paper-3);color:var(--color-ink)}.nav-link.active{background:var(--color-paper-3);color:var(--color-heading);box-shadow:inset 3px 0 0 0 var(--color-accent)}.nav-icon{text-align:center;flex-shrink:0;width:20px;font-size:15px}.navbar.navbar-collapsed .nav-link{justify-content:center;padding:10px 0}.navbar button[title]{font-family:var(--font-body);font-size:var(--text-sm)}.page-title{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.025em;margin-bottom:var(--space-6);color:var(--color-heading);font-style:normal;font-weight:700;line-height:1.15}.stats-grid{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(0,1fr));display:grid}.stat-card{background:var(--color-paper-2);border:1px solid var(--color-rule);border-top:2px solid var(--color-rule);border-radius:var(--radius-md);padding:var(--space-5);transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out)}.stat-card.green{border-top-color:var(--color-success)}.stat-card.yellow{border-top-color:var(--color-warning)}.stat-card.blue{border-top-color:var(--color-info)}.stat-card.accent{border-top-color:var(--color-accent)}.stat-card.clickable:hover{background:var(--color-paper-3);border-top-color:var(--color-accent);cursor:pointer}.stat-label{font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);margin-bottom:var(--space-2);font-weight:600}.stat-value{font-family:var(--font-display);color:var(--color-heading);margin-bottom:var(--space-1);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:1.875rem;font-style:normal;font-weight:700;line-height:1}.stat-card.green .stat-value{color:var(--color-success)}.stat-card.yellow .stat-value{color:var(--color-warning)}.stat-card.blue .stat-value{color:var(--color-info)}.stat-card.accent .stat-value{color:var(--color-accent)}.stat-sub{font-size:var(--text-xs);color:var(--color-muted);line-height:1.4}table{border-collapse:collapse;font-size:var(--text-base)}table thead tr{border-bottom:1px solid var(--color-rule)}table tbody tr{transition:background var(--dur-fast) var(--ease-out);border-bottom:1px solid oklch(29% .012 68/.55)}table tbody tr:hover{background:var(--color-paper-2)}table td{padding:10px var(--space-3);vertical-align:middle}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:oklch(8% .01 72/.75);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-lg);padding:var(--space-6);width:560px;max-width:calc(100vw - var(--space-8));max-height:calc(100vh - 64px);overflow-y:auto;box-shadow:0 32px 80px oklch(4% .01 72/.65)}.bottom-nav{display:none}.bottom-nav-link{color:var(--color-muted);font-size:11px;font-family:var(--font-display);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:14px 4px 12px;font-weight:500;text-decoration:none;display:flex}.bottom-nav-link.active{color:var(--color-accent)}.bottom-nav-icon{font-size:24px;line-height:1}body.playing .bottom-nav,body.playing .navbar{display:none!important}body.playing .main-content{padding:0}body.lol-bg .main-content{background:#010a13;overflow:hidden}body.lol-bg{overflow:hidden}@media (width>=701px){body.lol-bg .main-content{height:100vh}}@media (width<=700px){body.lol-bg .main-content{top:0;left:0;right:0;bottom:calc(67px + env(safe-area-inset-bottom,0px));padding:calc(12px + env(safe-area-inset-top,0px)) 12px 12px;z-index:110;position:fixed}.navbar{display:none}.main-content{padding:var(--space-4);padding-top:calc(var(--space-4) + env(safe-area-inset-top,0px));padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}.stats-grid{grid-template-columns:1fr 1fr}.stat-value{font-size:1.35rem}.page-title{font-size:var(--text-lg);margin-bottom:var(--space-4)}.bottom-nav{background:var(--color-paper-2);border-top:1px solid var(--color-rule);z-index:100;padding-bottom:env(safe-area-inset-bottom,0px);display:flex;position:fixed;bottom:0;left:0;right:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.login-screen{background-color:#010a13;background-image:radial-gradient(70% 55%,#c89b3c12 0%,#0000 70%),url(https://raw.communitydragon.org/latest/plugins/rcp-fe-lol-static-assets/global/default/images/uikit/backdrop-magic/backdrop-magic.png);background-position:50%,50%;background-size:cover,cover;flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;min-height:100vh;padding:48px 24px;display:flex}.login-ornament{align-items:center;gap:10px;margin-bottom:14px;display:flex}.login-ornament img{opacity:.85;width:21px;height:31px}.login-wordmark{font-family:var(--font-mono);color:#c89b3c80;letter-spacing:.3em;text-transform:uppercase;margin-bottom:10px;font-size:10px;font-weight:500}.login-wordmark span{color:#c89b3c}.login-title{color:#f0e6d3;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 0 40px #c89b3c59;margin-bottom:0;font-family:Cinzel,Georgia,serif;font-size:clamp(1.6rem,5.5vw,2.2rem);font-weight:700}.login-divider{align-items:center;width:100%;max-width:340px;margin:18px 0 28px;display:flex}.login-divider-line{flex:1;height:1px;display:block}.login-divider>.login-divider-line:first-child{background:linear-gradient(90deg,#0000,#463714)}.login-divider>.login-divider-line:last-child{background:linear-gradient(90deg,#463714,#0000)}.login-divider-gems{flex-shrink:0;display:flex}.login-divider-gems img{width:21px;height:31px}.login-panel{background-color:#0a1428e0;background-image:linear-gradient(#c89b3c,#c89b3c),linear-gradient(#c89b3c,#c89b3c),linear-gradient(#c89b3c,#c89b3c),linear-gradient(#c89b3c,#c89b3c);background-position:0 0,0 0,100% 100%,100% 100%;background-repeat:no-repeat;background-size:24px 2px,2px 24px,24px 2px,2px 24px;border:1px solid #463714;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:340px;padding:32px 28px;display:flex}.login-sub{font-family:var(--font-mono);color:#c89b3c8c;letter-spacing:.08em;text-align:center;font-size:11px}.login-btn{border:1px solid var(--lol-gold,#c89b3c);color:#1a1206;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;clip-path:polygon(12px 0%,100% 0%,calc(100% - 12px) 100%,0% 100%);background-image:linear-gradient(#e0ba4ef2,#a87512fa);justify-content:center;align-items:center;gap:10px;width:284px;max-width:100%;padding:14px 18px;font-family:Cinzel,Georgia,serif;font-size:13px;font-weight:700;transition:opacity .12s,box-shadow .12s;display:flex}.login-btn:hover{opacity:.92;box-shadow:0 0 24px #c89b3c66}.login-btn:disabled{opacity:.7;cursor:default}.login-btn-glyph{background:#fff;border-radius:50%;flex-shrink:0;width:18px;height:18px;padding:2px}.login-error{font-family:var(--font-mono);color:var(--color-error);text-align:center;font-size:11px}.navbar-user{border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-paper-3);align-items:center;gap:8px;margin:0 8px 8px;padding:8px 12px;display:flex}.navbar-user-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:24px;height:24px}.navbar-user-name{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.navbar-logout-btn{color:var(--color-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px 4px;font-size:12px;transition:color .1s}.navbar-logout-btn:hover{color:var(--color-error)}.loading{color:var(--color-muted);padding:var(--space-10) 0}.error-msg{color:var(--color-error);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:oklch(62% .2 22/.08);border:1px solid oklch(62% .2 22/.25)}.ig-overlay{z-index:9999;padding:calc(28px + env(safe-area-inset-top,0px)) 22px 28px;background-color:#010a13;background-image:radial-gradient(70% 55% at 50% 40%,#c89b3c14 0%,#0000 70%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.ig-card{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:380px;display:flex}.ig-wordmark{font-family:var(--font-mono,monospace);color:#c89b3c80;letter-spacing:.3em;text-transform:uppercase;margin-bottom:10px;font-size:10px;font-weight:500}.ig-wordmark span{color:#c89b3c}.ig-title{letter-spacing:.08em;text-transform:uppercase;color:#f0e6d3;text-shadow:0 0 32px #c89b3c59;margin:0 0 12px;font-family:Cinzel,Georgia,serif;font-size:1.6rem;font-weight:700}.ig-sub{font-family:var(--font-mono,monospace);color:#c89b3ca6;margin-bottom:26px;font-size:12px;line-height:1.6}.ig-steps{flex-direction:column;gap:12px;width:100%;margin-bottom:24px;display:flex}.ig-step{text-align:left;background:#0a142899;border:1px solid #463714;align-items:center;gap:14px;padding:13px 14px;display:flex}.ig-step-icon{color:#1a1206;background:#c89b3c;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.ig-step-icon svg{width:20px;height:20px}.ig-step-text{font-family:var(--font-body,sans-serif);color:#f0e6d3;font-size:13px;line-height:1.45}.ig-step-text b{color:#c89b3c;font-weight:600}.ig-install-btn{color:#1a1206;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;clip-path:polygon(12px 0%,100% 0%,calc(100% - 12px) 100%,0% 100%);background-image:linear-gradient(#e0ba4ef2,#a87512fa);border:1px solid #c89b3c;width:100%;padding:15px;font-family:Cinzel,Georgia,serif;font-size:14px;font-weight:700}.ig-note{font-family:var(--font-mono,monospace);color:#f0e6d3;background:#0a142899;border:1px solid #463714;margin-bottom:24px;padding:16px;font-size:13px;line-height:1.6}.ig-note b{color:#c89b3c}.ig-bypass{color:#c89b3c66;font-family:var(--font-mono,monospace);letter-spacing:.06em;cursor:pointer;background:0 0;border:none;padding:6px;font-size:11px}.ig-bypass:hover{color:#c89b3cb3}.upd-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:calc(28px + env(safe-area-inset-top,0px)) 24px 28px;background:#010a13eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.upd-card{text-align:center;background:#0a1428;border:1px solid #463714;flex-direction:column;align-items:center;width:100%;max-width:340px;padding:28px 24px;display:flex}.upd-wordmark{font-family:var(--font-mono,monospace);letter-spacing:.3em;text-transform:uppercase;color:#c89b3c80;margin-bottom:14px;font-size:10px}.upd-wordmark span{color:#c89b3c}.upd-title{letter-spacing:.06em;text-transform:uppercase;color:#f0e6d3;margin-bottom:10px;font-family:Cinzel,Georgia,serif;font-size:1.3rem;font-weight:700}.upd-sub{font-family:var(--font-mono,monospace);color:#c89b3ca6;margin-bottom:22px;font-size:12px;line-height:1.6}.upd-btn{color:#1a1206;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;clip-path:polygon(12px 0%,100% 0%,calc(100% - 12px) 100%,0% 100%);background-image:linear-gradient(#e0ba4ef2,#a87512fa);border:1px solid #c89b3c;width:100%;padding:14px;font-family:Cinzel,Georgia,serif;font-size:13px;font-weight:700}.upd-btn:hover{box-shadow:0 0 24px #c89b3c66}