@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--wc-red: #E42B31;--wc-red-hover: #CC2328;--wc-red-dim: rgba(228, 43, 49, .12);--wc-gold: #F0A500;--wc-gold-hover: #D99400;--wc-gold-dim: rgba(240, 165, 0, .12);--wc-bg: #0A0A12;--wc-surface: #14142A;--wc-surface-hover: #1C1C36;--wc-carbon: #101020;--wc-text: #EDEDF0;--wc-text-secondary: #7E7E98;--wc-text-muted: #4E4E66;--wc-border: #222240;--wc-border-hover: #333358;--wc-success: #2DD55B;--wc-success-dim: rgba(45, 213, 91, .12);--wc-error: #EF4444;--wc-error-dim: rgba(239, 68, 68, .12);--wc-warning: #F0A500;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--fs-micro: .625rem;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-body: .875rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.25rem;--fs-2xl: 1.375rem;--fs-3xl: 1.75rem;--fs-4xl: 2rem;--fs-5xl: 2.25rem;--fs-hero: 3rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .12s;--duration-normal: .2s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}body{font-family:Outfit,sans-serif;background-color:var(--wc-bg);color:var(--wc-text);line-height:1.6;font-weight:400;font-size:1rem;min-height:100vh;background-image:radial-gradient(ellipse at 15% 50%,rgba(228,43,49,.04) 0%,transparent 60%),radial-gradient(ellipse at 85% 20%,rgba(240,165,0,.025) 0%,transparent 50%);background-attachment:fixed}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,h4{font-weight:700;line-height:1.2;letter-spacing:-.01em}.mono{font-family:JetBrains Mono,monospace}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.grid{display:grid}.inline-block{display:inline-block}.block{display:block}.hidden{display:none}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.m-0{margin:0}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.ml-1{margin-left:4px}.ml-2{margin-left:8px}.ml-3{margin-left:12px}.mr-2{margin-right:8px}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:16px;margin-bottom:16px}.my-8{margin-top:32px;margin-bottom:32px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-6{padding:24px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.py-1{padding-top:4px;padding-bottom:4px}.py-2{padding-top:8px;padding-bottom:8px}.space-x-2>*+*{margin-left:8px}.space-x-4>*+*{margin-left:16px}.space-y-2>*+*{margin-top:8px}.space-y-4>*+*{margin-top:16px}.w-full{width:100%}.max-w-md{max-width:28rem}.max-w-lg{max-width:36rem}.max-w-4xl{max-width:56rem}.min-h-screen{min-height:100vh}.text-micro{font-size:var(--fs-micro)}.text-xs{font-size:var(--fs-xs)}.text-sm{font-size:var(--fs-body)}.text-base{font-size:var(--fs-md)}.text-lg{font-size:var(--fs-lg)}.text-xl{font-size:var(--fs-xl)}.text-2xl{font-size:1.5rem}.text-3xl,.text-4xl{font-size:var(--fs-4xl)}.text-5xl{font-size:var(--fs-5xl)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:900}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.5px}.leading-tight{line-height:1.2}.text-primary{color:var(--wc-text)}.text-secondary{color:var(--wc-text-secondary)}.text-muted{color:var(--wc-text-muted)}.text-red{color:var(--wc-red)}.text-gold{color:var(--wc-gold)}.text-success{color:var(--wc-success)}.text-error{color:var(--wc-error)}.text-blue-500{color:var(--wc-gold)}.text-blue-600{color:var(--wc-red)}.text-red-500{color:var(--wc-error)}.text-green-500{color:var(--wc-success)}.text-gray-500,.text-gray-600{color:var(--wc-text-secondary)}.text-purple-600{color:var(--wc-gold)}.bg-white{background-color:var(--wc-surface)}.bg-gray-50,.bg-gray-100{background-color:var(--wc-carbon)}.bg-blue-100{background-color:var(--wc-red-dim)}.bg-purple-100{background-color:var(--wc-gold-dim)}.border{border:1px solid var(--wc-border)}.border-t{border-top:1px solid var(--wc-border)}.border-b{border-bottom:1px solid var(--wc-border)}.rounded{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.shadow{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.overflow-x-auto{overflow-x:auto}.overflow-hidden{overflow:hidden}.list-disc{list-style-type:disc}.list-none{list-style:none}.pl-5{padding-left:1.25rem}.opacity-50{opacity:.5}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.transition{transition:all var(--duration-normal) var(--ease-out)}.border-collapse{border-collapse:collapse}input[type=text],input[type=email],input[type=password],input[type=datetime-local],select,textarea{width:100%;padding:12px 16px;border:2px solid var(--wc-border);border-radius:var(--radius-md);font-family:Outfit,sans-serif;font-size:1rem;background-color:var(--wc-bg);color:var(--wc-text);transition:border-color var(--duration-normal) var(--ease-out);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--wc-red)}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--wc-text-muted)}input::placeholder,textarea::placeholder{color:var(--wc-text-muted)}::-moz-selection{background:var(--wc-red);color:var(--wc-text)}::selection{background:var(--wc-red);color:var(--wc-text)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--wc-bg)}::-webkit-scrollbar-thumb{background:var(--wc-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--wc-border-hover)}.container{width:100%;max-width:900px;padding:0 20px;margin:0 auto}.main-content{padding:var(--space-lg) 0;padding-bottom:var(--space-2xl)}.header{background-color:var(--wc-carbon);position:sticky;top:0;z-index:100;border-bottom:2px solid var(--wc-red);box-shadow:0 4px 20px #00000080;min-height:60px}.header-content{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px;position:relative}@media(max-width:767px){.header{min-height:auto}.header .container{padding:0 16px}}.header-title{font-size:var(--fs-2xl);font-weight:800;letter-spacing:.5px;color:var(--wc-text);white-space:nowrap;flex-shrink:0}.nav-menu{display:flex;align-items:center;gap:24px}.nav-link{color:var(--wc-text-secondary);text-decoration:none;font-weight:600;text-transform:uppercase;font-size:var(--fs-sm);letter-spacing:.8px;transition:color var(--duration-fast);white-space:nowrap;position:relative}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--wc-red);transition:width var(--duration-normal) var(--ease-out)}.nav-link:hover{color:var(--wc-text)}.nav-link:hover:after{width:100%}.nav-link.active{color:var(--wc-text)}.nav-link.active:after{width:100%}.header-user{display:flex;align-items:center;gap:12px;flex-shrink:0}.header-username{font-size:var(--fs-sm);color:var(--wc-text-secondary);font-weight:500}.header-admin-badge{font-size:var(--fs-micro);font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:var(--wc-gold);color:var(--wc-bg);padding:2px 6px;border-radius:3px;margin-left:6px}.header-nav{display:flex;align-items:center;gap:24px;flex:1;justify-content:space-between}.menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:6px;cursor:pointer;z-index:101}.menu-toggle-bar{display:block;width:22px;height:2px;background-color:var(--wc-text);border-radius:1px;transition:transform .25s,opacity .25s}.menu-toggle-bar.open:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle-bar.open:nth-child(2){opacity:0}.menu-toggle-bar.open:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.card{background-color:var(--wc-surface);border:1px solid var(--wc-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-lg);margin-bottom:var(--space-lg)}.card-title{font-size:var(--fs-xl);font-weight:700;margin-bottom:var(--space-md);color:var(--wc-text);text-transform:uppercase;letter-spacing:.5px}button{font-family:inherit;border:none;border-radius:var(--radius-sm);padding:10px 20px;font-weight:600;font-size:var(--fs-body);cursor:pointer;transition:background-color var(--duration-fast),transform var(--duration-fast),opacity var(--duration-fast);text-transform:uppercase;letter-spacing:.5px}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.5;cursor:not-allowed}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background-color:var(--wc-red);color:var(--wc-text);padding:10px 20px;border-radius:var(--radius-sm);font-size:var(--fs-body);font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:none;cursor:pointer;transition:background-color var(--duration-fast),transform var(--duration-fast);text-decoration:none;text-align:center;line-height:1.4}.btn:hover{background-color:var(--wc-red-hover)}.btn:active{transform:scale(.97)}.btn-secondary{background-color:transparent;border:1px solid var(--wc-border);color:var(--wc-text-secondary)}.btn-secondary:hover{background-color:var(--wc-surface-hover);border-color:var(--wc-border-hover);color:var(--wc-text)}.btn-accent{background-color:var(--wc-gold);color:var(--wc-bg)}.btn-accent:hover{background-color:var(--wc-gold-hover)}.btn-small{padding:6px 14px;font-size:var(--fs-xs)}.btn-block{display:flex;width:100%}button.bg-blue-500{background-color:var(--wc-red);color:var(--wc-text)}button.bg-blue-500:hover{background-color:var(--wc-red-hover)}button.bg-green-500{background-color:var(--wc-success);color:var(--wc-text)}button.bg-green-500:hover{background-color:#16a34a}.form-group{margin-bottom:20px}.form-label{display:block;font-weight:600;font-size:var(--fs-body);margin-bottom:8px;color:var(--wc-text);text-transform:uppercase;letter-spacing:.3px}.form-input,.form-select,.form-textarea{width:100%;padding:12px 16px;border:2px solid var(--wc-border);border-radius:var(--radius-md);font-family:Outfit,sans-serif;font-size:1rem;background-color:var(--wc-bg);color:var(--wc-text);transition:border-color var(--duration-normal) var(--ease-out);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--wc-red)}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:var(--wc-text-muted)}.form-input::placeholder,.form-textarea::placeholder{color:var(--wc-text-muted)}.alert{padding:12px 16px;margin-bottom:16px;border-radius:var(--radius-sm);font-weight:500;font-size:var(--fs-body);border-left:3px solid transparent}.alert-success{background-color:var(--wc-success-dim);color:var(--wc-success);border-left-color:var(--wc-success)}.alert-error{background-color:var(--wc-error-dim);color:var(--wc-error);border-left-color:var(--wc-error)}.quiz-list{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:768px){.quiz-list{grid-template-columns:repeat(2,1fr)}}.quiz-item{background-color:var(--wc-surface);border:1px solid var(--wc-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:20px;transition:transform var(--duration-normal) var(--ease-out);border-left:3px solid var(--wc-red)}.quiz-item:hover{transform:translateY(-2px)}.quiz-title{font-size:var(--fs-lg);font-weight:600;margin-bottom:8px}.quiz-meta{display:flex;justify-content:space-between;font-size:var(--fs-body);color:var(--wc-text-secondary);margin-bottom:12px}.question-container{margin-bottom:20px;padding:16px;border-radius:var(--radius-md);background-color:var(--wc-carbon);border:1px solid var(--wc-border);transition:border-color var(--duration-normal)}.question-container:hover{border-color:var(--wc-border-hover)}.question-text{font-weight:600;font-size:var(--fs-md);margin-bottom:14px;line-height:1.4}.options-list{list-style:none}.option-item{margin-bottom:8px}.option-label{display:flex;align-items:center;padding:12px 16px;background-color:var(--wc-bg);border:1px solid var(--wc-border);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--duration-fast),border-color var(--duration-fast);font-weight:500}.option-label:hover{background-color:var(--wc-surface-hover);border-color:var(--wc-border-hover)}.option-label.option-selected{background-color:var(--wc-red-dim);border-color:var(--wc-red);border-left:3px solid var(--wc-red)}.bg-blue-50{background-color:var(--wc-red-dim)}.border-l-4{border-left-width:3px;border-left-style:solid}.border-l-\[var\(--wc-red\)\]{border-left-color:var(--wc-red)}.option-input{margin-right:12px;accent-color:var(--wc-red)}.quiz-header-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.quiz-header-meta{display:flex;align-items:center;gap:8px;flex-shrink:0}@media(max-width:520px){.quiz-header-row{flex-direction:column;align-items:flex-start}.quiz-header-meta{width:100%;justify-content:space-between}}.quiz-actions{margin-top:var(--space-lg);display:flex;flex-direction:column;gap:12px}.transmission-bar{height:3px;border-radius:2px;margin-bottom:var(--space-md);overflow:hidden;background-color:var(--wc-border)}.transmission-bar-live{width:100%;height:100%;background:linear-gradient(90deg,var(--wc-red),var(--wc-gold),var(--wc-red));background-size:200% 100%;animation:transmission-pulse 2s ease-in-out infinite}.transmission-bar-closed{width:100%;height:100%;background-color:var(--wc-text-muted);opacity:.3}@keyframes transmission-pulse{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.timer{display:inline-flex;align-items:center;background-color:var(--wc-carbon);color:var(--wc-text);padding:6px 14px;border-radius:var(--radius-sm);font-weight:600;font-size:var(--fs-sm);font-family:JetBrains Mono,monospace;border:1px solid var(--wc-border);white-space:nowrap;flex-shrink:0}.timer-icon{margin-right:8px}.live-badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-micro);font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:4px 10px;border-radius:var(--radius-sm)}.live-badge-active{background-color:var(--wc-red-dim);color:var(--wc-red)}.live-badge-active:before{content:"";width:6px;height:6px;border-radius:50%;background-color:var(--wc-red);animation:live-dot-pulse 1.5s ease-in-out infinite}@keyframes live-dot-pulse{0%,to{opacity:1}50%{opacity:.3}}.live-badge-closed{background-color:#a0a0b014;color:var(--wc-text-muted)}@keyframes countdown{0%{width:100%}to{width:0%}}.countdown-bar{height:4px;background-color:var(--wc-red);width:100%;border-radius:2px;animation:countdown linear forwards}.results{padding:16px 0}.score{font-size:var(--fs-hero);font-weight:800;font-family:JetBrains Mono,monospace;color:var(--wc-red);margin-bottom:16px;text-align:center}.feedback{font-size:var(--fs-lg);margin-bottom:24px}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:var(--space-lg)}@media(max-width:640px){.dashboard-stats{grid-template-columns:1fr}}.stat-card{background-color:var(--wc-carbon);border:1px solid var(--wc-border);border-radius:var(--radius-md);padding:20px 16px;text-align:center}.stat-value{font-size:var(--fs-5xl);font-weight:800;font-family:JetBrains Mono,monospace;color:var(--wc-red);line-height:1}.stat-label{font-size:var(--fs-micro);color:var(--wc-text-secondary);text-transform:uppercase;letter-spacing:1px;margin-top:8px;font-weight:500}.sparkline-scroll-wrap{overflow-x:auto;margin:0 -4px;padding:0 4px}.sparkline-scroll-wrap::-webkit-scrollbar{height:4px}.sparkline-scroll-wrap::-webkit-scrollbar-thumb{background:var(--wc-border);border-radius:2px}.sparkline{display:flex;align-items:flex-end;gap:6px;height:120px;padding:24px 0 8px}.sparkline-bar{flex:1;background-color:var(--wc-red);border-radius:3px 3px 0 0;min-height:4px;position:relative;transition:background-color var(--duration-fast)}.sparkline-bar:hover{background-color:var(--wc-gold)}.sparkline-bar-label{position:absolute;bottom:-22px;left:50%;transform:translate(-50%);font-size:var(--fs-micro);color:var(--wc-text-muted);white-space:nowrap}.sparkline-bar-value{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:var(--fs-xs);font-weight:700;font-family:JetBrains Mono,monospace;color:var(--wc-text)}.history-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--wc-border)}.history-item:last-child{border-bottom:none}.history-score{font-family:JetBrains Mono,monospace;font-weight:700;color:var(--wc-red);font-size:var(--fs-body)}.rankings-table-wrap{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--wc-border)}.rankings-table-wrap table{width:100%;border-collapse:collapse;font-size:var(--fs-body)}.rankings-table-wrap th{background-color:var(--wc-carbon);color:var(--wc-text-secondary);font-size:var(--fs-micro);font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:12px;text-align:left;white-space:nowrap;border-bottom:2px solid var(--wc-border)}.rankings-table-wrap td{padding:10px 12px;border-bottom:1px solid var(--wc-border);color:var(--wc-text)}.rankings-table-wrap tbody tr{transition:background-color var(--duration-fast)}.rankings-table-wrap tbody tr:hover{background-color:var(--wc-surface-hover)}.rankings-table-wrap tbody tr:last-child td{border-bottom:none}.rankings-col-rank{position:sticky;left:0;z-index:2;min-width:36px;width:36px;background-color:var(--wc-surface)}.rankings-col-driver{white-space:nowrap}.rankings-col-total{font-variant-numeric:tabular-nums}thead .rankings-col-rank{background-color:var(--wc-carbon);z-index:3}tbody tr:hover .rankings-col-rank{background-color:var(--wc-surface-hover)}.rankings-col-race{min-width:56px;white-space:nowrap;font-size:var(--fs-sm)}.rank-title{font-size:var(--fs-micro);font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:3px;display:inline-block;margin-left:8px}.rank-title-1{background-color:var(--wc-gold-dim);color:var(--wc-gold)}.rank-title-2{background-color:#c0c0c01f;color:silver}.rank-title-3{background-color:#cd7f321f;color:#cd7f32}.rank-title-default{background-color:#a0a0b014;color:var(--wc-text-muted)}.h2h-selector{display:flex;gap:16px;margin-bottom:var(--space-lg);align-items:center;flex-wrap:wrap}.h2h-selector select{padding:10px 36px 10px 16px;border:2px solid var(--wc-border);border-radius:var(--radius-md);background-color:var(--wc-bg);color:var(--wc-text);font-family:Outfit,sans-serif;font-size:var(--fs-body);flex:1;min-width:140px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1.5l5 5 5-5' stroke='%237E7E98' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.h2h-vs{font-size:var(--fs-lg);font-weight:800;color:var(--wc-red);text-transform:uppercase;letter-spacing:1px}.h2h-summary{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;margin-bottom:var(--space-lg);text-align:center}.h2h-player{padding:16px;background-color:var(--wc-carbon);border-radius:var(--radius-md);border:1px solid var(--wc-border)}.h2h-player-name{font-weight:700;font-size:var(--fs-md);margin-bottom:8px}.h2h-stat{font-size:var(--fs-4xl);font-weight:800;font-family:JetBrains Mono,monospace;line-height:1}.h2h-stat-label{font-size:var(--fs-micro);color:var(--wc-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-top:6px;font-weight:500}.h2h-agreed{display:flex;flex-direction:column;justify-content:center;align-items:center}.h2h-quiz-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:10px 12px;border-bottom:1px solid var(--wc-border);align-items:center}.h2h-quiz-row:last-child{border-bottom:none}.h2h-races{border:1px solid var(--wc-border);border-radius:var(--radius-md);overflow:hidden}.h2h-races-header{display:grid;grid-template-columns:60px 1fr 60px;gap:8px;padding:10px 16px;background-color:var(--wc-carbon);border-bottom:2px solid var(--wc-border);font-size:var(--fs-micro);font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--wc-text-secondary);text-align:center}.h2h-races-header>div:nth-child(2){text-align:center}.h2h-race-block{border-bottom:1px solid var(--wc-border)}.h2h-race-block:last-child{border-bottom:none}.h2h-race-row{display:grid;grid-template-columns:60px 1fr 60px;gap:8px;padding:12px 16px;align-items:center;cursor:pointer;transition:background-color var(--duration-fast)}.h2h-race-row:hover{background-color:var(--wc-surface-hover)}.h2h-race-row-active{background-color:var(--wc-surface)}.h2h-race-score{font-family:JetBrains Mono,monospace;font-weight:700;font-size:var(--fs-md);text-align:center;color:var(--wc-text-secondary)}.h2h-winner{color:var(--wc-success)}.h2h-loser{color:var(--wc-text-muted)}.h2h-race-title{font-weight:600;font-size:var(--fs-body);text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.h2h-race-chevron{font-size:var(--fs-micro);color:var(--wc-text-muted)}.h2h-race-details{background-color:var(--wc-carbon);border-top:1px solid var(--wc-border);padding:8px 0}.h2h-question-text{text-align:center;font-size:var(--fs-sm);color:var(--wc-text-secondary);line-height:1.4}.h2h-answer{text-align:center;padding:4px 8px;border-radius:var(--radius-sm);font-weight:600;font-size:var(--fs-sm);word-break:break-word}.h2h-answer-correct{background-color:var(--wc-success-dim);color:var(--wc-success)}.h2h-answer-wrong{background-color:var(--wc-error-dim);color:var(--wc-error)}.h2h-answer-na{color:var(--wc-text-muted)}.toast-container{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;flex-direction:column;gap:8px}.toast{background-color:var(--wc-surface);border:1px solid var(--wc-border);border-radius:var(--radius-md);padding:12px 20px;color:var(--wc-text);font-weight:500;font-size:var(--fs-body);box-shadow:var(--shadow-lg);animation:toast-in .3s var(--ease-out);max-width:320px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toast-success{border-left:3px solid var(--wc-success)}.toast-error{border-left:3px solid var(--wc-error)}.toast-info{border-left:3px solid var(--wc-gold)}.toast-prefix{color:var(--wc-text-muted);font-size:var(--fs-micro);font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-right:6px}.toast-exit{animation:toast-out .3s ease-in forwards}@keyframes toast-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}.checking-overlay{position:fixed;inset:0;background-color:#0a0a12f0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:500;animation:overlay-fade-in .3s var(--ease-out);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.checking-overlay:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.015) 2px,rgba(255,255,255,.015) 4px);pointer-events:none}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.checking-spinner{width:72px;height:72px;border:5px solid var(--wc-border);border-top:5px solid var(--wc-red);border-right:5px solid var(--wc-gold);border-radius:50%;animation:spin .7s linear infinite;margin-bottom:24px}@keyframes spin{to{transform:rotate(360deg)}}.checking-text{font-size:var(--fs-2xl);font-weight:700;color:var(--wc-text);text-transform:uppercase;letter-spacing:3px;animation:checking-pulse 1.5s ease-in-out infinite}@keyframes checking-pulse{0%,to{opacity:1}50%{opacity:.4}}.checking-subtext{font-size:var(--fs-body);color:var(--wc-text-secondary);margin-top:8px}.distribution-bar{display:flex;height:28px;border-radius:var(--radius-sm);overflow:hidden;margin-top:8px;font-size:var(--fs-xs);font-weight:600}.distribution-segment{display:flex;align-items:center;justify-content:center;color:var(--wc-text);transition:width .6s var(--ease-out);min-width:0}.distribution-segment-yes{background-color:var(--wc-red)}.distribution-segment-no{background-color:var(--wc-border)}.next-race-banner{background:linear-gradient(135deg,var(--wc-carbon) 0%,var(--wc-surface) 100%);border:1px solid var(--wc-border);border-left:3px solid var(--wc-red);border-radius:var(--radius-md);padding:16px 20px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:16px}.next-race-info{display:flex;flex-direction:column}.next-race-label{font-size:var(--fs-micro);text-transform:uppercase;color:var(--wc-text-muted);letter-spacing:1.5px;font-weight:600}.next-race-name{font-size:var(--fs-lg);font-weight:700;margin-top:2px}.next-race-location{font-size:var(--fs-sm);color:var(--wc-text-secondary);margin-top:2px}.next-race-countdown-wrap{text-align:right}.next-race-countdown{font-family:JetBrains Mono,monospace;font-size:var(--fs-3xl);font-weight:700;color:var(--wc-gold);line-height:1}.next-race-countdown-label{font-size:var(--fs-micro);color:var(--wc-text-muted);text-align:right;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.notif-prompt{background:linear-gradient(135deg,var(--wc-carbon) 0%,var(--wc-surface) 100%);border:1px solid var(--wc-gold-dim);border-radius:var(--radius-md);padding:20px;text-align:center}.notif-prompt-title{font-size:var(--fs-md);font-weight:700;margin-bottom:6px}.notif-prompt-text{font-size:var(--fs-body);color:var(--wc-text-secondary);margin-bottom:16px}.notif-prompt-actions{display:flex;gap:12px;justify-content:center}.admin-controls{display:flex;gap:12px;margin-bottom:24px}.admin-card{border-left:3px solid var(--wc-gold)}.toggle-section{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--wc-border);cursor:pointer}.question-builder{margin-bottom:32px;padding:20px;background-color:var(--wc-carbon);border-radius:var(--radius-md);border-left:3px solid var(--wc-gold)}.option-builder{display:flex;align-items:center;margin-bottom:8px}.option-radio{margin-right:10px}.share-box{background-color:var(--wc-carbon);padding:16px;border-radius:var(--radius-sm);margin-top:16px;display:flex;align-items:center}.share-input{flex:1;margin-right:12px;padding:8px 12px;border:1px solid var(--wc-border);border-radius:var(--radius-sm);font-family:inherit;background-color:var(--wc-bg);color:var(--wc-text)}.loading{display:flex;justify-content:center;align-items:center;padding:60px 0}.loading-spinner{width:36px;height:36px;border:3px solid var(--wc-border);border-radius:50%;border-top-color:var(--wc-red);animation:spin .8s linear infinite}.tip-row{display:flex;align-items:baseline;gap:12px;padding:12px 16px;background-color:var(--wc-carbon);border-radius:var(--radius-md);border-left:3px solid var(--wc-gold)}.card-title-sm{font-size:var(--fs-md)}.stat-value-sm{font-size:var(--fs-2xl)}.grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr))}.gap-4{gap:1rem}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.header-content{flex-wrap:nowrap;gap:0}.menu-toggle{display:flex}.header-nav{display:none;position:absolute;top:100%;left:-16px;right:-16px;background-color:var(--wc-carbon);border-bottom:2px solid var(--wc-red);box-shadow:0 8px 24px #00000080;flex-direction:column;padding:16px 20px;gap:16px;z-index:100}.header-nav-open{display:flex}.nav-menu{flex-direction:column;gap:12px;width:100%}.nav-link{font-size:var(--fs-body);padding:8px 0}.nav-link:after{display:none}.header-user{padding-top:12px;border-top:1px solid var(--wc-border);width:100%;justify-content:space-between}.card{padding:16px}.admin-controls{flex-direction:column}.h2h-summary{grid-template-columns:1fr;gap:12px}.h2h-agreed{order:-1}.h2h-races-header{grid-template-columns:44px 1fr 44px;padding:8px 12px;font-size:var(--fs-micro)}.h2h-race-row{grid-template-columns:44px 1fr 44px;padding:10px 12px}.h2h-race-score{font-size:var(--fs-body)}.h2h-race-title{font-size:var(--fs-sm)}.h2h-quiz-row{grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);gap:4px;padding:8px;font-size:var(--fs-xs)}.h2h-question-text{font-size:var(--fs-micro)}.h2h-answer{font-size:var(--fs-micro);padding:3px 4px}.next-race-banner{flex-direction:column;text-align:center;gap:12px}.next-race-countdown-wrap{text-align:center}.toast-container{left:16px;right:16px;bottom:16px}.toast{max-width:100%}.footer-content{flex-direction:column;gap:8px;text-align:center}.sparkline{height:90px;gap:3px}.sparkline-bar-label{display:none}.sparkline-bar-value{font-size:var(--fs-micro);top:-16px}.rankings-table-wrap td{padding:12px 10px}.rankings-table-wrap th{padding:10px 8px;font-size:var(--fs-micro)}}@media(max-width:480px){.header-title{font-size:var(--fs-lg)}.nav-link{font-size:var(--fs-micro);letter-spacing:.3px}.question-text{font-size:var(--fs-body)}.option-label{padding:10px 12px;font-size:var(--fs-body)}.btn{padding:10px 16px;font-size:var(--fs-sm)}.stat-value{font-size:var(--fs-3xl)}.score{font-size:var(--fs-5xl)}.h2h-player{padding:12px}.h2h-stat{font-size:1.625rem}.h2h-player-name{font-size:var(--fs-body)}.next-race-countdown{font-size:var(--fs-2xl)}}.landing-page{max-width:900px;margin:0 auto}.landing-hero{text-align:center;padding:var(--space-2xl) 0 var(--space-xl)}.landing-headline{font-size:clamp(28px,5vw,42px);font-weight:800;line-height:1.15;letter-spacing:-.5px;color:var(--wc-text);margin-bottom:var(--space-md)}.landing-subtext{font-size:var(--fs-lg);color:var(--wc-text-secondary);line-height:1.6;max-width:480px;margin:0 auto var(--space-lg)}.landing-pitch{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:var(--space-xl)}.pitch-card{background-color:var(--wc-surface);border:1px solid var(--wc-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.pitch-title{font-size:var(--fs-body);font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--wc-red);margin-bottom:var(--space-sm)}.pitch-text{font-size:var(--fs-body);color:var(--wc-text-secondary);line-height:1.55}.landing-testimonial{text-align:center;padding:var(--space-lg) var(--space-xl);margin-bottom:var(--space-xl);border-top:1px solid var(--wc-border);border-bottom:1px solid var(--wc-border)}.testimonial-prefix{font-size:var(--fs-micro);font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--wc-text-muted);margin-bottom:var(--space-sm)}.testimonial-quote{font-size:var(--fs-lg);font-weight:500;font-style:italic;color:var(--wc-text);line-height:1.5;margin:0}@media(max-width:767px){.landing-pitch{grid-template-columns:1fr}.landing-testimonial{padding:var(--space-lg) var(--space-md)}}.footer{border-top:1px solid var(--wc-border);padding:20px 0;margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-copy{font-size:var(--fs-xs);color:var(--wc-text-muted)}.footer-links{display:flex;align-items:center;gap:8px}.footer-link{font-size:var(--fs-xs);color:var(--wc-text-secondary);text-decoration:none;transition:color var(--duration-fast)}.footer-link:hover{color:var(--wc-text)}.footer-separator{color:var(--wc-text-muted);font-size:var(--fs-xs)}