:root{color-scheme:dark;--bg:#101210;--surface:#181b18;--subtle:#1e221e;--line:#303630;--text:#f2f4ed;--muted:#a0aaa0;--faint:#7e8a7f;--accent:#c5ed78;--accent-text:#17200d;--hover:#242b21;--hero:#171c15;--shadow:0 20px 60px #0008}
html[data-theme=light]{color-scheme:light;--bg:#f2f4ef;--surface:#fff;--subtle:#f3f5f0;--line:#dce2d8;--text:#1b251c;--muted:#626f63;--faint:#768476;--accent:#567b2a;--accent-text:#fff;--hover:#edf3e6;--hero:#e7eddf;--shadow:0 20px 60px #16221625}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;transition:background .2s,color .2s}button,input{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.shell{width:min(1260px,calc(100% - 72px));margin-inline:auto}
.site-header{background:var(--bg);border-bottom:1px solid var(--line)}.header-inner{height:76px;display:flex;align-items:center;gap:48px}.brand{display:flex;flex:none}.brand img{width:173px;height:43px;object-fit:contain;object-position:left}html[data-theme=light] .brand img{filter:brightness(.4)}.main-nav{display:flex;gap:34px;align-self:stretch;flex:1}.nav-link{display:flex;align-items:center;position:relative;color:var(--muted);text-decoration:none;font-weight:600;font-size:13px}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-link.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent)}.header-caption{font-size:10px;font-weight:700;letter-spacing:.07em;color:var(--faint);white-space:nowrap}.header-caption span{color:var(--line);padding:0 4px}.icon-button{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text)}.icon-button:hover{border-color:var(--faint)}.icon-button svg{width:18px;height:18px}.moon-icon{display:none}html[data-theme=light] .moon-icon{display:block}html[data-theme=light] .sun-icon{display:none}
.intro{min-height:259px;margin-top:30px;padding:37px 42px;display:flex;align-items:end;justify-content:space-between;gap:45px;border:1px solid var(--line);background:var(--hero);position:relative;overflow:hidden}.intro:after{content:'';position:absolute;top:-110px;right:18%;width:360px;height:360px;border:1px solid var(--accent);border-radius:50%;opacity:.07;box-shadow:0 0 0 50px var(--hero),0 0 0 51px var(--accent),0 0 0 100px var(--hero),0 0 0 101px var(--accent);pointer-events:none}.intro-copy,.intro-stats{position:relative;z-index:1}.intro-copy{max-width:590px}.eyebrow,.section-overline{margin:0;color:var(--accent);font-size:10px;font-weight:750;letter-spacing:.12em}.status-dot,.count-dot,.caption-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:7px;vertical-align:1px}.intro h1{font-size:clamp(35px,4vw,51px);line-height:1.05;letter-spacing:-.055em;margin:17px 0 14px}.intro h1 span{color:var(--accent)}.intro-copy>p:last-child{color:var(--muted);margin:0;max-width:450px;line-height:1.7}.intro-stats{display:flex;align-items:end;gap:35px;padding-bottom:2px;flex:none}.intro-stats>div:not(.intro-stats-mark){border-left:1px solid var(--line);padding-left:20px;min-width:110px}.intro-stats span,.intro-stats small{display:block;font-size:10px;color:var(--muted)}.intro-stats span{font-weight:700;letter-spacing:.06em;white-space:nowrap}.intro-stats strong{display:block;font-size:30px;line-height:1.3;letter-spacing:-.05em;margin-top:7px}.intro-stats-mark{color:var(--accent);font-size:28px;align-self:start;line-height:1}
.demo-notice,.rules-intro{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);padding:15px 18px;color:var(--muted);font-size:13px}.demo-notice{margin-top:24px}.demo-notice strong,.rules-intro strong{color:var(--text)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:47px 0 21px}.section-overline{color:var(--faint);font-size:10px;letter-spacing:.1em}.section-heading h2{font-size:28px;letter-spacing:-.04em;line-height:1.2;margin:7px 0 5px}.section-heading>div>p:last-child{font-size:13px;color:var(--muted);margin:0}.accent-period{color:var(--accent)}.list-count{font-size:12px;color:var(--muted);white-space:nowrap;padding-bottom:3px}.list-count strong{color:var(--text);font-size:13px}.count-dot{width:6px;height:6px}
.list-layout{display:grid;grid-template-columns:355px minmax(0,1fr);gap:18px;align-items:start}.level-sidebar,.detail-panel,.leaderboard-panel{border:1px solid var(--line);background:var(--surface);overflow:hidden}.sidebar-top{padding:20px 18px 17px;border-bottom:1px solid var(--line)}.sidebar-title{display:flex;justify-content:space-between;align-items:center}.panel-label{font-weight:750;font-size:13px}.panel-label span{display:inline-grid;place-items:center;margin-left:5px;color:var(--muted);font-size:10px;border:1px solid var(--line);border-radius:3px;min-width:24px;height:21px}.sidebar-hint{font-size:9px;color:var(--faint);letter-spacing:.06em;font-weight:700}.search-box{margin-top:15px;height:42px;display:flex;align-items:center;gap:9px;padding:0 11px;background:var(--bg);border:1px solid var(--line);border-radius:4px;color:var(--faint)}.search-box:focus-within{border-color:var(--accent)}.search-box svg{width:16px;height:16px;flex:none}.search-box input{background:none;border:0;outline:0;color:var(--text);width:100%;min-width:0;font-size:12px}.search-box input::placeholder{color:var(--faint)}.search-shortcut{border:1px solid var(--line);border-radius:3px;padding:0 5px;font-size:11px}.level-list{min-height:120px;max-height:740px;overflow-y:auto;scrollbar-color:var(--line) transparent;scrollbar-width:thin}.level-item{width:100%;min-height:76px;display:flex;align-items:center;text-align:left;gap:12px;background:none;color:var(--text);border:0;border-bottom:1px solid var(--line);padding:12px 16px;position:relative}.level-item:last-child{border-bottom:0}.level-item:hover,.level-item.active{background:var(--hover)}.level-item.active:before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}.level-rank{font-weight:750;font-size:12px;color:var(--faint);width:22px;flex:none;font-variant-numeric:tabular-nums}.level-item.active .level-rank{color:var(--accent)}.level-thumb{width:54px;height:38px;overflow:hidden;flex:none;background:var(--subtle);border:1px solid var(--line)}.level-thumb img{display:block;width:100%;height:100%;object-fit:cover}.level-info{min-width:0;flex:1}.level-name{font-weight:700;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.level-creator{display:block;color:var(--faint);font-size:11px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-speed{color:var(--muted);font-weight:700;font-size:11px;white-space:nowrap}.level-item.active .list-speed{color:var(--accent)}
.detail-panel{min-height:410px;scroll-margin-top:18px}.detail-topline{display:flex;justify-content:space-between;gap:10px;color:var(--faint);font-size:9px;letter-spacing:.1em;font-weight:700;padding:15px 26px;border-bottom:1px solid var(--line)}.detail-head{padding:26px;display:flex;justify-content:space-between;gap:16px;align-items:center}.detail-heading-group{display:flex;align-items:center;gap:19px;min-width:0}.detail-heading-group>div{min-width:0}.detail-title{overflow-wrap:anywhere}.detail-rank-large{color:var(--accent);font-size:30px;font-weight:800;letter-spacing:-.06em;padding-right:19px;border-right:1px solid var(--line)}.detail-rank{color:var(--accent);font-weight:750;font-size:11px;letter-spacing:.05em}.detail-title{font-size:27px;letter-spacing:-.04em;line-height:1.2;margin:5px 0}.detail-subtitle{color:var(--muted);font-size:12px}.speed-badge{display:inline-block;margin-left:6px;color:var(--accent);border:1px solid var(--line);border-radius:3px;background:var(--subtle);padding:4px 7px;vertical-align:middle;font-size:11px;font-weight:750;letter-spacing:0}.points-box{text-align:right;flex:none}.points-box strong{display:block;font-size:23px;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.points-caption{font-size:11px;color:var(--faint)}.detail-label{color:var(--faint);font-size:10px;font-weight:750;letter-spacing:.07em}.detail-body{padding:0 26px 26px}.video-wrap{width:100%;aspect-ratio:16/9;background:#0c0e0c;position:relative;overflow:hidden;border:1px solid var(--line)}.video-wrap iframe{width:100%;height:100%;border:0}.video-placeholder{height:100%;display:flex;justify-content:center;align-items:center;color:#9ca49b;background:#171b18}.video-emblem,.video-corner{display:none}.video-label{font-size:12px}.video-caption{display:flex;justify-content:space-between;color:var(--faint);font-size:9px;letter-spacing:.08em;font-weight:700;padding:10px 0}.video-caption a{color:var(--muted);text-decoration:none}.video-caption a:hover{color:var(--accent)}.caption-dot{width:5px;height:5px}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin-top:10px}.detail-stat{padding:17px;min-width:0}.detail-stat+.detail-stat{border-left:1px solid var(--line)}.detail-value{display:block;font-weight:650;margin-top:6px;overflow-wrap:anywhere}.copy-button{border:0;background:none;color:var(--accent);padding:2px 5px;font-size:11px}.copy-button:hover{text-decoration:underline}.records-header{display:flex;align-items:end;justify-content:space-between;margin:32px 0 15px}.records-header h3{font-size:17px;letter-spacing:-.02em;margin:5px 0 0}.records-header>span{color:var(--faint);font-size:9px;font-weight:700;letter-spacing:.07em}.record-count{font-size:11px;color:var(--muted);font-weight:600;margin-left:5px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left}.records-table th,.standings-table th{color:var(--faint);font-size:10px;letter-spacing:.05em;padding:12px 14px;background:var(--subtle);white-space:nowrap;font-weight:700}.records-table td,.standings-table td{border-bottom:1px solid var(--line);padding:14px;font-size:13px}.records-table tr:last-child td{border-bottom:0}.record-link{color:var(--accent);text-decoration:none;font-weight:650}.record-link:hover{text-decoration:underline}.empty-state{padding:36px 20px;text-align:center;color:var(--muted);font-size:13px}.empty-detail{min-height:410px;display:grid;place-items:center}
.table-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 24px}.table-heading p{color:var(--muted);font-size:12px;margin:4px 0 0}.player-search{margin:0;width:220px}.standings-table th,.standings-table td{padding:13px 24px}.standings-table tbody tr:hover{background:var(--hover)}.standing-rank{color:var(--faint);font-weight:750;font-size:12px}.standing-rank.top-rank{color:var(--accent)}.player-button{border:0;padding:0;background:none;color:var(--text);font-weight:700;display:inline-flex;align-items:center;gap:12px;text-align:left}.player-button:hover{color:var(--accent)}.player-avatar{width:34px;height:34px;display:grid;place-items:center;background:var(--subtle);border:1px solid var(--line);color:var(--accent);font-weight:750}.player-arrow{color:var(--faint);font-size:12px}.standing-points{font-weight:700;font-variant-numeric:tabular-nums}.leaderboard-footer{padding:16px 24px;color:var(--faint);font-size:11px}
.rules-intro p{margin:5px 0 0}.rules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px}.rule-card{background:var(--surface);border:1px solid var(--line);padding:25px}.rule-number{font-weight:750;font-size:11px;color:var(--accent)}.rule-card h3{font-size:17px;letter-spacing:-.02em;margin:20px 0 9px}.rule-card p{color:var(--muted);margin:0;line-height:1.75}.site-footer{border-top:1px solid var(--line);margin-top:80px;padding:25px 0 35px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--faint);font-size:11px}.site-footer div{display:flex;align-items:center;gap:12px}.site-footer strong{font-size:16px;color:var(--text);letter-spacing:-.05em}.player-dialog{border:1px solid var(--line);background:var(--surface);color:var(--text);width:min(540px,calc(100% - 32px));max-height:80vh;padding:26px;box-shadow:var(--shadow)}.player-dialog::backdrop{background:#000b}.modal-header{display:flex;justify-content:space-between;gap:15px}.modal-header h2{font-size:26px;letter-spacing:-.04em;margin:5px 0}.modal-header p{color:var(--muted);margin:0}.modal-label{font-size:10px;font-weight:750;letter-spacing:.08em}.player-completions{margin-top:24px}.completion-row{width:100%;background:none;color:var(--text);display:flex;text-align:left;align-items:center;gap:14px;border:0;border-top:1px solid var(--line);padding:15px 0}.completion-row:hover{color:var(--accent)}.completion-name{flex:1;font-weight:700}.completion-points{color:var(--accent);font-size:11px;font-weight:700;white-space:nowrap}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--accent);color:var(--accent-text);padding:10px 16px;border-radius:4px;font-weight:700;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:10}.toast.visible{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){.header-caption{display:none}.intro-stats{gap:20px}.intro-stats-mark{display:none}.list-layout{grid-template-columns:310px minmax(0,1fr)}.level-thumb{width:46px;height:34px}}
@media(max-width:750px){.shell{width:calc(100% - 32px)}.header-inner{height:auto;min-height:66px;flex-wrap:wrap;gap:0}.brand{flex:1}.brand img{width:155px}.theme-toggle{order:2}.main-nav{order:3;width:100%;height:44px;justify-content:center;flex:none;gap:32px}.intro{margin-top:16px;padding:28px 24px;min-height:0;display:block}.intro h1{font-size:38px}.intro-stats{margin-top:27px;gap:24px}.intro-stats>div:not(.intro-stats-mark){padding-left:12px;min-width:0}.intro-stats strong{font-size:23px}.intro-stats small{font-size:9px}.section-heading{margin-top:36px;align-items:end}.section-heading h2{font-size:25px}.list-layout{grid-template-columns:1fr}.level-list{max-height:320px}.level-thumb{width:54px;height:38px}.detail-topline{padding:13px 20px}.detail-head{padding:21px 20px}.detail-rank-large{font-size:25px;padding-right:13px}.detail-heading-group{gap:13px}.detail-title{font-size:22px}.points-box strong{font-size:19px}.detail-body{padding:0 20px 22px}.details-grid{grid-template-columns:1fr}.detail-stat+.detail-stat{border-left:0;border-top:1px solid var(--line)}.detail-stat{padding:12px 14px}.rules-grid{grid-template-columns:1fr}.site-footer{flex-direction:column;align-items:start;gap:6px;margin-top:55px}.table-heading{align-items:start;flex-direction:column}.player-search{width:100%}.standings-table th,.standings-table td{padding:13px}.records-header>span{font-size:8px}}
@media(max-width:380px){.intro h1{font-size:32px}.detail-head{align-items:start;flex-direction:column}.points-box{text-align:left}.section-heading{align-items:start}.section-heading>div>p:last-child{font-size:12px}.completion-row{gap:8px}.completion-points{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}