@font-face{font-family:Pixel;src:url('/fonts/PressStart2P.ttf') format('truetype');font-display:swap}*{box-sizing:border-box} :root{--bg:#091c24;--panel:#102a32;--line:#29414a;--text:#eff6e8;--muted:#91a6aa;--lime:#c5ef87;--orange:#ff916b;--blue:#73cfdd;--pixel:Pixel,monospace}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:4px}button{color:inherit}a{color:var(--lime)}h1,h2,h3,p{margin:0}button{border:0;background:none} .topbar{height:100px;max-width:1440px;margin:auto;padding:0 52px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.brand{display:flex;align-items:center;gap:15px;color:var(--text);text-decoration:none;font:15px/1.4 var(--pixel);letter-spacing:1px}.brand-sub{display:block;color:var(--lime)}.flag{width:32px;height:32px;display:inline-block;background:repeating-conic-gradient(var(--text) 0% 25%,transparent 0% 50%) 50%/16px 16px;transform:skewY(-8deg)}.edition{border-left:1px solid var(--line);padding-left:15px;font:9px/1.7 monospace;letter-spacing:2px;color:var(--muted)}nav{display:flex;align-items:center;gap:32px;height:100%}.nav{height:100%;padding:0 3px;border-bottom:3px solid transparent;color:var(--muted);font-size:14px}.nav.active{border-bottom-color:var(--lime);color:var(--lime)}.header-tools{display:flex;gap:12px}.icon-btn{width:34px;height:34px;border:1px solid #42606a;border-radius:50%;font-weight:bold}.sound-btn{border:1px solid var(--line);padding:8px 13px;font:11px monospace;letter-spacing:1px;color:var(--muted)}.sound-btn.on{color:var(--lime);border-color:var(--lime)}main{max-width:1336px;margin:auto;padding:45px 0 36px;min-height:calc(100vh - 174px)}.eyebrow{font:10px/1.9 var(--pixel);color:var(--lime);letter-spacing:1px;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:6px;height:6px;background:var(--lime);box-shadow:0 0 12px #c5ef8744}.hero-head{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:32px}.hero-head h1{font:clamp(24px,3vw,41px)/1.55 var(--pixel);letter-spacing:-1.5px;margin:12px 0 0}.hero-head h1 em{font-style:normal;color:var(--lime)}.hero-copy{max-width:335px;color:var(--muted);font-size:15px;line-height:1.8;padding-bottom:8px}.hero-copy strong{color:var(--text);font-weight:normal}.hero-layout{display:grid;grid-template-columns:1fr 310px;border:1px solid #38525a;box-shadow:0 7px 0 #031218;min-height:410px}.scene-wrap{position:relative;overflow:hidden;line-height:0;background:#8fd5ce}.scene-wrap canvas{display:block;width:100%;image-rendering:pixelated;aspect-ratio:960/500}.scene-top{position:absolute;top:19px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:start;pointer-events:none;line-height:1.4}.scene-tag{background:#091c24e8;color:#eff6e8;padding:9px 11px;font:9px/1.8 var(--pixel);box-shadow:3px 3px 0 #0003}.scene-tag small{font:10px monospace;display:block;color:#a6c9c5;letter-spacing:2px;margin-top:4px}.scene-bottom{position:absolute;bottom:15px;left:18px;right:18px;display:flex;justify-content:space-between;pointer-events:none;line-height:1.5;font:10px monospace;color:#dce9d4}.scene-bottom span{background:#091c24c9;padding:5px 9px}.circuit-select{display:flex;gap:7px;pointer-events:auto}.circuit-select button{height:8px;width:22px;padding:0;background:#ffffff55}.circuit-select button.selected{background:var(--lime)}.race-info{background:var(--panel);padding:25px 24px;display:flex;flex-direction:column;border-left:1px solid var(--line)}.tiny{font:10px/1.8 monospace;letter-spacing:2px;color:var(--muted)}.track-name{font:17px/1.9 var(--pixel);margin:15px 0 5px}.track-sub{color:var(--muted);font-size:13px}.divider{height:1px;background:var(--line);margin:22px 0}.stat-row{display:flex;justify-content:space-between;margin:8px 0;font-size:13px;color:var(--muted)}.stat-row b{color:var(--text);font:11px var(--pixel)}.record{margin-top:auto;padding:14px;background:#1c393d;border-left:3px solid var(--lime);font-size:12px}.record strong{display:block;color:var(--lime);font:13px/1.8 var(--pixel)}.section-line{display:flex;justify-content:space-between;align-items:center;margin:37px 0 16px}.section-line h2{font:13px var(--pixel)}.section-line span{font:11px monospace;color:var(--muted)}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.mode-card{border:1px solid var(--line);background:var(--panel);padding:22px;text-align:left;position:relative;transition:transform .15s,border-color .15s}.mode-card:hover{border-color:var(--lime);transform:translateY(-3px)}.mode-top{display:flex;justify-content:space-between;margin-bottom:15px}.mode-icon{color:var(--lime);font:23px var(--pixel)}.pill{font:10px monospace;letter-spacing:1px;border:1px solid #42606a;color:#b1c2bd;padding:3px 8px;height:23px}.mode-card h3{font:13px/1.8 var(--pixel);margin-bottom:9px}.mode-card p{color:var(--muted);font-size:13px;max-width:90%}.mode-arrow{position:absolute;bottom:22px;right:20px;font-size:24px;color:var(--lime)}.mode-card.featured{background:#20382e;border-color:#5d7752}.mode-card.featured .pill{color:var(--lime);border-color:#53694c}.bottom-note{display:flex;justify-content:space-between;margin-top:25px;color:var(--muted);font-size:11px}.bottom-note b{color:#bfcfc5;font-weight:normal}footer{max-width:1336px;margin:auto;border-top:1px solid var(--line);padding:22px 0 26px;display:flex;justify-content:space-between;gap:16px;color:#718d94;font:9px/1.5 monospace;letter-spacing:1px}footer button{padding:0;font:11px monospace;color:#91a6aa}.live-dot{display:inline-block;background:var(--lime);width:5px;height:5px;margin-right:6px}.primary,.secondary,.danger{padding:16px 22px;min-height:49px;font-weight:bold;text-align:center;letter-spacing:.4px;display:inline-flex;align-items:center;justify-content:center;gap:10px}.primary{background:var(--lime);color:#13251b;box-shadow:0 4px 0 #668646}.primary:hover{background:#d7ffa1}.secondary{background:#1d3942;border:1px solid #42606a;color:var(--text)}.danger{background:#5a3030;color:#ffd3c6}.wide{width:100%}.small-btn{font-size:12px;padding:9px 13px;min-height:35px}.text-btn{color:var(--muted);text-decoration:underline;font-size:12px;padding:10px}dialog{background:#102a32;border:1px solid #53717a;color:var(--text);width:min(580px,calc(100% - 30px));padding:30px;max-height:90vh;overflow:auto;box-shadow:8px 8px 0 #031218}dialog::backdrop{background:#021116db;backdrop-filter:blur(5px)}.modal-head{display:flex;justify-content:space-between;align-items:start;gap:15px;margin-bottom:23px}.modal-head h2{font:17px/1.8 var(--pixel)}.close{font-size:26px;color:var(--muted);line-height:1;padding:0 2px}.modal-description{color:var(--muted);font-size:13px;margin:-8px 0 22px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.field label{font-size:12px;color:#b9ccca}.field input,.field select,.search{width:100%;border:1px solid #42606a;background:#091e27;color:var(--text);padding:13px 14px;border-radius:0}.field input::placeholder,.search::placeholder{color:#647f88}.field input:focus,.search:focus{border-color:var(--lime)}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:15px}.color-picker{display:flex;gap:9px;margin:8px 0 20px}.color-choice{width:34px;height:29px;background:var(--car);border:3px solid #0003;box-shadow:0 3px 0 #0004}.color-choice.selected{outline:2px solid var(--text);outline-offset:3px}.notice{padding:12px 15px;border:1px solid var(--line);font-size:12px;color:var(--muted);margin:17px 0}.form-error{color:#ffae99;font-size:13px;margin:12px 0;min-height:20px}.loading{text-align:center;padding:130px 30px;color:var(--muted)}.pixel-loader{font:30px var(--pixel);color:var(--lime)}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#c5ef87;color:#13251b;padding:13px 22px;max-width:90vw;opacity:0;pointer-events:none;z-index:20;font-size:13px;box-shadow:4px 4px #0006;transition:opacity .2s}#toast.show{opacity:1}.help-step{display:grid;grid-template-columns:35px 1fr;gap:10px;margin:24px 0}.help-step>span{font:20px var(--pixel);color:var(--orange)}.help-step h3{font-size:15px;margin-bottom:5px}.help-step p{font-size:13px;color:var(--muted)}.rarity-scale{display:flex;gap:7px;margin:18px 0}.rarity-scale div{flex:1;padding:10px 5px;background:#091e27;text-align:center;font-size:10px;color:var(--muted);border-bottom:3px solid var(--tier)}.rarity-scale strong{display:block;color:var(--tier);font-size:14px}.page-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.page-heading h1{font:24px/1.8 var(--pixel);margin:12px 0}.page-heading p{color:var(--muted)}.catalog-tools{display:flex;gap:12px;margin-bottom:24px}.catalog-tools .search{flex:1}.catalog-tools select{background:var(--panel);color:var(--text);border:1px solid var(--line);padding:10px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.category-card{background:var(--panel);border:1px solid var(--line);padding:20px;min-height:175px;display:flex;flex-direction:column;align-items:start;text-align:left}.category-card:hover{border-color:var(--lime)}.category-card .cat-icon{font-size:25px;margin-bottom:15px;color:var(--lime)}.category-card h3{font-size:15px;margin-bottom:7px}.category-card p{font-size:11px;color:var(--muted);margin-top:auto}.category-card small{font:9px monospace;color:#c5ef87;padding-top:12px}.answer-list{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.answer-chip{font-size:12px;border:1px solid var(--line);padding:7px 10px;background:#0a2028}.answer-chip small{color:var(--lime);margin-left:6px}.garage-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:30px}.garage-controls{background:var(--panel);padding:28px;border:1px solid var(--line)}.garage-controls h2{font:13px/1.8 var(--pixel);margin-bottom:20px}.theme-options{display:grid;gap:9px;margin:15px 0 25px}.theme-option{text-align:left;border:1px solid var(--line);padding:15px;background:#0c222b}.theme-option.selected{border-color:var(--lime);color:var(--lime)}.theme-option span{float:right;font-size:12px}.range{accent-color:var(--lime);width:100%}.race-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px}.race-round{font:13px var(--pixel);color:var(--lime)}.race-header .tiny{margin-top:8px}.race-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;border:1px solid var(--line)}.race-layout .scene-wrap canvas{aspect-ratio:960/500}.leaderboard{background:var(--panel);padding:22px 17px;border-left:1px solid var(--line)}.leaderboard h3{font:11px/1.8 var(--pixel);margin:0 0 20px}.leader-row{display:flex;align-items:center;gap:9px;padding:13px 3px;border-bottom:1px solid var(--line);font-size:12px}.leader-row .rank{font:11px var(--pixel);color:var(--muted);width:20px}.mini-car{height:12px;width:25px;background:var(--car);border-top:4px solid #d9f2ef66;box-shadow:3px 4px 0 #06131b,-3px 4px 0 #06131b;flex-shrink:0}.leader-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.leader-score{font:10px var(--pixel);color:var(--lime)}.answered{color:var(--lime);font-size:11px}.question-panel{border:1px solid var(--line);margin-top:20px;padding:26px 30px;background:var(--panel)}.question-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:11px}.timer{font:19px var(--pixel);color:var(--lime);min-width:85px;text-align:right}.timer.urgent{color:var(--orange)}.question-panel h2{font-size:27px;line-height:1.4;letter-spacing:-.5px}.question-description{color:var(--muted);font-size:12px;margin:8px 0 18px}.answer-form{display:flex;gap:12px;margin-top:19px}.answer-form input{flex:1;min-width:0;background:#081f28;border:1px solid #42606a;color:var(--text);padding:16px;font-size:17px}.answer-form .primary{min-width:150px}.race-tip{font-size:11px;color:var(--muted);margin-top:13px}.time-bar{height:3px;background:#223e44;margin-top:20px}.time-fill{height:100%;background:var(--lime);transition:width .4s linear}.turn-overlay{padding:25px 0;text-align:center}.turn-overlay h3{font:17px/2 var(--pixel);margin-bottom:15px;color:var(--lime)}.turn-overlay p{color:var(--muted);font-size:13px;margin-bottom:20px}.results-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.result-card{background:#0a2028;border:1px solid var(--line);padding:17px}.result-card h3{font-size:12px;color:var(--muted);margin-bottom:7px}.result-card strong{font-size:18px;display:block;margin-bottom:8px}.result-card .distance{font:15px var(--pixel);color:var(--tier);line-height:1.8}.result-card small{color:var(--tier);font-size:10px}.reveal-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.reveal-bottom p{font-size:12px;color:var(--muted)}.podium{padding:30px;text-align:center}.podium .crown{font-size:40px;color:var(--lime)}.podium h1{font:27px/1.8 var(--pixel);margin:20px;color:var(--lime)}.podium>p{color:var(--muted)}.podium-ranking{max-width:650px;margin:30px auto;text-align:left}.podium-ranking .leader-row{padding:20px;background:var(--panel)}.button-row{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.room-code{font:31px/1.8 var(--pixel);color:var(--lime);letter-spacing:5px}.lobby-box{max-width:800px;margin:30px auto;padding:36px;background:var(--panel);border:1px solid var(--line)}.lobby-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.lobby-players{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0}.player-slot{padding:22px 12px;min-height:105px;border:1px solid var(--line);text-align:center}.player-slot .mini-car{margin:0 auto 14px}.player-slot.empty{border-style:dashed;color:#58747c;display:flex;justify-content:center;align-items:center;font-size:12px}.player-slot p{font-size:13px}.player-slot small{font-size:10px;color:var(--lime)}.summary-stats{display:flex;justify-content:center;gap:35px;margin:28px 0}.summary-stats strong{font:20px var(--pixel);display:block;color:var(--orange)}.summary-stats small{color:var(--muted)}.source-item{margin:15px 0;padding-bottom:14px;border-bottom:1px solid var(--line);font-size:13px}.source-item small{display:block;color:var(--muted)}.empty-result{text-align:center;grid-column:1/-1;padding:50px;color:var(--muted)}@media(min-width:1600px){main,footer{max-width:1360px}.topbar{max-width:1464px}}@media(max-width:1440px){main,footer{margin-left:44px;margin-right:44px}.topbar{padding:0 44px}.hero-layout{grid-template-columns:1fr 280px}}@media(max-width:1100px){main,footer{margin-left:28px;margin-right:28px}.topbar{padding:0 28px}.hero-layout{grid-template-columns:1fr 240px;min-height:0}.race-info{padding:20px}.track-name{font-size:13px}.divider{margin:15px 0}.hero-head h1{font-size:28px}.hero-copy{max-width:275px}.record{padding:10px}.race-layout{grid-template-columns:1fr 220px}.category-grid{grid-template-columns:repeat(3,1fr)}.edition{display:none}.mode-card{padding:18px}.mode-card h3{font-size:11px}.scene-wrap{display:flex;align-items:center}}@media(max-width:800px){.topbar{height:80px;gap:10px}.brand{font-size:11px;gap:10px}.flag{width:24px;height:24px;background-size:12px 12px}nav{gap:14px}.nav{font-size:12px}.sound-btn span{display:none}.header-tools{gap:8px}.hero-head{display:block}.hero-head h1{font-size:29px}.hero-copy{max-width:none;margin-top:18px}.hero-layout{grid-template-columns:1fr}.race-info{border-left:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 25px}.race-info>.tiny,.race-info>.divider,.race-info>.track-sub{display:none}.track-name{margin:0;font-size:12px}.record{grid-column:2;grid-row:1/4;margin:0}.stat-row{margin:0}.modes{gap:10px}.mode-card h3{font-size:10px}.mode-card p{font-size:12px}.mode-icon{font-size:18px}.pill{font-size:8px}.bottom-note{gap:20px}footer>span:last-child{display:none}.race-layout{grid-template-columns:1fr}.leaderboard{border-left:0;display:flex;gap:12px;overflow:auto;padding:10px}.leaderboard h3{display:none}.leader-row{flex-shrink:0;min-width:140px;border-bottom:0;padding:8px}.leader-row .rank{display:none}.question-panel{padding:22px}.category-grid{grid-template-columns:repeat(2,1fr)}.garage-layout{grid-template-columns:1fr}.results-list{grid-template-columns:repeat(2,1fr)}.race-header .tiny{font-size:9px}.race-round{font-size:11px}}@media(max-width:540px){main,footer{margin-left:17px;margin-right:17px}main{padding-top:28px}.topbar{padding:0 17px;flex-wrap:wrap;height:110px;gap:0}.brand{height:60px}.header-tools{height:60px;align-items:center}nav{order:3;width:100%;height:49px;justify-content:center;gap:45px}.hero-head h1{font-size:23px;letter-spacing:-1px}.eyebrow{font-size:8px}.hero-head{margin-bottom:22px}.hero-copy{font-size:13px}.scene-tag{font-size:6px;padding:6px}.scene-tag small{font-size:7px}.scene-top{top:10px;left:10px;right:10px}.scene-bottom{bottom:7px;left:7px;right:7px;font-size:7px}.race-info{gap:10px;padding:16px}.track-name{font-size:10px}.stat-row{font-size:11px}.stat-row b{font-size:9px}.record{font-size:10px}.record strong{font-size:11px}.section-line h2{font-size:10px}.section-line span{font-size:9px}.modes{grid-template-columns:1fr}.mode-card{padding:17px 20px;display:grid;grid-template-columns:56px 1fr;gap:3px 8px;align-items:center}.mode-top{grid-row:1/3;flex-direction:column;gap:10px;margin:0}.mode-top .pill{padding:1px 3px;letter-spacing:0;font-size:7px;height:17px;max-width:50px}.mode-card h3{font-size:12px;margin:0}.mode-card p{font-size:12px;max-width:85%}.mode-arrow{bottom:30px}.bottom-note{font-size:10px;display:block}.bottom-note span{display:block;margin-top:8px}.section-line{margin-top:28px}footer{font-size:8px;align-items:center}.page-heading h1{font-size:18px}.page-heading{display:block}.page-heading p{font-size:13px}.catalog-tools{flex-direction:column}.category-card{padding:16px;min-height:165px}.category-card h3{font-size:13px}.category-card .cat-icon{font-size:20px}.question-panel{padding:19px 16px}.question-panel h2{font-size:22px}.answer-form{flex-wrap:wrap}.answer-form input{flex-basis:100%}.answer-form .primary{flex:1}.timer{font-size:15px;min-width:67px}.race-tip{font-size:10px}.results-list{grid-template-columns:1fr 1fr;gap:8px}.result-card{padding:12px}.result-card strong{font-size:15px}.result-card .distance{font-size:12px}.reveal-bottom{display:block}.reveal-bottom button{width:100%;margin-top:18px}.two-cols{gap:10px}.lobby-box{padding:22px 16px}.lobby-top{display:block}.room-code{font-size:25px}.lobby-top button{margin-top:15px}.lobby-players{grid-template-columns:repeat(2,1fr)}.podium{padding:15px 0}.podium h1{font-size:20px}.summary-stats{gap:20px}.summary-stats strong{font-size:16px}dialog{padding:24px 20px}.modal-head h2{font-size:14px}.rarity-scale div{font-size:9px}.race-header{gap:8px}.race-header .secondary{font-size:10px;padding:8px}.race-round{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}