@font-face{font-family:Inter;src:url('../assets/Inter-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url('../assets/Inter-Medium.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:Inter;src:url('../assets/Inter-SemiBold.ttf') format('truetype');font-weight:600 900;font-display:swap}
@property --edge-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
:root{color-scheme:dark;--bg:#080b1b;--surface:rgba(12,16,33,.91);--surface-soft:#11162c;--line:#c0c4ff24;--text:#f4f1ed;--muted:#b3b8d0;--subtle:#8d94b6;--blue:#5267f8;--violet:#ad75ff;--gold:#f7d18d;--positive:#6bd4c0;--negative:#e87882;--color-muted:var(--muted);--color-text-soft:var(--text);--color-border:var(--line);--color-success:var(--positive);--color-info:#a9b4ff;--color-brand:var(--violet);--color-warning:var(--gold);font-family:Inter,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.6;overflow-x:clip}button,input,select,textarea{font:inherit}button,a,input,select,summary{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled,input:disabled,select:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}h1,h2,h3,p,dl{margin:0}h1,h2,h3{line-height:1.1;font-weight:600;letter-spacing:-.045em}h1{font-size:clamp(36px,4.4vw,58px)}h2{font-size:28px}h3{font-size:20px}p{color:var(--muted)}em{font-style:normal;color:#cbb4ff}strong{font-weight:600}small{font-size:12px}ol,ul{margin:0;padding:0;list-style:none}dd{margin:0}img,svg,canvas{max-width:100%}button,input,select{min-height:44px;border-radius:10px;border:1px solid #9eabdf40;color:var(--text);background:#11162c;padding:10px 14px}input::placeholder{color:#9aA3c1}select{max-width:100%;padding-right:32px}option{background:#11162c;color:var(--text)}button{transition:background .2s,border-color .2s,transform .2s}button:hover,a.button-primary:hover{background:#26345c;border-color:#bcb2ff80}button:active{transform:translateY(1px)}a:hover{color:#d8cbff}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #c4b5ff;outline-offset:4px}label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted)}time{font-variant-numeric:tabular-nums}details{border:1px solid var(--line);border-radius:16px;padding:18px 22px;background:#0d1125df}summary{cursor:pointer;list-style:none;font-weight:500;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:28px}summary:after{content:'+';color:var(--violet);font-size:20px}details[open]>summary:after{content:'−'}summary>span{display:none}details p{margin-top:16px;max-width:80ch}details h3{font-size:16px;margin-top:22px}details>div{margin-top:18px}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:16px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}thead th,table>tr:first-child th{font-size:11px;font-weight:500;letter-spacing:.06em;color:var(--muted)}caption{text-align:left;padding:12px;color:var(--muted)}.site-shell{width:min(1240px,100% - 80px);margin:auto;position:relative;z-index:1}.site-header{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #b8adff25}.brand{display:flex;gap:24px;align-items:center;flex:none}.brand img{width:100px;height:auto}.brand>span{font-size:11px;letter-spacing:.04em;color:var(--muted);border-left:1px solid var(--line);padding-left:24px}.site-nav{display:flex;align-items:center;gap:24px;font-size:12px;font-weight:500}.site-nav-link{padding:35px 0;position:relative;color:#c5c5de}.site-nav-link.active{color:var(--text)}.site-nav-link.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--violet);box-shadow:0 0 15px #ad75ff90}.site-menu-toggle{display:none}.section-eyebrow,.eyebrow{font-size:10px;font-weight:600;letter-spacing:.18em;line-height:1.6;color:#beb3e2;text-transform:uppercase}.skip-link,.directory-skip,.profile-skip,.compare-skip{position:fixed;top:10px;left:10px;transform:translateY(-150%);z-index:100;background:#1e2547;padding:12px}.skip-link:focus{transform:none}main{min-height:65vh}.page-intro,.directory-intro,.ranking-intro,.records-intro,.compare-heading{padding:64px 0 40px;display:flex;align-items:end;justify-content:space-between;gap:40px}.page-intro{display:block}.page-intro h1,.directory-intro h1,.ranking-intro h1,.records-intro h1,.compare-heading h1{margin:14px 0 18px}.page-intro>p:last-child,.directory-intro>div>p:last-child,.ranking-intro>div>p:last-child,.records-intro>div>p:last-child,.compare-heading>div>p:last-child{font-size:16px}.directory-context,.records-context,.revision{font-size:11px;color:var(--muted)}.revision{display:grid;gap:5px;flex:none;text-align:right}.revision>span:first-child{color:#c4b4ff}.revision>span:nth-child(2){font-size:10px;letter-spacing:.08em;text-transform:uppercase}.section-heading,.home-section-heading,.history-heading,.record-history-heading,.results-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.section-heading h2,.home-section-heading h2,.history-heading h2,.record-history-heading h2{margin-top:8px}.section-heading>span{color:var(--muted);font-size:12px}.segmented{display:flex;gap:4px;flex-wrap:wrap;width:fit-content;padding:5px;border:1px solid var(--line);border-radius:13px;background:#0c1021e8}.segmented button{background:transparent;border:0;border-radius:8px;padding:9px 20px;font-size:12px}.segmented button[aria-pressed=true]{background:#5267f82d;color:#e2ddff;box-shadow:inset 0 0 0 1px #a18aff55}.period-controls{display:flex;align-items:end;flex-wrap:wrap;gap:20px}.period-range{font-size:11px;flex:1;min-width:160px}.button-primary{display:inline-flex;gap:26px;align-items:center;padding:14px 20px;min-height:48px;border-radius:10px;border:1px solid #bab0ff70;background:linear-gradient(120deg,#5267f8aa,#9655ce70);color:var(--text)!important;font-weight:500}.button-primary span{font-size:20px}.mirada-footer{margin:72px 0 20px;padding:28px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;align-items:center;font-size:11px;color:var(--muted)}.mirada-footer>div{display:flex;align-items:center;gap:14px}.mirada-footer p{text-align:right}.mirada-footer a{display:inline-block;margin-top:6px;text-decoration:underline;text-underline-offset:3px}.design-tools{display:flex;gap:24px;align-items:center;justify-content:center;padding:14px;margin:0 auto 25px;font-size:11px;color:var(--muted);flex-wrap:wrap}.design-tools button{font-size:11px;min-height:34px;padding:7px 12px}.aurora-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.aurora-fallback{position:fixed;inset:0;z-index:0;background:#080b1b url('../assets/log-aurora.webp') center/cover;pointer-events:none}body:after{content:'';position:fixed;inset:0;background:linear-gradient(#080b1b18,#080b1b60);pointer-events:none;z-index:0}body[data-page=ranking]:after,body[data-page=players]:after,body[data-page=privacy]:after{background:#080b1b65}.light-edge{position:relative;isolation:isolate;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 24px 60px #05061540}.light-edge:before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--edge-angle),transparent 0 75%,#5267f8c0 81%,#d6b8ffdc 86%,transparent 93%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;animation:edge-travel var(--edge-speed,8s) linear infinite;z-index:2}.light-edge:nth-child(2n){--edge-speed:7s}.light-edge:nth-child(3n){--edge-speed:9s}.rise-in{animation:rise-in .7s cubic-bezier(.16,1,.3,1) both}.positive,[data-direction=up]{color:var(--positive)}[data-direction=down]{color:var(--negative)}.ambient-paused *,.ambient-paused *:before,.ambient-paused *:after{animation-play-state:paused!important}.scene-atmosphere,.surface-art{display:none}.select-source{display:none}#dataLoadError{padding:24px;border:1px solid var(--negative);border-radius:18px;background:#25152c;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0}#dataLoadError p{color:#f5dce3}#dataLoadError button{flex:none}@keyframes edge-travel{to{--edge-angle:360deg}}@keyframes rise-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes slow-orbit{to{transform:rotate(360deg)}}
@media(max-width:1100px){.brand>span{display:none}.site-nav{gap:18px}.site-shell{width:calc(100% - 48px)}}@media(max-width:760px){.site-shell{width:calc(100% - 36px)}.site-header{min-height:80px}.brand img{width:86px}.site-menu-toggle{display:block;font-size:12px;min-height:40px}.site-nav{display:none;position:absolute;top:80px;left:0;right:0;background:#0c1021f7;backdrop-filter:blur(24px);border:1px solid var(--line);border-radius:16px;padding:12px;z-index:50;flex-direction:column;align-items:stretch;gap:0}.menu-open .site-nav{display:flex}.site-nav-link{padding:13px 16px}.site-nav-link.active{background:#ad75ff18;border-radius:10px}.site-nav-link.active:after{display:none}.page-intro,.directory-intro,.ranking-intro,.records-intro,.compare-heading{padding:40px 0 28px;display:block}.directory-context,.records-context{display:inline-block;margin-top:12px}.revision{text-align:left;margin-top:24px}.section-heading,.home-section-heading,.history-heading,.record-history-heading{align-items:start;flex-wrap:wrap}.section-heading>span{display:none}h2{font-size:24px}.mirada-footer{margin-top:44px}.design-tools{gap:12px;font-size:10px}.period-controls{gap:12px}.period-controls label{flex:1;min-width:110px}.period-controls select{width:100%}.period-range{flex-basis:100%}.segmented button{padding:9px 12px}.segmented{max-width:100%}#dataLoadError{align-items:start;flex-direction:column}.reading-guide-content{display:grid;gap:12px}details{padding:16px}.site-nav-link:focus-visible{outline-offset:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.ambient-sleep *,.ambient-sleep *:before,.ambient-sleep *:after{animation-play-state:paused!important}
/* Shared nine-second rhythm: light moves around stable content. */
.light-edge:before{animation-duration:9s;animation-delay:var(--motion-delay,0s);background:conic-gradient(from var(--edge-angle),transparent 0 61%,#5267f850 70%,#899dffdc 80%,#dfbaff 85%,#ad75ff80 90%,transparent 97%);filter:drop-shadow(0 0 3px #ad75ff50)}
body:after,body[data-page=ranking]:after,body[data-page=players]:after{background:linear-gradient(160deg,#080b1b12,#080b1b38)}
.aurora-fallback{inset:-8%;animation:aurora-breathe 18s ease-in-out infinite alternate;transform-origin:center;will-change:transform}
@keyframes aurora-breathe{from{transform:scale(1.04) translate(-2%,-1%) rotate(-2deg);filter:hue-rotate(-8deg)}to{transform:scale(1.16) translate(2%,2%) rotate(2deg);filter:hue-rotate(12deg)}}
.mirada-eye{display:block;overflow:visible;flex:none}.brand>.mirada-eye{width:100px;height:auto}.mirada-footer .mirada-eye{width:32px;height:32px}.signal-core>.mirada-eye{width:70px;height:70px;transform:rotate(12deg)}
.eye-spark{transform-box:fill-box;transform-origin:center;animation:eye-attention 9s ease-in-out infinite;filter:drop-shadow(0 0 2px #ad75ff80)}
.eye-frame{transform-origin:32px 32px;animation:eye-blink 18s ease-in-out infinite}
@keyframes eye-attention{0%,65%,100%{transform:scale(1);filter:drop-shadow(0 0 2px #ad75ff80)}72%,80%{transform:scale(1.18);filter:drop-shadow(0 0 5px #b393ff)}86%{transform:scale(.25,1)}89%{transform:scale(1)}}
@keyframes eye-blink{0%,87%,94%,100%{transform:scaleY(1)}90%{transform:scaleY(.70)}}
.signal-orbit{animation:signal-turn 18s linear infinite}.signal-orbit:nth-child(2){animation-direction:reverse;animation-duration:27s}.signal-core{animation:signal-breathe 9s ease-in-out infinite}
@keyframes signal-turn{from{transform:rotate(-30deg)}to{transform:rotate(330deg)}}
@keyframes signal-breathe{0%,100%{box-shadow:0 0 60px #9675ff26;transform:rotate(-12deg) translateY(0)}50%{box-shadow:0 0 110px #9675ff55;transform:rotate(-9deg) translateY(-5px)}}
.directory-head,.record-symbol,.compare-vs{animation:identity-breathe 9s ease-in-out infinite;animation-delay:var(--motion-delay,0s)}
.directory-head img,.record-owner .record-head,.portrait-fallback{animation:identity-float 9s ease-in-out infinite;animation-delay:var(--motion-delay,0s)}
@keyframes identity-breathe{0%,100%{box-shadow:0 0 0 #987bff00}50%{box-shadow:0 0 24px #987bff30}}
@keyframes identity-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.ranking-row:not(.ranking-podium-card){position:relative;isolation:isolate}.ranking-row:not(.ranking-podium-card):before{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#a5aaff90,#cfb3ff,transparent);background-size:40% 100%;background-repeat:no-repeat;animation:row-current 9s linear infinite;animation-delay:var(--motion-delay,0s);pointer-events:none}.ranking-row:not(.ranking-podium-card):hover{background-color:#a795ff0d}
@keyframes row-current{0%{background-position:-65% 0;opacity:.25}40%,70%{opacity:.85}100%{background-position:165% 0;opacity:.25}}
.comparison-metric .bar-fill,.comparison-metric [class*=fill],.mastery-track>span{background-size:200% 100%;animation:material-flow 9s linear infinite}
@keyframes material-flow{0%{filter:brightness(1)}50%{filter:brightness(1.25)}100%{filter:brightness(1)}}
@media(max-width:760px){.brand>.mirada-eye{width:86px}.signal-core>.mirada-eye{width:58px;height:58px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.aurora-fallback{transform:none;filter:none}}

.motion-out-of-view,.motion-out-of-view *, .motion-out-of-view:before,.motion-out-of-view:after{animation-play-state:paused!important}

.result-track i{animation:material-flow 9s ease-in-out infinite;animation-delay:var(--motion-delay,0s)}
.ranking-row:not(.ranking-podium-card) .ranking-head{animation:identity-float 9s ease-in-out infinite;animation-delay:var(--motion-delay,0s)}
.ranking-podium-card .ranking-head{animation-duration:9s;animation-delay:var(--motion-delay,0s)}
/* Reveal is opt-in through JS: no script means the page stays fully readable. */
.reveal-pending{opacity:0!important;animation-play-state:paused!important}
.reveal-pending *,.reveal-pending:before,.reveal-pending:after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.reveal-pending{opacity:1!important}}
@media print{.reveal-pending{opacity:1!important}}

/* More visible aurora motion when the texture renderer is unavailable. */
.aurora-fallback{inset:-13%;animation-duration:13s}@keyframes aurora-breathe{from{transform:scale(1.06) translate(-4%,-2%) rotate(-3deg);filter:hue-rotate(-8deg)}to{transform:scale(1.18) translate(4%,3%) rotate(3deg);filter:hue-rotate(12deg)}}