/* NFSU Records: night streets, timing boards and photo contact sheets */
:root{--radius:5px;--accent:#c6f64c;--muted:#a8afb1;--line:#ffffff20;--panel:#101416}
html{scroll-padding-top:96px}
body{isolation:isolate;background:#090c0e}
.city-backdrop{position:fixed;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(180deg,#090c0e66,#090c0ef5 78%),url('/assets/city-panorama-v2.webp') center 30%/cover no-repeat;opacity:.15}
.shell{width:min(1360px,calc(100% - 80px))}
.site-header{background:#090c0eef;border-bottom-color:#ffffff18}
.header-inner{height:80px;max-width:1440px}
.primary-nav a[aria-current]:after{bottom:-29px;height:2px}
.header-action{border-radius:3px;background:#c6f64c05}
.brand img{filter:drop-shadow(0 0 12px #c6f64c13)}
.brand b{letter-spacing:-.03em}
.field>span,.button,.text-link,.mode-tab,.segmented,.admin-nav a{font-size:14px}
.field input,.field select,.field textarea{border-radius:3px;min-height:46px;background-color:#090d0f}
.field input:focus,.field select:focus{border-color:var(--accent)}
.button{border-radius:3px;position:relative;overflow:hidden;min-height:46px;font-weight:700}
.button:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#fff5 50%,transparent 80%);transform:translateX(-120%);opacity:0;pointer-events:none}
.button:hover:after{opacity:0}
.button:hover{box-shadow:0 0 24px #c6f64c18;transform:none}
.button.secondary{border-color:#ffffff30;background:#101619aa}
.button.secondary:hover{background:#c6f64c0b}
.eyebrow{font-size:12px;letter-spacing:1.3px}
.muted-note,.field-hint,.art-note,.catalog-note{font-size:13px;line-height:1.7}
.panel,.rule-card,.stat-card,.player-card,.category-item,.result-hero{border-radius:4px}
.page-heading h1{font-size:clamp(30px,3.3vw,48px)}
.page-heading p,.login-wrap p,.rule-card p,.rule-card li{font-size:16px}
.page-heading .eyebrow{font-size:12px}
.text-link{text-decoration:underline;text-underline-offset:5px;text-decoration-color:#ffffff3a}
.text-link:hover{text-decoration-color:var(--accent)}
.section-heading{margin:36px 0 16px;align-items:center}
.section-heading h2{font-size:26px;letter-spacing:-.02em}
.edition-line{font-size:12px;font-weight:700;letter-spacing:1.6px;color:#d1d6cc;display:flex;align-items:center;gap:12px}
.masthead{position:relative;isolation:isolate;overflow:hidden;height:238px;margin:26px 0 28px;background:#101619;border-bottom:2px solid #9aac6c;border-radius:3px}
.masthead:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101517 0%,#101517f5 28%,#10151730 65%,#10151708),linear-gradient(0deg,#0c1113b0,transparent 45%)}
.masthead-art{position:absolute;inset:0 0 0 auto;width:77%;height:100%;object-fit:cover;object-position:50% 59%;z-index:-2}
.masthead-copy{padding:30px 36px 18px}
.masthead h1{font-size:clamp(32px,3.4vw,48px);line-height:1.13;margin-top:17px;letter-spacing:-.045em;text-transform:uppercase;font-weight:600}
.masthead h1 em{color:var(--accent);font-style:normal}
.masthead-data{position:absolute;left:36px;bottom:21px;display:flex;align-items:center;gap:25px;color:#bac0bd;font-size:13px}
.masthead-data b{font-size:17px;color:var(--text);margin-right:4px;font-variant-numeric:tabular-nums}
.masthead-data>span+span{border-left:1px solid #ffffff28;padding-left:25px}
.masthead-serial{position:absolute;right:24px;bottom:19px;font:700 12px monospace;letter-spacing:3px;color:#d1d5c5}
.rain-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:.15;mask-image:linear-gradient(180deg,transparent,#000 20%,#000 75%,transparent);z-index:0}
.race-workspace{display:grid;grid-template-columns:174px minmax(0,1fr);gap:26px;align-items:start}
.race-content{min-width:0}
.mode-rail{position:sticky;top:106px}
.rail-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#929e9e;margin:0 0 14px 14px}
.mode-rail nav{display:flex;flex-direction:column;gap:2px}
.rail-mode{display:flex;position:relative;gap:12px;align-items:center;min-height:60px;padding:13px 12px;border-left:2px solid #ffffff16;color:#a8b2b5;transition:background .2s,border-color .2s,color .2s;font-size:14px;font-weight:700}
.rail-mode .icon{width:21px;height:21px;display:none}
.rail-number{font:12px monospace;color:#627178}
.rail-mode:hover{background:#ffffff05;color:#fff;border-color:#a7b485}
.rail-mode.active{border-color:var(--accent);background:linear-gradient(90deg,#c6f64c19,transparent);color:var(--accent)}
.rail-mode.active .rail-number{color:var(--accent)}
.rail-help{display:flex;align-items:center;gap:9px;font-size:13px;color:#9ba7aa;margin:24px 0 0 14px}
.rail-help .icon{width:16px}
.rail-stripes{height:35px;opacity:.3;margin:30px 14px;background:repeating-linear-gradient(120deg,#aabb83 0 3px,transparent 3px 10px);mask-image:linear-gradient(90deg,#000,transparent)}
.race-filters{padding:20px 22px;background:#111719e8;border-radius:3px;margin:0 0 18px}
.race-filters .filters-main{grid-template-columns:2.1fr 1fr 1.15fr .5fr 1.35fr;gap:12px}
.race-filters .field>span{font-size:13px}
.race-filters .field select,.race-filters .field input{font-size:14px;padding-left:10px}
.filter-bottom{margin-top:12px;gap:14px}
.advanced-filters summary{font-size:14px;min-height:46px}
.advanced-filters summary:after{content:'+';font:20px monospace;color:var(--accent);margin-left:8px}
.advanced-filters[open] summary:after{content:'−'}
.advanced-grid{padding-top:14px}
.filter-summary{font-size:12px;margin-left:6px}
.advanced-grid .field>span{font-size:13px}
.check-label,.tj-fields legend{font-size:14px}
.ranking-panel{background:#0e1416ed;border-radius:3px;border-color:#394246}
.ranking-heading{padding:20px 22px;align-items:center;border-bottom:1px solid #ffffff19;position:relative}
.ranking-heading:before{content:'';position:absolute;left:-1px;top:20px;height:44px;width:3px;background:var(--accent)}
.ranking-heading h2{font-size:26px;margin-top:4px;letter-spacing:-.02em}
.ranking-heading .eyebrow{font-size:12px;margin:0;color:var(--accent)}
.ranking-conditions{font-size:13px;color:#9da9ab;margin-top:6px}
.segmented{border-radius:3px;font-size:13px;background:#090d0f;padding:3px}
.segmented a{padding:8px 11px;border-radius:1px}
.segmented a.active{color:#e6ebdc;background:#2b3333;box-shadow:inset 0 -1px #b3c58b}
.results-table th{font-size:12px;padding:13px 18px;background:#10181a}
.results-table td{padding:17px 18px;font-size:14px}
.result-number{font-family:var(--display);font-size:18px;font-weight:600;letter-spacing:-.035em}
.position{font-family:var(--display);font-size:17px;font-weight:600}
.leader-row{background:linear-gradient(90deg,#c6f64c12,#c6f64c03)}
.leader-row td:first-child{box-shadow:inset 3px 0 var(--accent)}
.results-table tbody tr:hover{background-color:#b9d0780b}
.delta,.car-name{font-size:13px}.badge{font-size:12px;border-radius:2px}
.table-foot{font-size:12px;padding:12px 20px;align-items:center;gap:14px}
.race-empty{display:flex;gap:30px;align-items:center;justify-content:center;padding:35px 24px 39px;min-height:202px}
.empty-timer{color:#4d5a54;font:600 clamp(20px,2.4vw,33px) var(--display);letter-spacing:-3px;white-space:nowrap}
.race-empty h3{font-size:20px;letter-spacing:-.025em}
.race-empty p{font-size:14px;color:var(--muted);margin:7px 0 18px}
.race-empty .button{min-height:40px;padding:8px 14px;font-size:14px}
.track-shelf{margin-top:40px}
.catalog-note{color:#9fa9a9;margin:0 0 20px}
.track-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;margin-bottom:30px}
.track-tile{min-width:0;position:relative;background:#101618;border:1px solid #ffffff20;border-radius:5px;overflow:hidden;box-shadow:0 8px 24px #0002;transition:border-color .26s ease,box-shadow .35s ease}
.track-tile:focus-within{border-color:#aec878;box-shadow:0 12px 32px #0004}
.track-cover{display:block;position:relative;height:236px;overflow:hidden;isolation:isolate;background:#141c1d}
.track-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transform:scale(1);transform-origin:center;filter:saturate(.96) brightness(.96);transition:transform .85s cubic-bezier(.22,.61,.36,1),filter .55s ease}
.track-cover:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080f13f5 0%,#080f1329 46%,transparent 76%),linear-gradient(180deg,#080c0e55,transparent 32%);z-index:1;pointer-events:none}
.track-index,.cover-link-hint,.track-name{z-index:2}
.track-index{position:absolute;top:15px;left:17px;font:600 21px var(--display);color:#f0f2e9;text-shadow:0 2px 5px #0009}
.cover-link-hint{position:absolute;right:16px;top:16px;display:grid;place-items:center;width:31px;height:31px;background:#080f1366;border:1px solid #ffffff40;border-radius:50%;color:#ecf2de;opacity:.85;transition:opacity .25s ease,border-color .25s ease}.cover-link-hint .icon{width:16px;height:16px;transform:rotate(-45deg)}
.track-name{position:absolute;left:20px;right:20px;bottom:18px}
.track-name h3{font:600 21px/1.25 var(--display);letter-spacing:-.03em;overflow-wrap:anywhere;text-shadow:0 2px 10px #000}
.track-name p{color:#c1c9c8;font-size:13px;margin-top:7px}
.cover-sheen{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(110deg,transparent 20%,#f4ffd42b 50%,transparent 80%);transform:translateX(-120%);opacity:0}
.track-leader{display:flex;align-items:center;gap:11px;min-height:86px;padding:15px 18px;border-top:1px solid #ffffff16;background:linear-gradient(110deg,#c6f64c0c,transparent 70%)}
.track-leader:hover .leader-identity strong{color:var(--accent)}
.leader-medal{font:600 24px var(--display);font-style:italic;color:var(--accent);flex:0 0 25px}
.leader-identity{display:flex;flex-direction:column;min-width:0;gap:3px;flex:1}
.leader-identity small{font-size:12px;color:#abb5b3;letter-spacing:.4px}
.leader-identity strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tile-result{text-align:right;min-width:0;max-width:49%}
.tile-result b{font:600 17px/1.5 var(--display);letter-spacing:-.04em;color:var(--accent);white-space:nowrap}
.tile-result small{display:block;color:#9ba7a9;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.no-record{background:#111719}.no-record .leader-medal{color:#52605c}.no-record strong{font-weight:400;color:#c0c7c4}
.tile-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff0d;padding:10px 18px;font-size:12px;color:#8f9d9f}
.tile-bottom a{display:inline-flex;align-items:center;gap:8px;color:#dae2d4;font-size:14px;text-decoration:none}.tile-bottom a .icon{width:13px;height:13px;transition:transform .25s ease}.tile-bottom a:hover .icon{transform:translateX(3px)}
.tile-bottom a:hover{color:var(--accent)}
.recent-strip{border-top:1px solid #ffffff24;margin:40px 0 55px}
.recent-strip .section-heading{margin-top:25px}
.recent-strip .section-heading .muted-note{margin:0}
.recent-strip .activity-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.activity-item{padding:16px 0}.activity-item strong{font-size:14px}.activity-item small{font-size:12px}.activity-result b{font-size:17px}
.recent-empty{font-size:16px;color:#97a4a4;padding:15px 0 25px}
.catalog-masthead{position:relative;isolation:isolate;overflow:hidden;min-height:224px;margin:27px 0 24px;border-bottom:2px solid #819953;background:#101719}
.catalog-masthead>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 65%;z-index:-2}
.catalog-masthead:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b1115ec,#0b111560 55%,#0b111510),linear-gradient(0deg,#0b111570,transparent)}
.catalog-masthead>div:last-child{padding:33px 36px;position:relative}
.catalog-masthead h1{font-size:52px;text-transform:uppercase;letter-spacing:-.055em;margin:14px 0 9px}
.catalog-masthead p{font-size:16px;color:#c3cbca}
.page-tracks .mode-tabs{margin:0;border-bottom:1px solid #ffffff20;gap:0}
.page-tracks .mode-tab{border:0;border-radius:0;padding:19px 12px;border-bottom:2px solid transparent}
.page-tracks .mode-tab.active{background:#c6f64c10;border-bottom-color:var(--accent);color:var(--accent)}
.page-tracks .mode-tab:hover{transform:none;background:#ffffff05}
.catalog-filters{border-bottom:1px solid #ffffff25;padding:24px 0 12px;margin:0 0 30px;background:linear-gradient(90deg,#0b1010aa,transparent)}
.catalog-format{display:grid;grid-template-columns:1.2fr 1.5fr .5fr auto;gap:16px;max-width:880px;align-items:end}
.catalog-filters .advanced-filters{margin-top:6px}
.catalog-filters .advanced-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.catalog-filter-action .button{min-width:140px}
.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:0 0 15px;scroll-margin-top:12px}
.catalog-toolbar h2{font-size:28px;letter-spacing:-.02em}
.catalog-toolbar p{font-size:13px;color:var(--muted);margin-top:5px}
.catalog-search{display:flex;gap:22px;align-items:center}.catalog-search .check-label{white-space:nowrap}
.search-bar input{border-radius:3px;min-height:46px;font-size:14px}
.art-note{font-size:12px;color:#93a0a2;margin:25px 0 40px}
.track-detail-hero{position:relative;isolation:isolate;overflow:hidden;min-height:320px;margin-top:23px;background:#101719;border-bottom:2px solid var(--accent)}
.track-detail-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.track-detail-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#071114f5,#08111435 80%)}
.track-detail-copy{position:absolute;left:35px;right:30px;bottom:31px}
.track-detail-copy h1{font-size:clamp(28px,4vw,52px);margin:14px 0 8px;text-transform:uppercase;overflow-wrap:anywhere}
.track-detail-copy p{font-size:16px;color:#bdc8c7}
.track-record-summary{display:grid;grid-template-columns:1.3fr 1fr;border-bottom:1px solid #ffffff25;background:#0d1416e8}
.track-summary-conditions{padding:32px 34px}
.track-summary-conditions h2{font-size:22px;line-height:1.5;margin:10px 0}
.track-summary-conditions p{font-size:14px;color:var(--muted)}
.track-champion{border-left:1px solid #ffffff24;padding:30px 35px;background:linear-gradient(115deg,#9ab8530e,transparent);min-width:0}
.track-champion .eyebrow{color:var(--accent)}
.track-champion .eyebrow .icon{width:18px;height:18px}
.champion-result{font:600 clamp(25px,3.5vw,40px)/1.4 var(--display);color:var(--accent);display:block;margin:16px 0;letter-spacing:-.035em}
.champion-result small{font:400 14px var(--font);margin-left:10px}
.champion-car{display:block;font-size:13px;color:var(--muted);margin:9px 0 0 46px}
.track-champion p{font-size:16px;color:#b5beb9}.champion-result.vacant{color:#526249}
.page-players .page-heading,.page-rules .page-heading{border-bottom:1px solid #ffffff20;padding-bottom:28px}
.players-grid{gap:0;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #ffffff25}
.player-card{background:#10181abc;border:0;border-bottom:1px solid #ffffff25;padding:28px;border-radius:0}
.player-card:hover{background:#b9ce8409;transform:none}
.player-card h3{font-size:21px}.player-card p{font-size:14px}
.page-rules .rule-grid{display:block}
.page-rules .rule-card{background:transparent;border:0;border-top:1px solid #ffffff24;border-radius:0;padding:30px 0 30px 190px;position:relative}
.page-rules .rule-number{position:absolute;left:0;top:36px;font-size:13px;max-width:150px;line-height:1.6}
.page-rules .rule-card h2{font-size:26px}
.page-rules .rule-card p,.page-rules .rule-card ol{max-width:880px}
.page-rules .rule-card p+p{margin-top:12px}
.callout{border-radius:0;background:#a9ca7409;font-size:16px}
.callout h3{font-size:21px}
.profile-head{padding-bottom:25px;border-bottom:1px solid #ffffff22}
.stat-cards{gap:0;border-top:1px solid #ffffff1b;border-bottom:1px solid #ffffff1b;background:#0f1717cc}
.stat-card{border:0;border-radius:0;background:none}.stat-card+.stat-card{border-left:1px solid #ffffff1b}
.stat-card span{font-size:14px}
.category-item{border:0;border-bottom:1px solid #ffffff24;border-radius:0;background:#0e1618a0;padding:21px 18px}
.category-item small{font-size:13px;line-height:1.7}
.site-footer{border-top:1px solid #74895770;padding-top:27px;margin-bottom:15px}
.footer-top p{font-size:13px;margin-left:20px;margin-right:auto}
.footer-top>a:last-child{font-size:14px}
.footer-bottom{font-size:12px;color:#919d9e}
@media(max-width:1180px){
 .shell{width:calc(100% - 44px)}
 .race-workspace{grid-template-columns:145px minmax(0,1fr);gap:18px}
 .rail-mode{padding:12px 8px;font-size:13px;gap:9px}
 .race-filters .filters-main{grid-template-columns:2fr 1fr 1.2fr}
 .race-filters .filters-main .field:nth-child(4){grid-column:2}.race-filters .filters-main .field:last-child{grid-column:1;grid-row:2}
 .race-filters .filters-main .field:first-child{grid-column:1}
 .filter-summary{display:none}
 .track-grid{gap:16px}.track-cover{height:210px}.track-name h3{font-size:19px}
 .track-leader{padding:14px 13px;gap:9px}.tile-result b{font-size:15px}
 .ranking-heading{align-items:flex-start;flex-direction:column;gap:17px}
 .footer-top{gap:20px}.footer-top p{margin-left:0}
}
@media(max-width:880px){
 .race-workspace{display:block}.mode-rail{position:static;margin-bottom:18px}.rail-label,.rail-help,.rail-stripes{display:none}
 .mode-rail nav{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.rail-mode{min-height:46px;border:1px solid #ffffff22;border-radius:2px;padding:10px;justify-content:center;font-size:14px}.rail-number{display:none}.rail-mode .icon{display:block}.rail-mode.active{border-color:#94a467;background:#c6f64c13}
 .race-filters .filters-main{grid-template-columns:2fr 1fr 1fr .5fr 1.2fr}.race-filters .filters-main .field:nth-child(4),.race-filters .filters-main .field:last-child{grid-column:auto;grid-row:auto}
 .track-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-tracks .track-tile:last-child{display:none}
 .catalog-format{grid-template-columns:1fr 1.2fr .55fr auto}
 .catalog-filter-action .button{min-width:0}
 .catalog-toolbar{align-items:flex-start}.catalog-search{gap:10px;flex-direction:column;align-items:flex-end}
 .catalog-filters .advanced-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .track-record-summary{grid-template-columns:1fr 1fr}.track-summary-conditions,.track-champion{padding:26px}
 .footer-top{flex-wrap:wrap}.footer-top p{order:3;width:auto;margin-right:auto}.footer-top>a:last-child{margin-left:auto}
}
@media(max-width:760px){
 html{scroll-padding-top:87px}
 .shell{width:calc(100% - 32px)}.header-inner{height:70px;padding:0 16px}.primary-nav{top:70px}.primary-nav a{font-size:14px;padding:12px 6px}.primary-nav a[aria-current]:after{bottom:0}.header-action{border-radius:2px}
 .masthead{height:222px;margin-top:18px;margin-bottom:20px}.masthead-copy{padding:25px 23px}.masthead .edition-line{font-size:11px;letter-spacing:1px}.masthead h1{font-size:35px;margin-top:18px;max-width:400px}.masthead-art{width:100%;object-position:67% 57%;opacity:.76}.masthead:before{background:linear-gradient(90deg,#101517e8,#10151795 52%,#10151710),linear-gradient(0deg,#0b1013cc,transparent)}
 .masthead-data{left:23px;bottom:22px;gap:15px;font-size:12px}.masthead-data>span+span{padding-left:15px}.masthead-data>span:last-child{display:none}.masthead-serial{right:18px;bottom:25px;font-size:11px;letter-spacing:1px}
 .race-filters{padding:18px 16px}.race-filters .filters-main{grid-template-columns:1fr 1fr;gap:14px 12px}.race-filters .filters-main .field:first-child{grid-column:1/-1}.race-filters .filters-main .field:nth-child(4){grid-column:auto}.race-filters .filters-main .field:last-child{grid-column:auto}.race-filters .field input,.race-filters .field select{font-size:16px}
 .filter-bottom{gap:8px}.filter-bottom .button{width:100%}.advanced-filters summary{font-size:14px}.advanced-grid{grid-template-columns:1fr 1fr}
 .ranking-heading{padding:21px 17px;gap:16px}.ranking-heading h2{font-size:25px}.ranking-heading .eyebrow{font-size:12px}.ranking-conditions{font-size:13px}.segmented{font-size:13px;max-width:100%;white-space:normal}.segmented a{padding:9px 11px}
 .race-empty{flex-direction:column;align-items:flex-start;gap:14px;padding:28px 22px}.race-empty h3{font-size:20px}.race-empty p{font-size:14px;line-height:1.6}.empty-timer{font-size:28px}
 .results-table td,.results-table th{padding:15px 12px}.results-table .player-link{font-size:14px}.results-table .avatar{width:28px;height:28px}.results-table .result-number{font-size:16px}.results-table .position{font-size:15px}
 .table-foot{font-size:12px;align-items:flex-start;padding:12px 16px;line-height:1.6}
 .section-heading{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.section-heading h2{font-size:24px}.section-heading>.text-link{font-size:14px;margin:0}
 .track-shelf{margin-top:32px}.track-grid{gap:13px}.track-cover{height:200px}.track-name{left:15px;right:15px;bottom:16px}.track-name h3{font-size:18px}.track-name p{font-size:12px}.track-index{left:15px}
 .track-leader{flex-wrap:wrap;gap:8px;min-height:90px}.tile-result{max-width:100%;margin-left:34px}.leader-identity strong{font-size:14px}.tile-result b{font-size:16px}.no-record .leader-identity strong{font-size:14px}
 .tile-bottom{padding:12px 14px}
 .recent-strip .activity-list{grid-template-columns:1fr}.activity-item small{font-size:12px}.recent-strip .section-heading .muted-note{font-size:12px}
 .catalog-masthead{margin-top:18px;min-height:208px}.catalog-masthead>div:last-child{padding:30px 23px}.catalog-masthead h1{font-size:40px}.catalog-masthead p{font-size:15px;max-width:240px}.catalog-masthead .edition-line{font-size:11px}
 .page-tracks .mode-tabs{grid-template-columns:repeat(3,1fr);gap:0}.page-tracks .mode-tab{font-size:13px;flex-direction:row;gap:7px;padding:15px 5px}.page-tracks .mode-tab .icon{width:17px;height:17px}
 .catalog-format{grid-template-columns:1fr 1fr;gap:15px 12px}.catalog-filter-action .button{width:100%}.catalog-filters .advanced-grid{grid-template-columns:1fr 1fr}.catalog-filters .advanced-grid .field:last-child{grid-column:1/-1}
 .catalog-toolbar{flex-direction:column;gap:20px}.catalog-search{flex-direction:row;align-items:center;width:100%;justify-content:space-between;gap:14px}.catalog-search .search-bar{width:55%}.catalog-search .check-label{white-space:normal;font-size:13px;max-width:40%}.catalog-search .search-bar input{font-size:16px}
 .catalog-note{font-size:13px;line-height:1.7}.art-note{font-size:12px}
 .track-detail-hero{min-height:276px}.track-detail-copy{left:23px;right:20px;bottom:25px}.track-detail-copy h1{font-size:32px}.track-detail-copy .edition-line{font-size:12px}.track-record-summary{grid-template-columns:1fr}.track-champion{border-left:0;border-top:1px solid #ffffff20;padding:26px}.track-summary-conditions{padding:25px}.champion-result{font-size:33px}
 .players-grid{grid-template-columns:1fr}.player-card{padding:24px 18px}.player-card .avatar.large{width:60px;height:60px}.profile-head h1{font-size:25px}.profile-head p{font-size:15px}
 .stat-card{padding:18px 12px}.stat-card strong{font-size:28px}.stat-card span{font-size:12px}
 .page-rules .rule-card{padding:25px 0}.page-rules .rule-number{position:static;max-width:none;font-size:12px;margin-bottom:13px}.page-rules .rule-card h2{font-size:23px}.rule-card li,.rule-card p{font-size:16px}
 .page-heading h1{font-size:31px}.page-heading p{font-size:16px}.callout{padding:22px 20px;font-size:15px}
 .site-footer{margin-top:38px}.footer-top{gap:20px}.footer-top p{font-size:12px;order:3;width:auto}.footer-top>a:last-child{font-size:14px}.footer-bottom{font-size:12px;line-height:1.7}
}
@media(max-width:520px){
 .track-grid{grid-template-columns:1fr;gap:22px}.featured-tracks .track-tile:last-child{display:block}.track-cover{height:216px}.track-name h3{font-size:23px}.track-name p{font-size:14px}.track-leader{flex-wrap:nowrap;min-height:90px;padding:17px 18px;gap:12px}.tile-result{max-width:48%;margin-left:0}.tile-result b{font-size:16px}.leader-identity strong{font-size:15px}.tile-bottom{padding:11px 18px}
 .masthead h1{font-size:clamp(25px,7.5vw,35px)}.masthead-serial{display:none}.rail-mode{font-size:12px;gap:7px;padding:10px 4px}.rail-mode .icon{width:18px;height:18px}.primary-nav.open{grid-template-columns:repeat(2,1fr)}
 .page-tracks .mode-tab{font-size:12px}.page-tracks .mode-tab .icon{display:none}.catalog-toolbar h2{font-size:26px}
 .race-filters .filters-main .field:last-child{grid-column:1/-1}.results-table td,.results-table th{padding-left:9px;padding-right:9px}.results-table .avatar{display:none}.results-table .player-link strong{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results-table .result-number{font-size:14px}.results-table .position{font-size:13px}
 .catalog-format .field select{font-size:15px;padding-left:10px}.catalog-filters .advanced-filters summary{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
 .rain-layer{display:none}.track-cover>img{transform:none!important}.motion-reveal{animation:none!important;opacity:1!important}html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

.active-conditions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#c3ccc0}.active-conditions a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.active-conditions span{margin-left:auto;color:var(--muted);font-size:12px}.race-filters .field>span{font-size:14px}#catalog-controls{scroll-margin-top:14px}
@media(max-width:760px){.active-conditions span{margin-left:0;width:100%}}

.art-note a{display:inline-block;margin-left:12px;color:#c7dba5;text-decoration:underline;text-underline-offset:3px}

/* One centered image transform; lighting and glints never change the crop. */
@keyframes cover-arrive{from{opacity:.72}to{opacity:1}}
.motion-reveal.is-visible{animation:cover-arrive .5s ease both;animation-delay:calc(var(--tile-index,0)*35ms)}
.rain-layer:before,.rain-layer:after{content:'';position:absolute;inset:-180px 0;background:repeating-linear-gradient(110deg,transparent 0 47px,#cbd5db50 48px,transparent 49px 130px);background-size:130px 180px;animation:rain-fall 1.5s linear infinite;animation-play-state:paused}
.rain-layer:after{opacity:.4;background-size:197px 180px;background-position:61px 0;animation-duration:2.1s;animation-delay:-.7s}
.scene-visible .rain-layer:before,.scene-visible .rain-layer:after{animation-play-state:running}
.page-paused .rain-layer:before,.page-paused .rain-layer:after{animation-play-state:paused}
@keyframes rain-fall{from{transform:translateY(0)}to{transform:translateY(180px)}}
@keyframes surface-glint{0%{transform:translateX(-120%);opacity:0}18%{opacity:.6}80%{opacity:.3}100%{transform:translateX(120%);opacity:0}}
@media(hover:hover) and (pointer:fine){
 .track-tile:hover{border-color:#839f57;box-shadow:0 14px 32px #0005}
 .cover-link-hint{opacity:0}.track-cover:hover .cover-link-hint,.track-cover:focus-visible .cover-link-hint{opacity:1;border-color:#d7f49d9c}
 .track-cover:hover>img{transform:scale(1.025);filter:saturate(1.02) brightness(1.04)}
 .track-cover:hover .cover-sheen{animation:surface-glint .95s ease-out both}
 .button:hover:after{animation:surface-glint .7s ease-out both}
}
.track-cover:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.track-cover:focus-visible .cover-link-hint{opacity:1}
.track-leader:focus-visible,.tile-bottom a:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.catalog-masthead p{margin-top:14px;max-width:480px;font-size:15px;color:#d4dcda}
.art-credits{border-top:1px solid #ffffff20;margin-top:28px;padding-top:20px}
.art-credits summary{cursor:pointer;color:#adbdab;font-size:14px;padding:8px 0}
.art-credits nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px;margin-top:20px}
.art-credits a{font-size:14px;color:#d0dfbf;text-decoration:underline;text-underline-offset:4px}
.art-credits p{max-width:850px}
@media(max-width:760px){.art-credits nav{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-masthead p{max-width:245px;font-size:14px}.catalog-masthead:before{background:linear-gradient(90deg,#081114d9,#08111460),linear-gradient(0deg,#08111470,transparent)}}
@media(prefers-reduced-motion:reduce){.cover-sheen{display:none}.motion-reveal.is-visible{animation:none}.track-cover:hover>img{transform:none;filter:none}}