:root{--rf-bg:#050b12;--rf-surface:#0b1721;--rf-surface-raised:#122431;--rf-surface-soft:#0d1c28;--rf-border:#c9a95b47;--rf-border-strong:#d9bb6f94;--rf-text:#f4ead3;--rf-text-muted:#9fb2bd;--rf-accent:#d1ad59;--rf-accent-strong:#6d4b16;--rf-accent-soft:#f0d88c;--rf-blue:#16859f;--rf-blue-strong:#0a526d;--rf-success:#49c98b;--rf-warning:#e7b85c;--rf-danger:#ef6b73;--rf-radius-sm:4px;--rf-radius-md:8px;--rf-radius-lg:14px;--rf-space-1:.25rem;--rf-space-2:.5rem;--rf-space-3:.75rem;--rf-space-4:1rem;--rf-space-6:1.5rem;--rf-space-8:2rem;--rf-motion-fast:.16s;--rf-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--rf-font-display:Georgia, "Times New Roman", serif;--rf-font-mono:"JetBrains Mono", ui-monospace, monospace}
.skip-link{z-index:1000;background:var(--rf-accent-strong);color:var(--rf-text);border-radius:6px;padding:10px 14px;position:fixed;top:8px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}.app-header{border-bottom:1px solid var(--rf-border);align-items:center;gap:20px;max-width:1200px;min-height:72px;margin:auto;padding:12px 24px;display:flex}.app-header .brand{margin-right:auto}.brand small{color:var(--rf-text-muted);font-size:.62rem}.app-navigation{align-items:center;gap:clamp(10px,2vw,26px);display:flex}.app-navigation a{color:var(--rf-text-muted);padding:10px 4px}.app-navigation a[aria-current=page]{color:var(--rf-text);border-bottom:2px solid var(--rf-accent)}.nav-toggle{border:1px solid var(--rf-border);background:var(--rf-surface);min-width:44px;min-height:44px;color:var(--rf-text);font:inherit;display:none}.app-footer{border-top:1px solid var(--rf-border);max-width:1200px;color:var(--rf-text-muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin:auto;padding:24px;display:flex}.beta-page,.content-page,.boundary-page{max-width:1100px;margin:auto;padding:clamp(32px,6vw,80px) 24px;line-height:1.65}.content-page section,.beta-grid article,.boundary-page{border:1px solid var(--rf-border);border-radius:var(--rf-radius-lg);background:var(--rf-surface);margin-block:28px;padding:clamp(18px,3vw,30px)}.beta-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:18px;display:grid}.beta-grid>h2{grid-column:1/-1}.content-page nav{flex-wrap:wrap;gap:8px;display:flex}.content-page a,.boundary-page a{color:var(--rf-accent)}.table-scroll-region{overscroll-behavior-inline:contain;max-width:100%;padding:2px 2px 10px;overflow-x:auto}.table-scroll-region table{border-collapse:collapse;min-width:max-content}.table-scroll-region th,.table-scroll-region td{border:1px solid var(--rf-border);text-align:left;padding:8px 12px}.dialog-backdrop{z-index:999;background:#000000c7;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.confirm-dialog{border:1px solid var(--rf-border);border-radius:var(--rf-radius-lg);background:var(--rf-surface);width:min(100%,560px);max-height:calc(100vh - 32px);padding:clamp(20px,5vw,36px);overflow:auto;box-shadow:0 24px 80px #000}.actions{flex-wrap:wrap;gap:12px;display:flex}.actions a,.actions button{min-height:44px;padding:10px 16px}.app-shell :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--rf-accent);outline-offset:3px}@media (max-width:720px){.app-header{flex-wrap:wrap;padding-inline:14px}.nav-toggle{display:block}.app-navigation{flex-direction:column;flex-basis:100%;align-items:stretch;display:none}.app-navigation.is-open{display:flex}.app-navigation a{min-height:44px;padding:12px}.app-footer{flex-direction:column}.account-shell{padding-inline:12px}.account-card{padding:20px}}@media (max-width:320px){.app-header .brand{letter-spacing:.05em;font-size:.82rem}.beta-page,.content-page,.boundary-page{padding-inline:12px}.actions>*{width:100%}}@media (forced-colors:active){.app-shell :is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid highlight}.confirm-dialog,.table-scroll-region,.app-header{border:1px solid canvastext}.app-navigation a[aria-current=page]{border-color:highlight}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--rf-bg);color:var(--rf-text);font-family:var(--rf-font-sans);font-feature-settings:"cv01","ss03";margin:0}a{color:inherit;text-decoration:none}.account-shell{background:radial-gradient(circle at 50% 20%,#6958e82e,#0000 40%);place-items:center;min-height:100vh;padding:48px 20px;display:grid}.account-card{border:1px solid var(--rf-border);border-radius:var(--rf-radius-lg);background:var(--rf-surface);gap:22px;width:min(100%,620px);padding:clamp(24px,5vw,48px);display:grid;box-shadow:0 28px 80px #00000047}.account-card h1,.account-card h2{letter-spacing:-.03em;margin:0}.account-card p{color:var(--rf-text-muted);margin:0;line-height:1.65}.account-card form{gap:10px;padding-top:8px;display:grid}.account-card label{color:var(--rf-text-muted);font-size:.85rem}.account-card input,.account-card textarea{border:1px solid var(--rf-border);border-radius:var(--rf-radius-sm);background:var(--rf-bg);width:100%;min-height:44px;color:var(--rf-text);font:inherit;padding:10px 12px}.account-card textarea{resize:vertical;min-height:96px}.account-card input:focus-visible,.account-card textarea:focus-visible,.account-card button:focus-visible{outline:3px solid var(--rf-accent);outline-offset:2px}.account-card button{border-radius:var(--rf-radius-sm);background:var(--rf-accent-strong);min-height:44px;color:var(--rf-text);font:inherit;cursor:pointer;border:0;margin-top:8px;font-weight:700}.account-card>a{color:var(--rf-accent);font-weight:600}.nav{border-bottom:1px solid var(--rf-border);justify-content:space-between;align-items:center;max-width:1200px;height:72px;margin:auto;padding:0 24px;display:flex}.brand{font-family:var(--rf-font-mono);letter-spacing:.12em;font-weight:600}.brand span{color:var(--rf-accent);font-size:1.5rem}.nav-links{color:var(--rf-text-muted);gap:28px;font-size:.875rem;display:flex}.hero{text-align:center;background:radial-gradient(circle at 50% 35%,#6958e830,#0000 35%);max-width:940px;margin:auto;padding:116px 24px 90px}.eyebrow,.kicker{font-family:var(--rf-font-mono);color:var(--rf-text-muted);letter-spacing:.12em;font-size:.72rem}.live-dot{background:var(--rf-success);width:7px;height:7px;box-shadow:0 0 14px var(--rf-success);border-radius:50%;margin-right:8px;display:inline-block}.hero h1{letter-spacing:-.055em;margin:28px 0 24px;font-size:clamp(2.8rem,7vw,5.8rem);font-weight:520;line-height:.98}.hero h1 em{color:var(--rf-accent);font-style:normal}.hero p{max-width:680px;color:var(--rf-text-muted);margin:0 auto;font-size:1.12rem;line-height:1.7}.actions{justify-content:center;gap:12px;margin-top:34px;display:flex}.rf-button{border:1px solid var(--rf-border);border-radius:var(--rf-radius-sm);min-height:44px;font:inherit;cursor:pointer;transition:transform var(--rf-motion-fast),background var(--rf-motion-fast);justify-content:center;align-items:center;padding:0 18px;font-weight:600;display:inline-flex}.rf-button:hover{transform:translateY(-1px)}.rf-button:focus-visible,a:focus-visible{outline:3px solid var(--rf-accent);outline-offset:3px}.rf-button--primary{background:var(--rf-accent-strong);color:var(--rf-text)}.rf-button--ghost{background:#ffffff09}.console,.principles{border:1px solid var(--rf-border);border-radius:var(--rf-radius-lg);background:linear-gradient(145deg,#ffffff09,#ffffff03);max-width:1120px;margin:0 auto 110px;padding:30px;box-shadow:0 28px 90px #00000059}.console>header{justify-content:space-between;align-items:center;display:flex}.console h2,.principles h2{letter-spacing:-.04em;margin:8px 0;font-size:clamp(2rem,4vw,3.2rem)}.rf-badge{border:1px solid var(--rf-border);border-radius:999px;padding:7px 11px;font-size:.74rem;display:inline-flex}.rf-badge--success{color:var(--rf-success);background:#49c98b14}.stage-track{border-top:1px solid var(--rf-border);border-bottom:1px solid var(--rf-border);grid-template-columns:repeat(4,1fr);margin:28px 0;display:grid}.stage{color:var(--rf-text-muted);border-right:1px solid var(--rf-border);padding:17px;font-size:.82rem}.stage:last-child{border:0}.stage span{font-family:var(--rf-font-mono);margin-bottom:7px;font-size:.65rem;display:block}.stage.active{color:var(--rf-text);box-shadow:inset 0 2px var(--rf-accent);background:#8b7cf614}.metric-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.metric,.focus-card,.command-grid aside{border:1px solid var(--rf-border);border-radius:var(--rf-radius-md);background:#ffffff06;padding:22px}.metric span,.metric small{color:var(--rf-text-muted);font-size:.76rem;display:block}.metric strong{margin:12px 0;font-size:2rem;display:block}.command-grid{grid-template-columns:1.7fr 1fr;gap:12px;margin-top:12px;display:grid}.focus-card h3{font-size:1.4rem}.focus-card p{color:var(--rf-text-muted)}button:disabled{background:var(--rf-surface-raised);border:1px solid var(--rf-border);color:var(--rf-text-muted);border-radius:6px;padding:11px 14px}.focus-card small{color:var(--rf-text-muted);margin-top:10px;display:block}.command-grid aside{text-align:center;place-items:center;display:grid}.arena-mark{border:1px solid var(--rf-accent);width:105px;height:105px;font-family:var(--rf-font-mono);color:var(--rf-accent);place-items:center;font-size:1.8rem;display:grid;transform:rotate(45deg)}.arena-mark+p{font-family:var(--rf-font-mono);letter-spacing:.1em;font-size:.7rem}.principles{box-shadow:none;background:0 0;border:0}.principle-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px;display:grid}.principle-grid article{border-top:1px solid var(--rf-border);padding-top:20px}.principle-grid b{font-family:var(--rf-font-mono);color:var(--rf-accent)}.principle-grid p{color:var(--rf-text-muted);line-height:1.6}footer{border-top:1px solid var(--rf-border);max-width:1120px;color:var(--rf-text-muted);font:.68rem var(--rf-font-mono);justify-content:space-between;margin:auto;padding:32px 24px;display:flex}@media (max-width:720px){.nav-links,.nav>.rf-button{display:none}.hero{padding-top:80px}.console{margin-inline:12px;padding:18px}.console>header{align-items:flex-start;gap:16px}.stage-track,.metric-grid,.command-grid,.principle-grid{grid-template-columns:1fr}.stage{border-right:0;border-bottom:1px solid var(--rf-border)}.actions{flex-direction:column}.principles{margin-bottom:55px}footer{flex-direction:column;gap:16px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.matchup-stage{background:radial-gradient(circle at 50% 12%,#6958e83d,#0000 34%),linear-gradient(135deg,#080a12,#111629);min-height:100vh;padding:24px;overflow-x:hidden}.matchup-toolbar{justify-content:space-between;align-items:center;max-width:1500px;margin:0 auto 18px;display:flex}.matchup-toolbar a,.matchup-toolbar button,.matchup-fullscreen-compact{border:1px solid var(--rf-border);min-height:44px;color:var(--rf-text);font:inherit;background:#0a0c16;border-radius:10px;padding:10px 16px}.matchup-fullscreen-compact{z-index:4;position:fixed;top:18px;right:18px}.matchup-header{text-align:center;margin:0 auto 24px}.matchup-header h1{margin:6px 0;font-size:clamp(1.8rem,4vw,3.4rem)}.matchup-header p{color:var(--rf-text-muted);margin:0}.matchup-board{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(12px,2vw,30px);max-width:1600px;margin:auto;display:grid}.matchup-team>h2{text-align:center;text-transform:uppercase;letter-spacing:.08em;font-size:clamp(1.4rem,3vw,2.4rem)}.matchup-roster{gap:10px;display:grid}.matchup-player-card{border:1px solid var(--rf-border);background:linear-gradient(125deg,#1c2138,#0f121f);border-radius:16px;grid-template-columns:110px minmax(0,1fr);min-height:126px;animation:.32s ease-out both matchup-enter;display:grid;overflow:hidden}.matchup-team:last-child .matchup-player-card{grid-template-columns:minmax(0,1fr) 110px}.matchup-team:last-child .matchup-portrait{order:2}.matchup-team:last-child .matchup-player-copy{text-align:right}.matchup-portrait,.matchup-portrait img{object-fit:cover;width:110px;height:100%;min-height:126px}.matchup-placeholder{height:100%;min-height:126px;color:var(--rf-text-muted);text-align:center;background:linear-gradient(145deg,#242a47,#111528);align-content:center;place-items:center;gap:8px;padding:8px;display:grid}.matchup-placeholder span{color:var(--rf-accent);font-size:2rem}.matchup-placeholder small{font-size:.64rem}.matchup-player-copy{align-content:center;gap:3px;padding:13px 16px;display:grid}.matchup-player-copy h3,.matchup-player-copy p{margin:0}.matchup-player-copy p{color:var(--rf-text-muted);font-size:.78rem}.matchup-role{font-family:var(--rf-font-mono);color:var(--rf-accent)!important}.matchup-player-copy button{color:var(--rf-accent);font:inherit;background:0 0;border:0;justify-self:start;margin-top:6px;font-size:.78rem;font-weight:700}.matchup-team:last-child .matchup-player-copy button{justify-self:end}.matchup-vs{font:900 clamp(2rem,5vw,5rem) var(--rf-font-mono);color:var(--rf-accent);text-shadow:0 0 34px #6958e8b8}.matchup-dialog-backdrop{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#02040ad1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.matchup-dialog{border:1px solid var(--rf-border);background:#121629;border-radius:20px;width:min(100%,620px);max-height:85vh;padding:26px;overflow:auto}.matchup-dialog-heading{justify-content:space-between;gap:20px;display:flex}.matchup-dialog-heading h2{margin:5px 0}.matchup-dialog-heading button{border:1px solid var(--rf-border);width:44px;height:44px;color:var(--rf-text);background:0 0;border-radius:50%;font-size:1.5rem}.matchup-dialog dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.matchup-dialog dl div{background:#ffffff0d;border-radius:10px;padding:12px}.matchup-dialog dd{margin:4px 0 0;font-weight:800}.matchup-unresolved{text-align:center;border:1px solid var(--rf-border);background:#0f121f;border-radius:24px;max-width:720px;margin:12vh auto;padding:50px}.matchup-unresolved strong{color:var(--rf-accent);font-size:4rem}.broadcast-mode{padding:12px}@keyframes matchup-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (max-width:900px){.matchup-board{grid-template-columns:1fr}.matchup-vs{text-align:center}.matchup-player-card,.matchup-team:last-child .matchup-player-card{grid-template-columns:90px minmax(0,1fr)}.matchup-team:last-child .matchup-portrait{order:0}.matchup-team:last-child .matchup-player-copy{text-align:left}.matchup-portrait,.matchup-portrait img{width:90px}}@media (prefers-reduced-motion:reduce){.matchup-player-card{animation:none}.matchup-stage *{transition-duration:.01ms!important}}body:has(.obs-overlay){background:0 0}.obs-overlay{color:#fff;min-height:100vh;font-family:var(--rf-font-sans);background:0 0;align-content:end;gap:8px;padding:24px;display:grid}.obs-round,.obs-connection{background:#05070ed1;border-radius:999px;justify-self:center;margin:0;padding:6px 14px;font-weight:700}.obs-scoreboard{grid-template-columns:minmax(260px,1fr) auto minmax(260px,1fr);align-items:center;gap:16px;display:grid}.obs-team{background:linear-gradient(110deg,#0b0f1cf0,#212745e6);border:1px solid #ffffff38;padding:18px 24px}.obs-team-away{text-align:right}.obs-team h1{text-transform:uppercase;letter-spacing:.08em;margin:0}.obs-team ol{color:#d8dbee;gap:12px;margin:8px 0 0;padding:0;list-style:none;display:flex}.obs-team-away ol{justify-content:flex-end}.obs-score{text-align:center;background:#05070ef0;border-radius:14px;min-width:150px;padding:18px;font-size:3rem}@media (max-width:800px){.obs-scoreboard{grid-template-columns:1fr}.obs-team-away{text-align:left}.obs-team-away ol{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.obs-overlay *{transition:none!important;animation:none!important}}
html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--rf-bg)}body{background:radial-gradient(circle at 50% -10%, #16859f38, transparent 38rem), linear-gradient(180deg, #07131d 0, var(--rf-bg) 42rem);min-height:100vh}body:before{z-index:-1;pointer-events:none;content:"";opacity:.22;background-image:linear-gradient(30deg,#0000 48%,#d1ad591f 49% 50%,#0000 51%),linear-gradient(150deg,#0000 48%,#16859f1a 49% 50%,#0000 51%);background-size:72px 124px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}h1,h2,h3{font-family:var(--rf-font-display);color:var(--rf-text);text-wrap:balance}h1{letter-spacing:-.035em}p,li{text-wrap:pretty}.app-header{z-index:30;border-bottom-color:var(--rf-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050b12e6;max-width:none;padding-inline:max(20px,50vw - 620px);position:sticky;top:0;box-shadow:0 14px 44px #00000040}.brand{color:var(--rf-accent-soft);text-shadow:0 0 26px #d1ad593d}.brand span{color:var(--rf-accent)}.brand small{border:1px solid var(--rf-border);color:var(--rf-text-muted);margin-left:8px;padding:3px 6px}.app-navigation a{color:var(--rf-text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:750;position:relative}.app-navigation a:after{content:"";background:var(--rf-accent);height:1px;transition:transform var(--rf-motion-fast);position:absolute;bottom:2px;left:25%;right:25%;transform:scaleX(0)}.app-navigation a:hover,.app-navigation a[aria-current=page]{color:var(--rf-accent-soft)}.app-navigation a:hover:after,.app-navigation a[aria-current=page]:after{transform:scaleX(1)}.app-navigation a[aria-current=page]{border-bottom:0}.app-footer{border-top-color:var(--rf-border);max-width:1240px}.app-footer a,.content-page a,.account-card a,.scout-shell a{color:var(--rf-accent-soft);text-underline-offset:4px;-webkit-text-decoration:underline #d1ad5973;text-decoration:underline #d1ad5973}.beta-page{max-width:1240px}.hero{background:radial-gradient(circle at 50% 38%,#16859f3d,#0000 30%),radial-gradient(circle at 50% 44%,#d1ad5914,#0000 48%);max-width:1060px;padding-top:clamp(76px,10vw,142px);position:relative}.hero:before,.hero:after{content:"";background:linear-gradient(90deg, transparent, var(--rf-border-strong));width:min(22vw,240px);height:1px;position:absolute;top:48%}.hero:before{left:0}.hero:after{right:0;transform:scaleX(-1)}.hero-rune{border:1px solid var(--rf-border-strong);width:56px;height:56px;color:var(--rf-accent);place-items:center;display:grid;transform:rotate(45deg);box-shadow:inset 0 0 24px #16859f38,0 0 28px #d1ad591f;margin:22px auto 0!important;font-size:1.2rem!important}.hero-rune:first-letter{transform:rotate(-45deg)}.hero h1{max-width:880px;color:var(--rf-text);text-shadow:0 2px #000,0 0 46px #16859f33;margin-inline:auto;font-size:clamp(3rem,7vw,6.5rem);font-weight:500}.eyebrow,.kicker{color:var(--rf-accent)}.rf-button,.account-card button,.auth-card button,.profile-card button,.riot-card button{border:1px solid var(--rf-border-strong);border-radius:var(--rf-radius-sm);letter-spacing:.04em;box-shadow:inset 0 0 0 1px #050b12b3,0 8px 24px #0003}.rf-button--primary,.account-card button:not(:disabled),.auth-card button:not(:disabled),.profile-card button:not(:disabled),.riot-card button:not(:disabled){color:#fff5d6;background:linear-gradient(#76551d,#45300f)}.rf-button--ghost{color:#d7f5f6;background:linear-gradient(#123948e6,#081d29eb);border-color:#16859fa6}.rf-button:hover,.account-card button:not(:disabled):hover,.auth-card button:not(:disabled):hover,.profile-card button:not(:disabled):hover,.riot-card button:not(:disabled):hover{filter:brightness(1.12);transform:translateY(-1px)}.beta-grid article,.content-page section,.account-card,.auth-card,.profile-card,.riot-card,.boundary-page{border-color:var(--rf-border);background:linear-gradient(135deg,#122431f5,#07131dfa);position:relative;box-shadow:0 22px 60px #00000047,inset 0 1px #ffffff06}.beta-grid article:before,.auth-card:before,.profile-card:before,.riot-card:before{content:"";background:linear-gradient(90deg, var(--rf-accent), transparent);width:72px;height:2px;position:absolute;top:-1px;left:24px}.rf-badge{border-color:var(--rf-border);color:var(--rf-accent-soft);letter-spacing:.08em;background:#d1ad5914}.account-shell,.scout-shell{align-items:start;min-height:calc(100vh - 72px);padding:clamp(28px,5vw,72px) 20px}.account-card{gap:20px;width:min(100%,920px)}.account-card>section,.account-card>form{border-radius:var(--rf-radius-md);background:#050f1785;border:1px solid #c9a95b2e;padding:clamp(18px,3vw,28px)}.account-card :is(input,textarea,select),.auth-card :is(input,textarea,select),.profile-card :is(input,textarea,select),.riot-card :is(input,textarea,select),.scout-shell :is(input,textarea,select){border-radius:var(--rf-radius-sm);width:100%;min-height:46px;color:var(--rf-text);font:inherit;background:#030b12e0;border:1px solid #9fb2bd4d;outline:none;padding:11px 13px}.account-card :is(input,textarea,select):focus,.auth-card :is(input,textarea,select):focus,.profile-card :is(input,textarea,select):focus,.riot-card :is(input,textarea,select):focus,.scout-shell :is(input,textarea,select):focus{border-color:var(--rf-accent);box-shadow:0 0 0 3px #d1ad5921,0 0 24px #16859f1f}.tournament-shell{display:block}.tournament-card{width:min(100%,1240px);margin-inline:auto}.tournament-card :is(ul,ol){padding-left:1.25rem}.tournament-card li{margin-block:10px}.scout-shell{width:min(100%,1180px);margin-inline:auto;display:block}.scout-shell>section,.scout-shell>form{border:1px solid var(--rf-border);border-radius:var(--rf-radius-lg);background:#0b1721eb;margin-block:18px;padding:clamp(18px,3vw,28px)}.auth-page,.auth-shell,.profile-shell,.riot-shell{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:center;gap:clamp(24px,5vw,72px);width:min(100%,1160px);min-height:calc(100vh - 72px);margin-inline:auto;padding:clamp(32px,6vw,88px) 24px;display:grid}.auth-page{isolation:isolate;grid-template-columns:minmax(0,540px);place-content:center;position:relative}.auth-page:before{z-index:-1;aspect-ratio:1;content:"";background:radial-gradient(circle,#16859f2b,#0000 66%);border:1px solid #d1ad5921;width:min(72vw,720px);position:absolute;transform:rotate(45deg)}.auth-card{max-width:540px}.auth-card__header{text-align:center;margin-bottom:26px}.auth-card__header h1{margin-block:10px 12px;font-size:clamp(2.25rem,6vw,3.5rem)}.auth-card__header>p:last-child,.auth-field__help,.auth-switch{color:var(--rf-text-muted);line-height:1.6}.auth-brand{color:var(--rf-accent-soft);font:800 .84rem var(--rf-font-mono);letter-spacing:.15em;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.auth-sigil{border:1px solid var(--rf-border-strong);width:34px;height:34px;color:var(--rf-accent);place-items:center;display:grid;transform:rotate(45deg)}.auth-sigil+span{margin-left:4px}.auth-kicker{font:.68rem var(--rf-font-mono);letter-spacing:.16em;margin:24px 0 0;color:var(--rf-accent)!important}.auth-field{gap:7px;display:grid}.auth-field label{color:var(--rf-text);letter-spacing:.05em;font-size:.82rem;font-weight:750}.auth-field__help{margin:2px 0 8px;font-size:.78rem}.auth-switch{text-align:center;margin:24px 0 0}.profile-page{background:radial-gradient(circle at 50% 18%,#16859f29,#0000 36rem);place-items:center;min-height:calc(100vh - 72px);padding:clamp(32px,6vw,82px) 20px;display:grid}.profile-panel{border:1px solid var(--rf-border);border-radius:var(--rf-radius-lg);background:linear-gradient(145deg,#122431f7,#06111afa);width:min(100%,820px);padding:clamp(24px,5vw,52px);position:relative;box-shadow:0 30px 80px #00000057}.profile-panel:before{content:"";background:linear-gradient(90deg, transparent, var(--rf-accent), transparent);width:min(44%,280px);height:2px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.profile-header{margin-bottom:30px}.profile-header h1,.profile-panel>h1{margin-block:8px 12px;font-size:clamp(2.4rem,6vw,4rem)}.profile-eyebrow{color:var(--rf-accent);font:.7rem var(--rf-font-mono);letter-spacing:.16em;margin:0}.profile-form,.profile-field{gap:9px;display:grid}.profile-form{gap:22px}.profile-panel :is(input,textarea){border-radius:var(--rf-radius-sm);width:100%;min-height:46px;color:var(--rf-text);font:inherit;background:#030b12e0;border:1px solid #9fb2bd4d;outline:none;padding:11px 13px}.profile-panel :is(input,textarea):focus{border-color:var(--rf-accent);box-shadow:0 0 0 3px #d1ad5921}.profile-field textarea{resize:vertical;min-height:150px}.profile-field-help{color:var(--rf-text-muted);margin:0;font-size:.78rem}.profile-action{border:1px solid var(--rf-border-strong);border-radius:var(--rf-radius-sm);justify-content:center;align-items:center;min-height:46px;padding:10px 18px;font-weight:800;text-decoration:none;display:inline-flex}.profile-action--primary{color:#fff5d6;background:linear-gradient(#76551d,#45300f)}.profile-action--secondary{color:#d7f5f6;background:#0c37468c;border-color:#16859fa6}.profile-access-actions,.profile-account-links{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.profile-account-links{border-top:1px solid #c9a95b29;padding-top:22px}.profile-feedback{border-left:3px solid var(--rf-accent);background:#d1ad5914;padding:12px 14px}.profile-feedback--error{border-left-color:var(--rf-danger);background:#ef6b7314}.riot-account-page{background:radial-gradient(circle at 50% 0,#16859f29,#0000 32rem);align-content:start;width:min(100%,980px);margin-inline:auto;display:grid}.riot-account-breadcrumbs{width:min(100%,920px);color:var(--rf-text-muted);margin:0 auto 14px;font-size:.82rem}.riot-account-breadcrumbs a{color:var(--rf-accent-soft);text-decoration:none}.riot-account-card{width:min(100%,920px);margin-inline:auto;padding:clamp(24px,5vw,52px);position:relative;overflow:hidden}.riot-account-card:before{content:"";background:linear-gradient(90deg, transparent, var(--rf-accent), transparent);width:min(46%,300px);height:2px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.riot-account-card>h1{margin-block:7px 12px;font-size:clamp(2.5rem,6vw,4.2rem)}.riot-account-card>p,.riot-account-current>p,.riot-account-form>p{color:var(--rf-text-muted);line-height:1.65}.riot-account-current,.riot-account-auth-required,.riot-account-load-error{gap:10px;display:grid}.riot-account-identity{margin:0;font-size:1.05rem;color:var(--rf-text)!important}.riot-account-status,.riot-account-error,.riot-account-notice{border-left:3px solid var(--rf-blue);background:#16859f17;margin:0;padding:12px 14px}.riot-account-status--ready,.riot-account-notice{border-left-color:var(--rf-success);background:#44be8f14}.riot-account-status--error,.riot-account-error{border-left-color:var(--rf-danger);background:#ef6b7314}.riot-account-status--pending,.riot-account-status--syncing,.riot-account-status--stale{border-left-color:var(--rf-accent);background:#d1ad5914}.riot-account-form{gap:9px;display:grid}.riot-account-form label{color:var(--rf-text);letter-spacing:.05em;margin-top:6px;font-size:.82rem;font-weight:750}.riot-account-form button,.riot-account-sync,.riot-account-load-error button{min-height:46px;font:inherit;cursor:pointer;padding:10px 18px;font-weight:800}.riot-account-form button{margin-top:12px}.riot-account-sync{justify-self:start}.auth-intro,.profile-intro,.riot-intro{max-width:580px}.auth-intro h1,.profile-intro h1,.riot-intro h1{margin-block:12px 18px;font-size:clamp(2.6rem,5vw,4.9rem);line-height:1}.auth-intro p,.profile-intro p,.riot-intro p{color:var(--rf-text-muted);line-height:1.75}.auth-card,.profile-card,.riot-card{border:1px solid var(--rf-border);border-radius:var(--rf-radius-lg);width:100%;padding:clamp(24px,4vw,42px)}.auth-card form,.profile-card form,.riot-card form{gap:10px;display:grid}.auth-card button,.profile-card button,.riot-card button{min-height:46px;font:inherit;cursor:pointer;margin-top:10px;padding:10px 18px;font-weight:800}.auth-card a,.profile-card a,.riot-card a{color:var(--rf-accent-soft)}.auth-status,.profile-status,.riot-status,[role=alert]{border-left:3px solid var(--rf-accent);color:var(--rf-text);background:#d1ad5914;padding:12px 14px}.account-hub-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.account-hub-nav a{border:1px solid var(--rf-border);background:#16859f12;align-content:center;min-height:92px;padding:16px;text-decoration:none;display:grid}.account-hub-nav a:hover{border-color:var(--rf-border-strong);background:#d1ad5914}@media (max-width:920px){.auth-shell,.profile-shell,.riot-shell{grid-template-columns:1fr}.auth-intro,.profile-intro,.riot-intro{text-align:center;margin-inline:auto}.hero:before,.hero:after{display:none}.account-hub-nav{grid-template-columns:1fr}}@media (max-width:720px){.app-header{padding-inline:14px}.app-navigation{padding-bottom:10px}.hero h1{font-size:clamp(2.65rem,14vw,4.6rem)}.auth-shell,.profile-shell,.riot-shell{padding-inline:14px}.tournament-card,.account-card{padding:18px}}:is(html:has(.obs-overlay),body:has(.obs-overlay)){background:0 0!important}body:has(.obs-overlay):before{display:none}.obs-overlay :is(h1,h2,h3){color:inherit;font-family:var(--rf-font-sans)}@media (prefers-reduced-motion:reduce){.app-navigation a:after,.rf-button,button{transition:none!important}}
.app-header{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050b12eb;flex-direction:column;align-items:stretch;gap:0;max-width:1280px;min-height:auto;padding:0 24px;position:relative}.app-header__top{align-items:center;gap:20px;min-height:68px;display:flex}.app-header__top .brand{align-items:center;min-height:44px;margin-right:auto;display:inline-flex}.app-header__top .brand span{color:var(--rf-accent)}.app-navigation{border-top:1px solid #c9a95b1f;justify-content:space-between;gap:8px;width:100%}.app-navigation a{white-space:nowrap;border-bottom:2px solid #0000;justify-content:center;align-items:center;min-height:46px;padding:10px 12px;font-size:.78rem;font-weight:750;display:inline-flex}.account-menu{position:relative}.account-menu__trigger,.account-entry a{border:1px solid var(--rf-border);border-radius:var(--rf-radius-sm);min-height:44px;color:var(--rf-text);font:inherit;background:#0f2330b8;align-items:center;gap:8px;padding:8px 12px;font-size:.8rem;font-weight:750;display:inline-flex}.account-entry{gap:8px;display:flex}.account-entry a:last-child{border-color:var(--rf-border-strong);color:var(--rf-accent-soft)}.account-navigation{border:1px solid var(--rf-border-strong);border-radius:var(--rf-radius-md);background:#091721;width:220px;padding:8px;display:none;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 20px 55px #00000080}.account-navigation.is-open{display:grid}.account-navigation :is(a,button){min-height:44px;color:var(--rf-text-muted);font:inherit;text-align:left;background:0 0;border:0;border-radius:4px;padding:11px 12px}.account-navigation :is(a,button):hover,.account-navigation a[aria-current=page]{color:var(--rf-text);background:#16859f21}.account-navigation button{color:#ffadb2;cursor:pointer;border-top:1px solid #c9a95b24}.session-check{color:var(--rf-text-muted);letter-spacing:.2em}.app-header__error{color:#ffd7d9;background:#ef6b731f;width:100%;margin:0;padding:8px 12px;font-size:.8rem}.app-footer nav{flex-wrap:wrap;gap:16px;display:flex}.app-footer a{color:var(--rf-accent-soft)}.app-footer__legal{max-width:980px;color:var(--rf-text-muted);font:.78rem/1.6 var(--rf-font-sans);flex-basis:100%;margin:8px 0 0}.product-page{width:min(100%,1180px);min-height:calc(100vh - 116px);margin-inline:auto;padding:clamp(34px,6vw,82px) 24px 90px;line-height:1.62}.product-hero{border-radius:var(--rf-radius-lg);background:radial-gradient(circle at 85% 15%,#16859f33,#0000 24rem),linear-gradient(135deg,#112735f0,#050e16fa);border:1px solid #c9a95b3d;max-width:920px;margin-bottom:clamp(34px,6vw,68px);padding:clamp(26px,5vw,54px);position:relative;overflow:hidden;box-shadow:0 28px 80px #00000047}.product-hero:after{content:"";border:1px solid #d1ad5947;width:190px;height:190px;position:absolute;bottom:-62px;right:-42px;transform:rotate(45deg)}.product-hero>*{z-index:1;position:relative}.product-eyebrow,.product-card__eyebrow{color:var(--rf-accent);font:.68rem var(--rf-font-mono);letter-spacing:.16em;margin:0}.product-hero h1{max-width:820px;font:600 clamp(2.35rem, 6vw, 5rem)/1 var(--rf-font-display);letter-spacing:-.04em;margin:10px 0 15px}.product-hero>p:not(.product-eyebrow){max-width:760px;color:var(--rf-text-muted);margin:0;font-size:clamp(1rem,2vw,1.15rem)}.product-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.product-link{border:1px solid var(--rf-border-strong);border-radius:var(--rf-radius-sm);min-height:44px;color:var(--rf-text);font:inherit;text-align:center;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:7px;padding:10px 16px;font-size:.84rem;font-weight:800;display:inline-flex}.product-link--primary{color:#fff5d6;background:linear-gradient(#76551d,#45300f)}.product-link--secondary{color:#d8f6f7;background:#0940527a;border-color:#16859fb3}.product-link--quiet{color:var(--rf-accent-soft);border-color:#0000}.product-link--danger{color:#ffd7d9;background:#6c19217a;border-color:#ef6b73a3}.product-link:disabled{cursor:not-allowed;opacity:.62}.product-grid{gap:18px;margin-block:28px 56px;display:grid}.product-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.product-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card{border-radius:var(--rf-radius-lg);background:linear-gradient(145deg,#0f222ef5,#07121cfa);border:1px solid #c9a95b38;flex-direction:column;gap:12px;min-width:0;padding:clamp(20px,3vw,30px);display:flex}.product-card--accent{border-color:#16859f80}.product-card--warning{border-color:#ef6b7361}.product-card h2{margin:0;font-size:clamp(1.3rem,2.5vw,1.75rem);line-height:1.15}.product-card h3{margin:12px 0 0;font-size:.9rem}.product-card__body{color:var(--rf-text-muted);flex:1}.product-card__body>:first-child{margin-top:0}.product-card__body>:last-child{margin-bottom:0}.product-card__action{padding-top:8px}.product-pill{border:1px solid var(--rf-border);width:fit-content;color:var(--rf-text-muted);font:.64rem var(--rf-font-mono);letter-spacing:.05em;text-transform:uppercase;background:#ffffff06;border-radius:999px;padding:5px 9px;display:inline-flex}.product-pill--success{color:#8ee4b8;background:#49c98b14;border-color:#49c98b6b}.product-pill--warning{color:#f1cf87;background:#e7b85c14;border-color:#e7b85c75}.product-state{border:1px solid var(--rf-border);border-radius:var(--rf-radius-lg);background:var(--rf-surface);grid-template-columns:auto minmax(0,1fr);gap:18px;max-width:820px;margin:8vh auto;padding:clamp(22px,4vw,36px);display:grid}.product-state__mark{color:var(--rf-accent);font-size:2rem}.product-state h2{margin:0 0 6px}.product-state p{color:var(--rf-text-muted);margin:0}.product-loading{border-left:3px solid var(--rf-blue);color:var(--rf-text-muted);background:#16859f14;padding:16px 18px}.product-inline-error,.product-inline-success{border-left:3px solid var(--rf-danger);background:#ef6b7317;padding:13px 16px}.product-inline-success{border-left-color:var(--rf-success);background:#49c98b14}.setup-progress,.product-section,.analysis-selector,.balance-preview,.product-callout,.riot-identity,.demo-panel{border-radius:var(--rf-radius-lg);background:linear-gradient(145deg,#0e212df0,#061019fa);border:1px solid #c9a95b3d;margin-block:28px;padding:clamp(22px,4vw,38px)}.setup-progress>div,.section-heading,.balance-preview>header,.product-callout,.riot-identity{justify-content:space-between;align-items:center;gap:24px;display:flex}.setup-progress h2,.section-heading h2,.balance-preview h2,.product-callout h2,.riot-identity h2{margin:5px 0}.setup-progress ol{grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0 0;padding:0;list-style:none;display:grid}.setup-progress li{border:1px solid var(--rf-border);border-radius:var(--rf-radius-md);color:var(--rf-text-muted);grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:15px;display:grid}.setup-progress li>span{border:1px solid var(--rf-border);width:32px;height:32px;color:var(--rf-accent);border-radius:50%;place-items:center;display:grid}.setup-progress li[data-complete=true]{border-color:#49c98b4d}.setup-progress li[data-complete=true]>span{border-color:var(--rf-success);color:var(--rf-success)}.setup-progress li strong,.setup-progress li small{display:block}.setup-progress li small{margin-top:3px}.product-callout>*{flex:1}.product-callout>p{max-width:680px;color:var(--rf-text-muted)}.demo-panel{background:repeating-linear-gradient(135deg,#e7b85c09 0 12px,#0000 12px 24px),#09151ef5;border-style:dashed;border-color:#e7b85c99;position:relative}.demo-panel h2{margin:12px 0}.demo-label{color:#f5d99a;width:fit-content;font:700 .64rem var(--rf-font-mono);letter-spacing:.08em;text-transform:uppercase;background:#322813;border:1px solid #e7b85cb8;border-radius:3px;padding:6px 9px;display:inline-flex}.product-disclaimer{color:var(--rf-text-muted);font-size:.78rem}.riot-identity{border-color:#16859f66;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.rank-emblem-frame{place-items:center;width:96px;height:112px;display:grid}.rank-emblem{object-fit:contain;width:100%;height:100%}.rank-crest{--rank-primary:#d4b463;--rank-secondary:#16859f;clip-path:polygon(50% 0,92% 22%,82% 78%,50% 100%,18% 78%,8% 22%);background:linear-gradient(145deg, var(--rank-primary), #5f4218 48%, var(--rank-secondary));place-items:center;width:82px;height:92px;display:grid}.rank-crest:before{width:62px;height:70px;clip-path:inherit;content:"";background:#081722;grid-area:1/1;display:block}.rank-crest span{z-index:1;color:var(--rf-accent-soft);font:700 1.1rem var(--rf-font-display);grid-area:1/1}.rank-crest--iron{--rank-primary:#9ca3a6;--rank-secondary:#4a5154}.rank-crest--bronze{--rank-primary:#c78358;--rank-secondary:#704228}.rank-crest--silver{--rank-primary:#d5e0e3;--rank-secondary:#69828b}.rank-crest--gold{--rank-primary:#f2d06b;--rank-secondary:#a9691c}.rank-crest--platinum{--rank-primary:#8fe0d1;--rank-secondary:#338878}.rank-crest--emerald{--rank-primary:#62d99a;--rank-secondary:#167957}.rank-crest--diamond{--rank-primary:#a8d7ff;--rank-secondary:#6269cf}.rank-crest--master{--rank-primary:#d8a0ff;--rank-secondary:#8a4fbb}.rank-crest--grandmaster{--rank-primary:#ff9c88;--rank-secondary:#b63945}.rank-crest--challenger{--rank-primary:#dffaff;--rank-secondary:#2ab3ca}.riot-identity__copy p{color:var(--rf-text-muted);margin:4px 0}.product-inline-status{color:var(--rf-text-muted);flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;font-size:.78rem;display:flex}.rank-summary{flex-wrap:wrap;gap:10px 22px;margin:18px 0 0;display:flex}.rank-summary div{gap:2px;display:grid}.rank-summary dt{color:var(--rf-text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem}.rank-summary dd{color:var(--rf-text);font:700 .82rem var(--rf-font-display);margin:0}.rank-sync-panel,.compatibility-anchor{border-radius:var(--rf-radius-md);background:#05121bb3;border:1px solid #16859f52;justify-content:space-between;align-items:center;gap:24px;margin-block:18px 28px;padding:20px 24px;scroll-margin-top:110px;display:flex}.rank-sync-panel h2,.compatibility-anchor h2{margin:4px 0;font-size:1.1rem}.rank-sync-panel p,.compatibility-anchor p{color:var(--rf-text-muted);margin:3px 0}.product-sync-state{color:var(--rf-text-muted);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.metric-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.metric-cards article{border-radius:var(--rf-radius-md);background:#040f17a6;border:1px solid #16859f4d;padding:18px}.metric-cards :is(span,strong,small){display:block}.metric-cards span,.metric-cards small{color:var(--rf-text-muted);font-size:.76rem}.metric-cards strong{color:var(--rf-accent-soft);margin-block:8px;font-size:1.8rem}.data-list{gap:8px;padding:0;list-style:none;display:grid}.data-list li{border-bottom:1px solid #c9a95b24;justify-content:space-between;gap:16px;padding:10px 0;display:flex}.data-list strong{color:var(--rf-text);font-size:.82rem}.rating-panel{grid-template-columns:minmax(220px,.7fr) 1fr;align-items:center;gap:24px;margin-top:22px;display:grid}.rating-panel :is(span,strong,small){display:block}.rating-panel strong{color:var(--rf-accent-soft);font:600 clamp(3rem, 8vw, 5rem) var(--rf-font-display);line-height:1}.rating-panel p{color:var(--rf-text-muted)}.profile-portrait{border-top:1px solid #c9a95b33;margin-top:34px;padding-top:30px}.profile-portrait>header{grid-template-columns:minmax(0,.8fr) minmax(280px,1fr);align-items:end;gap:24px;display:grid}.profile-portrait h2{margin:7px 0;font-size:clamp(1.5rem,3vw,2.1rem)}.profile-portrait>header>p{color:var(--rf-text-muted)}.profile-portrait__workspace{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:24px;margin-block:22px;display:grid}.profile-portrait__preview{border:1px solid var(--rf-border-strong);background:radial-gradient(circle,#16859f40,#050e16f2);border-radius:50%;place-items:center;width:180px;height:180px;display:grid;overflow:hidden}.profile-portrait__preview img{object-fit:cover;width:100%;height:100%}.profile-portrait__preview span{color:var(--rf-accent);font-size:3rem}.profile-portrait__controls,.profile-portrait__controls form{gap:10px;display:grid}.profile-portrait__controls .profile-action{width:fit-content}.profile-consent{border-radius:var(--rf-radius-md);background:#16859f12;border:1px solid #16859f4d;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;padding:16px;display:grid}.profile-consent input{margin-top:2px;width:20px!important;min-height:20px!important}.profile-consent :is(strong,small){display:block}.profile-consent small{color:var(--rf-text-muted);margin-top:3px}.match-list{gap:14px;margin-block:30px;display:grid}.match-card{border:1px solid var(--rf-border);border-left:4px solid var(--rf-danger);border-radius:var(--rf-radius-md);background:#0a1a24eb;padding:20px 22px}.match-card--win{border-left-color:var(--rf-success)}.match-card>header{justify-content:space-between;align-items:start;gap:20px;display:flex}.match-card>header>div{align-items:center;gap:12px;display:flex}.match-card h2{margin:0;font-size:1.1rem}.match-card time{color:var(--rf-text-muted);font-size:.76rem}.match-card dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-block:18px;display:grid}.match-card dl div{background:#ffffff06;border-radius:5px;padding:8px 10px}.match-card dt{color:var(--rf-text-muted);font-size:.68rem}.match-card dd{margin:2px 0 0;font-weight:750}.match-card .demo-label{margin-bottom:14px}.match-card__summary{color:var(--rf-text-muted);margin:0;font-size:.8rem}.balance-board{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:22px;margin-block:28px;display:grid}.balance-board article{border-radius:var(--rf-radius-md);background:#071620bf;border:1px solid #16859f6b;padding:22px}.balance-board article:last-child{border-color:#d1ad5975}.balance-board h3{margin:6px 0 18px;font-size:1.45rem}.balance-board ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.balance-board li{border-bottom:1px solid #c9a95b1f;align-items:center;gap:10px;padding:9px;display:flex}.balance-board li span{border:1px solid var(--rf-border);width:26px;height:26px;color:var(--rf-accent);border-radius:50%;place-items:center;font-size:.72rem;display:grid}.balance-versus{color:var(--rf-accent);font:800 1.7rem var(--rf-font-display)}.analysis-steps{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:0 0 28px;padding:0;list-style:none;display:grid}.analysis-steps li{color:var(--rf-text-muted);text-align:center;justify-items:center;gap:7px;padding:12px 5px;font-size:.68rem;display:grid}.analysis-steps li:after{z-index:-1;background:var(--rf-border);content:"";width:calc(100% + 12px);height:1px;margin-top:-36px;position:relative}.analysis-steps li span{border:1px solid var(--rf-border);background:var(--rf-bg);width:34px;height:34px;color:var(--rf-accent);border-radius:50%;place-items:center;display:grid}.analysis-steps li[data-complete=true]{color:var(--rf-text)}.analysis-steps li[data-complete=true] span{border-color:var(--rf-success);color:var(--rf-success)}.analysis-steps li[data-current=true] span{box-shadow:0 0 0 4px #d1ad591f}.analysis-selector{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:32px;display:grid}.analysis-selector h2{margin:7px 0}.analysis-selector p{color:var(--rf-text-muted)}.analysis-selector__controls{align-content:center;gap:8px;display:grid}.analysis-selector select{border:1px solid var(--rf-border-strong);border-radius:var(--rf-radius-sm);width:100%;min-height:46px;color:var(--rf-text);font:inherit;background:#06131d;padding:10px 12px}.moment-list{gap:16px;margin-top:22px;display:grid}.moment-list>article{border-radius:var(--rf-radius-md);background:#051119ad;border:1px solid #16859f59;padding:22px}.moment-list article>header{align-items:center;gap:14px;display:flex}.moment-list h3{margin:4px 0}.moment-list h4{margin-bottom:8px}.moment-list ul{gap:8px;padding:0;list-style:none;display:grid}.moment-list li{border-left:2px solid var(--rf-accent);background:#d1ad590d;gap:3px;padding:12px;display:grid}.moment-list li :is(span,small){color:var(--rf-text-muted)}.moment-index{border:1px solid var(--rf-accent);width:38px;height:38px;color:var(--rf-accent-soft);flex:0 0 38px;place-items:center;display:grid;transform:rotate(45deg)}.moment-index+div{margin-left:5px}.moment-list details{color:var(--rf-text-muted);margin-top:16px}.moment-list summary{min-height:44px;color:var(--rf-accent-soft);cursor:pointer;align-items:center;display:flex}.timeline-track{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;margin-top:24px;display:grid}.timeline-track article{border-top:3px solid var(--rf-blue);background:#16859f14;gap:3px;padding:14px;display:grid}.timeline-track :is(time,span,small){color:var(--rf-text-muted);font-size:.72rem}@media (max-width:900px){.product-grid--three,.metric-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.riot-identity{grid-template-columns:auto minmax(0,1fr)}.riot-identity>.product-link{grid-column:1/-1}.analysis-selector,.profile-portrait>header{grid-template-columns:1fr}}@media (max-width:720px){.app-header{padding-inline:14px}.app-header__top{flex-wrap:wrap}.nav-toggle{order:2;display:block}.account-menu{order:3}.app-navigation{border-top:1px solid var(--rf-border);flex-direction:column;align-items:stretch;display:none}.app-navigation.is-open{display:flex}.app-navigation a{justify-content:flex-start}.account-navigation{position:fixed;top:68px;right:14px}.product-page{padding-inline:14px}.product-grid--three,.product-grid--two,.metric-cards,.setup-progress ol,.rating-panel,.balance-board{grid-template-columns:1fr}.setup-progress>div,.section-heading,.balance-preview>header,.product-callout,.riot-identity,.rank-sync-panel,.compatibility-anchor{flex-direction:column;align-items:flex-start}.riot-identity{display:flex}.balance-versus{text-align:center}.match-card>header,.match-card>header>div{flex-direction:column;align-items:flex-start}.match-card dl{grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.analysis-steps li:after{display:none}.profile-portrait__workspace{grid-template-columns:1fr}}@media (max-width:420px){.app-header{padding-inline:10px}.app-header__top{flex-wrap:nowrap;gap:8px;min-height:60px}.app-header__top .brand{letter-spacing:.08em;white-space:nowrap;width:auto;min-width:0;font-size:.82rem}.app-header__top .brand span{font-size:1rem}.app-header__top .brand small{display:none}.nav-toggle{flex:0 0 44px;padding:0}.account-menu{flex:none}.account-entry{gap:0}.account-entry a{padding-inline:10px}.account-entry a:last-child{display:none}.account-navigation{width:auto;top:62px;left:10px;right:10px}.product-actions>*,.product-link{width:100%}.match-card dl{grid-template-columns:1fr}.analysis-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.app-header{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (forced-colors:active){.product-card,.product-section,.demo-panel,.match-card,.riot-identity,.rank-sync-panel,.compatibility-anchor,.balance-preview{border:1px solid canvastext}.rank-crest{clip-path:none;border:2px solid highlight}}