@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Syne:wght@600;700;800&display=swap";:root{color-scheme:dark;--bg: #07111f;--panel: rgba(9, 17, 34, .82);--panel-soft: rgba(255, 255, 255, .04);--line: rgba(255, 255, 255, .08);--text: #f3f7fb;--muted: #9cafc4;--accent: #ff6a3c;--accent-2: #21e0bd;--accent-3: #ffd166;--warn: #ff9c66}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);font-family:Space Grotesk,sans-serif;background:radial-gradient(circle at top left,rgba(255,106,60,.16),transparent 24%),radial-gradient(circle at top right,rgba(33,224,189,.12),transparent 22%),linear-gradient(155deg,#02060f,#091427 48%,#06111f)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 92%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 92%)}button,input,select{font:inherit}button{cursor:pointer}.app-shell{width:min(1380px,calc(100% - 28px));margin:0 auto;padding:24px 0 48px}.hero-card,.panel,.stat-card,.leaderboard-item,.result-list-card,.prediction-card,.session-card,.mini-auth-card,.race-focus-card{border:1px solid var(--line);background:var(--panel);box-shadow:0 30px 80px #00000057;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-card{display:grid;grid-template-columns:1.3fr .85fr;gap:20px;padding:28px;border-radius:34px}.hero-main{display:grid;gap:16px}.hero-side{display:grid;gap:14px;align-content:start}.eyebrow,.section-kicker,.status-pill,.panel-badge,.stat-card span,.joke-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:var(--muted)}h1,h2,h3{margin:0;font-family:Syne,sans-serif}h1{font-size:clamp(2.8rem,5vw,4.8rem);line-height:.96;max-width:11ch}.hero-copy,.muted,.helper-text,.result-list-card p,.headline-joke p,.leaderboard-item p{color:var(--muted)}.headline-joke{padding:16px 18px;border-radius:20px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(135deg,#ff6a3c1f,#ffffff08)}.headline-joke strong{display:block;margin:8px 0;font-size:1.05rem;color:#ffe5dc}.hero-actions,.mini-grid,.admin-grid,.card-grid,.race-focus-grid,.compact-stats{display:flex;gap:14px;flex-wrap:wrap}.primary-btn,.secondary-btn{border-radius:999px;padding:13px 20px}.primary-btn{border:0;color:#08111c;font-weight:700;background:linear-gradient(135deg,var(--accent-3),var(--accent))}.secondary-btn{border:1px solid var(--line);color:var(--text);background:#ffffff0d}.status-pill,.panel-badge{display:inline-flex;align-items:center;min-height:40px;padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:#ffffff0a}.panel-badge.accent,.status-pill.success{color:var(--accent-2)}.panel-badge.warn{color:var(--warn)}.error-text{color:var(--warn);margin:0}.auth-rail{display:grid;gap:12px}.mini-auth-card,.session-card,.auth-card{border-radius:22px;padding:16px;display:grid;gap:10px}.admin-mini{background:#ffffff06}.session-card strong{font-size:1.2rem}.compact-stats .stat-card{flex:1 1 180px}.stat-card{border-radius:20px;padding:16px}.stat-card strong{display:block;margin-top:8px;font-size:1.1rem}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}.panel{border-radius:28px;padding:22px}.wide-panel{grid-column:1 / -1}.panel-header{display:flex;justify-content:space-between;align-items:start;gap:14px;margin-bottom:16px}.list-stack{display:grid;gap:12px}.leaderboard-item{border-radius:18px;padding:16px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.rank-box{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#ffd1663d,#ff6a3c2e);font-weight:800}.result-list-card{flex:1 1 260px;border-radius:20px;padding:16px}.result-list-card ol{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}.result-list-card li{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;background:#ffffff0a}.prediction-grid{display:grid;gap:14px}.slim-grid{grid-template-columns:repeat(4,minmax(150px,1fr))}.race-focus-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:16px;align-items:start}.race-focus-form{grid-template-columns:repeat(3,minmax(150px,1fr));flex:1}.race-focus-card,.locked-member-box{border-radius:20px;padding:16px;background:var(--panel-soft)}.compact-box{min-height:100%}.locked-member-box span{color:var(--muted);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem}.locked-member-box strong{display:block;margin-top:10px}label{display:grid;gap:8px;color:#dbe5f0}input,select{width:100%;min-height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.12);padding:0 14px;color:var(--text);background:#ffffff0d}select option{color:#0b1320}.info-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}.info-row:last-child{border-bottom:0;padding-bottom:0}.card-grid{display:grid;gap:14px}.card-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.prediction-card{border-radius:20px;padding:16px}.empty-card{min-height:170px}@media(max-width:1100px){.hero-card,.dashboard-grid,.race-focus-grid{grid-template-columns:1fr}.slim-grid,.race-focus-form,.card-grid.two-up,.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.app-shell{width:min(100% - 18px,1380px);padding-top:16px}.hero-card,.panel{padding:18px}.slim-grid,.race-focus-form,.card-grid.two-up,.admin-grid,.leaderboard-item{grid-template-columns:1fr}h1{font-size:2.5rem}}.sub-header{margin-top:18px}.tab-row{display:flex;flex-wrap:wrap;gap:10px}.toggle-chip{min-height:40px;padding:9px 14px;border-radius:999px;border:1px solid var(--line);color:var(--text);background:#ffffff0a}.toggle-chip.active{border-color:#ffd16659;color:#08111c;background:linear-gradient(135deg,var(--accent-3),var(--accent))}.latest-race-card h3{margin-top:8px;margin-bottom:14px}.admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card-grid.three-up{grid-template-columns:repeat(3,minmax(0,1fr))}.comparison-panel{display:grid;gap:16px}.comparison-legend,.comparison-chip-row,.comparison-totals{display:flex;flex-wrap:wrap;gap:10px}.comparison-card{display:grid;gap:16px;background:linear-gradient(180deg,#ffffff08,#ffffff04)}.comparison-header{display:flex;justify-content:space-between;gap:14px;align-items:start}.comparison-header h3{margin-top:6px}.comparison-totals span{padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);color:var(--muted);background:#ffffff0a}.comparison-block{display:grid;gap:12px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07)}.comparison-results-grid{align-items:start}.comparison-results-card{min-height:100%}.point-chip{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);font-size:.9rem;background:#ffffff0a}.point-chip.exact{color:#d8fff5;border-color:#21e0bd52;background:#21e0bd29}.point-chip.partial{color:#fff1c5;border-color:#ffd1664d;background:#ffd16624}.point-chip.bonus{color:#ffe3d7;border-color:#ff6a3c52;background:#ff6a3c29}.point-chip.zero{color:var(--muted);border-color:#ffffff14;background:#ffffff08}@media(max-width:1100px){.card-grid.three-up{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.card-grid.three-up{grid-template-columns:1fr}.comparison-header{grid-template-columns:1fr;display:grid}}