@charset "UTF-8";
:root{font-family:Inter,Arial,system-ui,sans-serif;color:#f9eddb;background:#233e52;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,input,label{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible+span{outline:3px solid #fff1bc;outline-offset:5px}button:disabled{cursor:default;opacity:.4}button{color:inherit}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.race-shell{position:relative;width:100%;height:100svh;min-height:320px;overflow:hidden;background:#edccaa}.sky{position:absolute;inset:0;background:linear-gradient(#678b9e 0%,#adbbb5 30%,#edcda7 61%,#f6d6ad 75%)}.sun{position:absolute;top:13%;right:20%;width:100px;height:100px;border-radius:50%;background:#ffdfaa;box-shadow:0 0 80px 40px #ffe1a04a}.cloud{position:absolute;width:220px;height:22px;border-radius:50%;background:#fff0d770;filter:blur(9px);top:20%;right:7%;transform:rotate(-3deg)}.cloud-two{top:9%;right:40%;width:320px;opacity:.45}#race{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 130px #20394f25;background:linear-gradient(#233e5230,transparent 25%,transparent 60%,#1936474d)}.race-header{position:absolute;z-index:5;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:22px 30px;gap:18px;background:linear-gradient(#18384c88,transparent)}.back-link{font-size:10px;letter-spacing:.15em;font-weight:700;display:flex;align-items:center;gap:12px}.back-link>span:first-child{font-size:21px}.header-wordmark{font-size:11px;letter-spacing:.12em;font-weight:900}.header-wordmark i{font-style:normal;font-size:8px;letter-spacing:.22em;color:#f9c393;margin-left:9px}.wordmark-dash{color:#ffbc91;padding:0 3px}.header-actions{display:flex;gap:7px}.header-actions button{border:1px solid #f0e2c84a;background:#29485b66;border-radius:7px;min-height:36px;padding:7px 11px;font-size:16px;backdrop-filter:blur(10px)}.header-actions button span{font-size:9px;margin-left:5px;font-weight:600}.overlay{position:absolute;z-index:4;inset:0;display:flex;align-items:center;padding:90px clamp(24px,5vw,90px) 34px;background:linear-gradient(90deg,#1b374bf5,#25465bc7 34%,#25465b18 73%,transparent);overflow:auto}.menu-card{width:min(480px,100%);flex-shrink:0;margin:auto 0;position:relative}.eyebrow{font-size:8px;letter-spacing:.18em;color:#f3c39c;font-weight:700;display:block}.eyebrow i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#eebc8b;margin-right:7px;vertical-align:2px}.title-wrap{margin:27px 0 20px}.title-overline{font-size:9px;letter-spacing:.37em;color:#b3c9ce;display:block;margin-bottom:9px}h1{font-size:clamp(52px,5.6vw,82px);font-weight:950;line-height:.88;letter-spacing:-.065em;margin:0;font-style:italic;white-space:nowrap}.to{font-size:.27em;display:inline-block;margin:0 .34em;vertical-align:.35em;letter-spacing:-.04em;color:#ffbb8c;font-style:normal}.racing-title{font-size:.56em;letter-spacing:.23em;color:#ffbc93;display:block;margin:12px 0 0 2px;line-height:1}.title-arrow{display:inline-block;font-size:1.1em;letter-spacing:0;margin-left:10px}.menu-copy{font-size:13px;color:#c6d5d7;line-height:1.75;margin:0 0 24px}.menu-copy strong{font-weight:500;color:#fff0d7}.course-card{display:flex;align-items:center;gap:13px;padding:15px 15px;background:linear-gradient(120deg,#ffffff0c,#ffffff04);border:1px solid #d7e0ce35;border-radius:10px;margin-bottom:21px}.course-icon{font-size:34px;color:#ffcf96}.course-card .eyebrow{font-size:6px;color:#b1cbcb;letter-spacing:.2em}.course-card h2{font-size:19px;letter-spacing:-.035em;font-weight:700;margin:4px 0 5px}.course-card p{font-size:8px;color:#b6cece;margin:0}.course-tag{font-size:7px;letter-spacing:.15em;line-height:1.65;border-left:1px solid #d7e0ce25;padding:5px 0 5px 15px;margin-left:auto;color:#cbdcda}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-size:7px;letter-spacing:.16em;font-weight:600;color:#b1c6cd;margin-bottom:10px;padding:0}.difficulty-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:19px}.difficulty-picker legend{grid-column:1/-1}.difficulty-picker label{position:relative;display:block;cursor:pointer}.difficulty-picker input,.color-picker input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.difficulty-picker span{display:flex;flex-direction:column;justify-content:center;border:1px solid #c5d7d339;border-radius:7px;padding:12px 9px;color:#bbd0d3;min-height:54px;transition:background .15s}.difficulty-picker b{font-size:10px;line-height:1.2}.difficulty-picker small{font-size:7px;line-height:1.3;margin-top:5px;color:#99b5c0}.difficulty-picker input:checked+span{background:#f7d7a919;border-color:#ffca99;color:#ffdfb2}.difficulty-picker input:checked+span small{color:#dec6a9}.garage-row{display:flex;justify-content:space-between;align-items:center;margin:0 0 21px}.color-picker{display:flex;gap:10px}.color-picker label{position:relative;width:23px;height:23px;cursor:pointer}.color-picker label span{display:block;width:23px;height:23px;border:3px solid #294a5b;border-radius:50%;background:var(--kart);box-shadow:0 0 0 1px #ffffff29}.color-picker input:checked+span{box-shadow:0 0 0 1.5px #fbe5c4}.auto-drive{display:flex;align-items:center;gap:8px;font-size:9px;color:#dbdfd6;cursor:pointer}.auto-drive input{accent-color:#f0bd8d;width:15px;height:15px}.auto-drive small{display:block;font-size:7px;color:#a1bdc5;margin-top:3px}.primary-button{display:flex;justify-content:space-between;align-items:center;gap:10px;border:0;background:#f5bd91;color:#263e4e;width:100%;padding:17px 20px;border-radius:8px;font-size:12px;font-weight:800;letter-spacing:.14em;box-shadow:0 7px 23px #08233122}.primary-button:hover{background:#ffd0a7}.primary-button span{font-size:23px;line-height:.7}.menu-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px}.menu-bottom>span{font:8px ui-monospace,monospace;letter-spacing:.03em;color:#a3c1c6}.menu-bottom button{font-size:9px;border:0;background:none;color:#e0d9c7;padding:0;white-space:nowrap}.menu-bottom button span{display:inline-grid;place-items:center;width:16px;height:16px;border:1px solid #b4c9c35a;border-radius:50%;font-size:10px;margin-left:5px}.scene-caption{position:absolute;bottom:66px;right:5vw;text-align:right;text-shadow:0 2px 14px #163a5a55}.scene-caption>span:first-child{font:9px ui-monospace,monospace;letter-spacing:.16em}.scene-caption p{font-size:34px;line-height:1.12;letter-spacing:-.05em;font-weight:650;margin:18px 0;color:#fff0d0}.caption-line{display:block;width:35px;height:2px;background:#fff0d0;margin:18px 0 17px auto}.scene-caption small{font-size:7px;letter-spacing:.16em}.hud{position:absolute;top:91px;left:30px;z-index:2;display:flex;align-items:center;gap:24px;text-shadow:0 2px 10px #1b394e90}.position-box{display:flex;align-items:center;gap:7px}.position-box>#position{font-size:65px;font-weight:850;line-height:1;letter-spacing:-.08em;font-style:italic}.position-meta{display:flex;flex-direction:column;margin-top:4px}.position-meta>b{font-size:20px;font-style:italic}.position-meta>span{font-size:7px;letter-spacing:.13em;margin-top:4px;color:#d4dfd3}.lap-box,.time-box{border-left:1px solid #edf1df55;padding-left:21px}.hud-label{display:block;font-size:8px;letter-spacing:.17em;color:#d5e4de;margin-bottom:5px}.hud b{font-variant-numeric:tabular-nums}.lap-box>b{font-size:25px}.lap-box small{font-size:15px;font-weight:400;color:#d2dacf}.time-box>b{font:600 23px ui-monospace,monospace;letter-spacing:-.05em}.countdown{position:absolute;top:36%;left:0;right:0;text-align:center;z-index:3;font-size:105px;font-weight:900;font-style:italic;text-shadow:0 5px 0 #27485b,0 0 50px #24475355;color:#ffdfb3;pointer-events:none}.notice{position:absolute;top:25%;left:50%;transform:translate(-50%,-10px);opacity:0;z-index:2;background:#1c4055d9;border:1px solid #efd1a866;border-radius:7px;padding:11px 18px;max-width:calc(100% - 40px);font-size:10px;font-weight:700;letter-spacing:.1em;color:#ffe0af;transition:opacity .15s,transform .15s;text-align:center;pointer-events:none}.notice.visible{opacity:1;transform:translate(-50%,0)}.race-info{position:absolute;left:27px;bottom:27px;right:27px;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.map-panel{width:170px;padding:12px 7px 9px;border:1px solid #ffffff25;border-radius:12px;background:#28485c77;backdrop-filter:blur(8px);text-align:center}.map-panel>span{font-size:8px;letter-spacing:.23em;color:#e8d9b9}.map-panel>small{font-size:6px;letter-spacing:.16em;color:#b3d1d2}.map-panel canvas{width:100%;height:auto;display:block}.speed-panel{width:155px;text-align:right;padding-bottom:3px}.speed-panel b{font-size:54px;line-height:.9;letter-spacing:-.08em;font-style:italic;font-variant-numeric:tabular-nums;text-shadow:0 2px 8px #233e5290}.speed-panel small{font-size:8px;margin-left:3px}.speed-track{height:4px;margin-top:13px;background:#25455880;border-radius:3px;overflow:hidden}.speed-track i{display:block;width:100%;height:100%;background:#ffca96;transform-origin:left;transform:scaleX(0)}.drift-meter{margin-top:12px}.drift-meter>span{font-size:6px;letter-spacing:.08em;text-shadow:0 1px 3px #23495e}.drift-meter>div{margin-top:6px;height:3px;background:#25455880;border-radius:3px}.drift-meter i{display:block;background:#8df0df;height:100%;transform-origin:left;transform:scaleX(0)}.drift-meter.charged i{background:#ffeaa4}.item-slot{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);background:#25475bbf;border:1px solid #f7d0a64d;border-radius:12px;display:flex;gap:13px;align-items:center;padding:13px 16px;backdrop-filter:blur(8px);text-align:left;z-index:2}.item-slot>#item-symbol{display:grid;place-items:center;width:40px;height:40px;border:1px solid #e6d6b744;border-radius:8px;font-size:28px;color:#ffe1a6}.item-slot b{display:block;font-size:9px;letter-spacing:.1em}.item-slot small{display:block;font-size:8px;color:#a8c6cd;margin-top:6px}.item-slot kbd{margin-left:6px;font-size:10px;padding:5px 7px;color:#c7d9d4}.item-slot.ready{border-color:#ffdfa1;background:#375865ee;box-shadow:0 0 22px #ffe0a62b}.item-slot:disabled{opacity:1}.center-panel{position:absolute;z-index:8;width:min(460px,calc(100% - 36px));left:50%;top:50%;transform:translate(-50%,-50%);background:#244457f5;border:1px solid #b0c9c751;border-radius:18px;padding:32px;box-shadow:0 20px 120px 80px #17344866;backdrop-filter:blur(18px);max-height:calc(100svh - 35px);overflow:auto}.center-panel h2{font-size:35px;letter-spacing:-.055em;line-height:1.05;margin:15px 0 12px}.center-panel p{font-size:12px;line-height:1.7;color:#bfd3d4;margin:0 0 25px}.center-panel .primary-button{margin-top:17px;justify-content:center}.secondary-button{border:1px solid #b3d0cb55;background:none;width:100%;font-size:10px;padding:14px;border-radius:7px;margin-top:10px}.text-button{display:block;text-align:center;color:#c0d5d4;background:none;border:0;font-size:9px;line-height:1.5;padding:12px 0 0;width:100%}.result-stats{display:grid;grid-template-columns:1fr 1.4fr;gap:16px;margin:24px 0}.result-stats div{padding:14px;background:#ffffff08;border-radius:8px}.result-stats span{font-size:7px;color:#b2c9cc;letter-spacing:.13em;display:block}.result-stats b{display:block;font-size:28px;font-variant-numeric:tabular-nums;color:#ffd5a6;letter-spacing:-.04em;margin-top:7px}.lap-times{margin:0;padding:0;list-style:none}.lap-times li{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #b3cec321;font-size:11px;color:#c8dbd7}.lap-times b{font:11px ui-monospace,monospace}.center-panel .record-note{color:#f2d098;font-size:9px;margin:15px 0 0}.help-panel{width:min(560px,calc(100% - 32px))}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px;margin-top:26px}.guide-grid p{margin:0;font-size:11px}.guide-grid b{display:block;color:#f0dfc3;font-size:11px;margin-bottom:9px}.guide-grid span{display:block;font-size:10px;line-height:1.7;color:#b4d1d4}kbd{font:10px ui-monospace,monospace;border:1px solid #bbd5d047;border-radius:4px;padding:2px 4px}.help-panel .touch-guide{font-size:10px;border-top:1px solid #b8cecb30;padding-top:18px;margin-top:21px;margin-bottom:16px}.help-panel .small-note{font-size:9px;color:#a6c2c9;margin-bottom:16px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.touch-controls{position:absolute;z-index:3;bottom:max(22px,env(safe-area-inset-bottom));left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));display:flex;justify-content:space-between;pointer-events:none}.touch-controls>div{display:flex;align-items:end;gap:9px}.touch-controls button{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;border:1px solid #d9e6db70;border-radius:15px;background:#21475ab8;backdrop-filter:blur(8px);width:65px;height:62px;font-size:24px;box-shadow:0 3px 8px #28455238}.touch-controls button.pressed{background:#edd1a777;color:#fff2d3;border-color:#ffe1ac}.touch-controls button.drift{font-size:10px;font-weight:750;letter-spacing:.08em;background:#d5a978b5;color:#203e4e;width:72px;height:62px}.touch-controls button.brake{font-size:8px;width:54px;height:48px}.touch-mode .race-info{bottom:108px}.touch-mode .map-panel{width:122px}.touch-mode .speed-panel{width:115px}.touch-mode .speed-panel b{font-size:40px}.touch-mode .item-slot{bottom:22px;padding:9px;gap:7px}.touch-mode .item-slot>#item-symbol{width:32px;height:32px;font-size:23px}.touch-mode .item-slot kbd{display:none}.touch-mode .item-slot small{display:none}.touch-mode .item-slot b{font-size:7px}.touch-mode .drift-meter>span{font-size:6px}.touch-mode .drift-meter{margin-top:8px}
@media(min-width:1450px){.menu-card{width:510px}.title-wrap{margin-top:38px}.menu-copy{font-size:14px}.course-card{padding:18px}.difficulty-picker span{padding:15px 10px}.difficulty-picker b{font-size:11px}.difficulty-picker small{font-size:8px}}
@media(max-height:760px) and (min-width:761px){.overlay{padding-top:76px;padding-bottom:22px}.title-wrap{margin:18px 0 15px}h1{font-size:63px}.menu-copy{font-size:11px;margin-bottom:16px}.course-card{padding:11px 14px;margin-bottom:15px}.difficulty-picker{margin-bottom:14px}.difficulty-picker span{padding:10px 9px;min-height:48px}.garage-row{margin-bottom:17px}.primary-button{padding:15px 18px}.menu-bottom{margin-top:12px}.menu-card{width:435px}.scene-caption p{font-size:29px}}
@media(max-width:760px){.race-header{padding:15px 19px;gap:10px}.header-wordmark{font-size:9px}.header-wordmark i{display:none}.back-link{font-size:8px;gap:8px}.header-actions button{padding:7px 10px;min-height:34px}.header-actions button span{display:none}.overlay{padding:77px 24px 27px;background:linear-gradient(90deg,#1a3a4ce8,#25465b99);align-items:flex-start}.menu-card{width:min(440px,100%);margin:auto}.scene-caption{display:none}h1{font-size:clamp(52px,9.5vw,72px)}.title-wrap{margin:23px 0 19px}.menu-copy{font-size:12px}.course-card{margin-bottom:19px}.hud{top:74px;left:20px;gap:16px}.position-box>#position{font-size:54px}.position-meta>b{font-size:16px}.position-meta>span{font-size:6px}.lap-box,.time-box{padding-left:13px}.hud-label{font-size:7px}.lap-box>b{font-size:22px}.time-box>b{font-size:18px}.race-info{left:20px;right:20px}.notice{top:25%;font-size:8px;letter-spacing:.06em;padding:9px 12px}.countdown{font-size:85px}.touch-mode .item-slot{left:50%;bottom:22px;min-height:59px}.touch-mode .item-slot>span:nth-child(2){display:none}.touch-mode .map-panel{width:113px}.center-panel{padding:27px}.center-panel h2{font-size:31px}}
@media(max-width:400px){.race-header{padding-left:15px;padding-right:15px}.header-wordmark{font-size:8px;letter-spacing:.05em}.overlay{padding-left:20px;padding-right:20px}.menu-card>.eyebrow{font-size:6.5px}.difficulty-picker span{padding:10px 7px}.difficulty-picker b{font-size:9px}.difficulty-picker small{font-size:6.5px}.course-card{gap:10px}.course-card p{font-size:7px}.touch-controls{left:14px;right:14px}.touch-controls>div{gap:6px}.touch-controls button{width:54px;height:57px}.touch-controls button.drift{width:62px;height:57px}.touch-controls button.brake{width:45px;height:45px}.menu-bottom>span{font-size:6.5px}.menu-bottom button{font-size:8px}.time-box>b{font-size:17px}.hud{gap:13px}.hud-label{font-size:6px}}
@media(max-height:550px) and (orientation:landscape){.race-header{padding:8px 18px}.overlay{align-items:flex-start;padding:59px 25px 20px;background:linear-gradient(90deg,#19394ff2,#26495bab 65%,transparent)}.menu-card{width:420px;margin:0}.title-wrap{margin:14px 0}h1{font-size:53px}.menu-copy{font-size:10px;margin-bottom:14px}.course-card{padding:10px;margin-bottom:14px}.garage-row{margin-bottom:15px}.hud{top:56px;left:20px}.position-box>#position{font-size:42px}.position-meta>b{font-size:13px}.lap-box>b{font-size:20px}.time-box>b{font-size:18px}.hud-label{font-size:6px}.countdown{top:28%;font-size:75px}.notice{top:37%;font-size:8px}.touch-mode .race-info{bottom:95px;left:22px;right:22px}.touch-mode .map-panel{width:92px;padding:7px 5px}.map-panel>span{font-size:6px}.map-panel>small{display:none}.touch-mode .speed-panel{width:102px}.touch-mode .speed-panel b{font-size:33px}.speed-track{margin-top:8px}.touch-mode .drift-meter{margin-top:5px}.touch-controls{bottom:17px}.touch-controls button{height:55px;width:62px}.touch-controls button.drift{height:55px}.touch-mode .item-slot{bottom:20px;padding:8px;min-height:50px}.touch-mode .item-slot>span:nth-child(2){display:block}.center-panel{max-height:calc(100svh - 24px);padding:24px}.help-panel{width:min(610px,calc(100% - 40px))}.guide-grid{margin-top:18px;gap:15px}.center-panel h2{font-size:28px}.result-stats{margin:15px 0}.results{width:510px}.result-stats b{font-size:25px}.lap-times li{padding:6px 0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}