*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif;background:#0c1322;color:#eef2f8;overflow:hidden;-webkit-user-select:none;user-select:none}.app-shell{position:fixed;inset:0}#gameCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}[hidden]{display:none!important}button{font-family:inherit}.rotate-hint{display:none}@media(orientation:portrait)and (pointer:coarse){.rotate-hint{position:fixed;inset:0;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#15384d;color:#eaf4ff;text-align:center;padding:24px;font-size:21px;line-height:1.7}.rotate-emoji{font-size:72px;animation:rotateHint 1.8s ease-in-out infinite}}@keyframes rotateHint{0%,to{transform:rotate(-12deg)}50%{transform:rotate(78deg)}}.race-card{position:absolute;top:64px;left:62px;z-index:20;padding:10px 16px;border-radius:16px;background:#0a101ec7;border:1px solid rgba(255,196,80,.4);min-width:190px}.race-line{font-size:15px;line-height:1.5}.race-line.big{font-size:24px;font-weight:800;color:#ffd24a}.race-line.small{font-size:12px;opacity:.85;font-variant-numeric:tabular-nums}.mini-wrap{position:absolute;top:12px;right:12px;z-index:20;display:flex;flex-direction:column;align-items:flex-end;gap:6px}#miniMap{width:170px;height:170px;border-radius:14px;background:#0a101eb3;border:1px solid rgba(255,255,255,.18)}.view-tag{padding:4px 12px;border-radius:999px;background:#0a101ec7;font-size:13px;border:1px solid rgba(125,180,255,.4)}.speed-panel{position:absolute;right:12px;bottom:56px;z-index:20;padding:10px 16px;border-radius:16px;text-align:right;background:#0a101ec7;border:1px solid rgba(255,255,255,.16)}.speed-num{font-size:42px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}.speed-num small{font-size:13px;margin-left:6px;opacity:.8;font-weight:600}.turbo-row{display:flex;align-items:center;gap:8px;margin-top:8px;justify-content:flex-end}.turbo-label{font-size:12px;font-weight:700;color:#ffd24a}.turbo-track{width:150px;height:12px;border-radius:999px;background:#ffffff24;overflow:hidden}.turbo-fill{width:100%;height:100%;transform-origin:left center;transform:scaleX(1);background:linear-gradient(90deg,#ffb347,#ffd24a);border-radius:999px;transition:background .2s}.turbo-row.tired .turbo-fill{background:#6b7280}.turbo-row.boosting .turbo-fill{background:linear-gradient(90deg,#ff6a00,#fff176)}.speed-hint{font-size:11px;opacity:.7;margin-top:6px}@media(pointer:coarse){.speed-hint{display:none}.speed-panel{bottom:140px}}.countdown{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);font-size:min(26vw,170px);font-weight:900;color:#ffd24a;z-index:30;text-shadow:0 6px 30px rgba(0,0,0,.6);animation:cdPop .9s ease-out}.countdown.go{color:#7de08c}@keyframes cdPop{0%{transform:translate(-50%,-50%) scale(1.5);opacity:0}20%{opacity:1}to{transform:translate(-50%,-50%) scale(1)}}.wrong-way{position:absolute;left:50%;top:22%;transform:translate(-50%);z-index:30;padding:10px 22px;border-radius:14px;background:#c8281ee6;color:#fff;font-size:22px;font-weight:800;animation:blink .8s steps(2) infinite}@keyframes blink{50%{opacity:.45}}.message-ribbon{position:absolute;bottom:56px;left:14px;z-index:20;max-width:min(60vw,520px);padding:8px 18px;border-radius:999px;background:#0a101eb8;font-size:16px;font-weight:600}@media(pointer:coarse){.message-ribbon{bottom:150px}}.touch-controls{display:none}@media(pointer:coarse){.touch-controls{display:block;position:absolute;inset:0;z-index:25;pointer-events:none}.touch-left,.touch-right{position:absolute;bottom:calc(14px + env(safe-area-inset-bottom));display:flex;gap:12px;pointer-events:auto}.touch-left{left:calc(14px + env(safe-area-inset-left))}.touch-right{right:calc(14px + env(safe-area-inset-right));align-items:flex-end}.touch-btn{min-width:84px;min-height:84px;border-radius:22px;border:2px solid rgba(255,255,255,.35);background:#0a101e99;color:#fff;font-size:24px;font-weight:800;touch-action:none;-webkit-tap-highlight-color:transparent}.touch-btn.gas{background:#3caa5ab3;min-width:100px;min-height:100px}.touch-btn.brake{background:#c83c32b3;font-size:20px}.touch-btn.small{min-width:64px;min-height:64px;font-size:26px;background:#ffb43c99}.touch-btn.active{filter:brightness(1.4);transform:scale(.96)}}.hud-buttons{position:absolute;bottom:12px;left:14px;z-index:26;display:flex;gap:8px;flex-wrap:wrap}.hud-buttons button{min-height:34px;padding:6px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.22);background:#0a101eb3;color:#eef2f8;font-size:13px;cursor:pointer}.hud-buttons button:hover{background:#283c64d9}@media(pointer:coarse){.hud-buttons{left:50%;transform:translate(-50%);bottom:calc(10px + env(safe-area-inset-bottom))}}.overlay-shell{position:fixed;inset:0;z-index:60;display:none;align-items:center;justify-content:center;background:#040812a8;padding:16px}.overlay-shell.visible{display:flex}.overlay-card{width:min(92vw,560px);max-height:92vh;overflow:auto;padding:22px 26px;border-radius:22px;background:#121a2c;border:1px solid rgba(255,210,74,.35);box-shadow:0 20px 60px #00000080}.overlay-eyebrow{font-size:12px;letter-spacing:.2em;opacity:.7;margin-bottom:6px}.overlay-card h2{font-size:26px;margin-bottom:8px}.overlay-card p{line-height:1.6}.help-body{display:flex;flex-direction:column;gap:10px;font-size:15px;line-height:1.7}.help-body .rule{padding:8px 12px;border-radius:12px;background:#7de08c1f}.overlay-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px;flex-wrap:wrap}.overlay-actions button{min-height:44px;padding:10px 20px;border-radius:12px;border:0;cursor:pointer;background:#ffd24a;color:#201a06;font-weight:800;font-size:16px}.overlay-actions button:first-child{background:#ffffff24;color:#fff}.result-table{width:100%;border-collapse:collapse;margin-top:12px;font-size:15px;font-variant-numeric:tabular-nums}.result-table td{padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.08)}.result-table tr.me td{background:#ffd24a24;font-weight:800}.result-table .dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px;vertical-align:middle;border:1px solid rgba(255,255,255,.4)}.result-card h2{font-size:30px}.star-line{font-size:17px;font-weight:800;color:#ffd24a;display:flex;align-items:center;gap:8px;min-height:0}.star-line .oiled{color:#b0a8ff}.daily-badge{font-size:12px;font-weight:700;color:#7de08c;border:1px solid rgba(125,224,140,.5);border-radius:999px;padding:1px 8px}.daily-button{width:100%;min-height:46px;margin-top:10px;border:1px solid rgba(125,224,140,.55);border-radius:14px;cursor:pointer;background:#7de08c24;color:#d9ffe2;font-size:16px;font-weight:800}.daily-button:hover{background:#7de08c3d}.home-actions{position:sticky;bottom:0;z-index:2;margin:10px -28px 0;padding:12px 28px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to bottom,#0e142400,#0e1424f5 22%,#0e1424fc)}.home-actions .daily-button{margin-top:8px}.home-actions .daily-hint{margin:6px 0 0;font-size:12px;opacity:.78}.record-text{margin-top:6px;color:#ffd24a;font-weight:700;font-size:15px;line-height:1.6;min-height:1.2em}.pause-card h2{font-size:30px}.pause-card p{font-size:16px}#pauseButton{border-color:#ffd24a8c;color:#ffd24a;font-weight:700}.home-screen{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;background:linear-gradient(180deg,#060a168c,#060a16d9);padding:16px}.home-screen.visible{display:flex}.home-card{width:min(94vw,640px);max-height:94vh;overflow:auto;padding:24px 28px;border-radius:24px;background:#0e1424f0;border:1px solid rgba(255,210,74,.35);box-shadow:0 24px 80px #0000008c}.home-eyebrow{font-size:12px;letter-spacing:.25em;opacity:.7}.home-card h1{font-size:34px;margin:4px 0 6px}.home-sub{font-size:15px;opacity:.9;line-height:1.6;margin-bottom:14px}.age-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 10px}.age-btn{min-height:62px;padding:8px 6px;border-radius:14px;cursor:pointer;border:2px solid rgba(255,255,255,.22);background:#ffffff0f;color:#eef2f8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.age-btn b{font-size:17px;font-weight:800}.age-btn small{font-size:11px;opacity:.75}.age-btn.on{border-color:#ffd24a;background:#ffd24a29}.age-btn.on b{color:#ffd24a}.adv-fold>summary{cursor:pointer;list-style:none;padding:6px 2px;font-size:14px;opacity:.82}.adv-fold>summary::-webkit-details-marker{display:none}.adv-fold>summary:before{content:"▸ "}.adv-fold[open]>summary:before{content:"▾ "}.home-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 14px;margin:10px 0}.home-row label{display:flex;flex-direction:column;gap:4px;font-size:13px;opacity:.9}select{color-scheme:dark;min-height:40px;padding:6px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:#1a2338;color:#eef2f8;font-size:15px}option{background:#1a2338;color:#eef2f8}.home-hint{font-size:13px;opacity:.8;line-height:1.6;margin:10px 0}.ver-tag{font-size:12px;opacity:.6}.start-button{width:100%;min-height:54px;border:0;border-radius:16px;cursor:pointer;background:linear-gradient(90deg,#ffb347,#ffd24a);color:#201a06;font-size:20px;font-weight:900}.start-button:hover{filter:brightness(1.06)}@media(prefers-reduced-motion:reduce){.countdown,.wrong-way,.rotate-emoji{animation:none}}.seam{position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:#ffffff8c;z-index:15;pointer-events:none}.race-card.p2{left:auto;right:12px;border-color:#ff5a508c}.race-card.p2 .race-line.big{color:#ff8a80}.duel2p .race-card:not(.p2){border-color:#64a0ff8c}.duel2p .race-card:not(.p2) .race-line.big{color:#8ab4ff}.duel2p .mini-wrap{right:auto;left:50%;transform:translate(-50%);align-items:center}.duel2p #miniMap{width:116px;height:116px}.duel2p .view-tag{display:none}.duel2p .speed-panel:not(.p2){right:calc(50% + 12px)}.speed-panel.p2{right:12px;border-color:#ff5a5073}.duel2p .speed-panel:not(.p2){border-color:#64a0ff73}.duel2p .touch-controls{display:none!important}.duel2p .message-ribbon{max-width:min(46vw,520px)}.duel2p .speed-hint{display:block}.ver-fold{margin-top:10px;text-align:left}.ver-fold>summary{cursor:pointer;list-style:none;padding:4px 2px;font-size:.82rem;line-height:1.4;opacity:.72}.ver-fold>summary::-webkit-details-marker{display:none}.ver-fold>summary:before{content:"▸ "}.ver-fold[open]>summary:before{content:"▾ "}.ver-fold>summary:hover,.ver-fold>summary:focus-visible{opacity:1}.ver-fold[open]>:not(summary){max-height:min(46vh,340px);overflow-y:auto;-webkit-overflow-scrolling:touch}.trip-card{position:absolute;top:64px;left:62px;z-index:20;padding:10px 16px;border-radius:16px;background:#0a101ec7;border:1px solid rgba(120,200,255,.4);min-width:190px}.trip-line{font-size:15px;line-height:1.5}.trip-line.big{font-size:22px;font-weight:800;color:#8fd4ff}.trip-line.small{font-size:12px;opacity:.85;font-variant-numeric:tabular-nums}.vehicle-bar{position:absolute;left:50%;transform:translate(-50%);bottom:12px;z-index:26;display:flex;gap:8px}.veh-btn{min-width:56px;min-height:52px;border-radius:14px;cursor:pointer;border:2px solid rgba(255,255,255,.22);background:#0a101eb8;color:#eef2f8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.veh-btn .veh-ico{font-size:22px;line-height:1}.veh-btn .veh-key{font-size:10px;opacity:.6}.veh-btn:hover{background:#283c64d9}.veh-btn.on{border-color:#8fd4ff;background:#50aaff38}@media(pointer:coarse){.vehicle-bar{bottom:calc(76px + env(safe-area-inset-bottom))}.veh-btn .veh-key{display:none}}.age-presets{display:flex;gap:10px;margin:4px 0 14px;flex-wrap:wrap}.age-btn{flex:1 1 130px;min-height:56px;padding:8px 10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:12px;border:2px solid rgba(255,255,255,.18);background:#ffffff0f;color:#eef3ff;font:inherit;line-height:1.25}.age-btn b{font-size:1.05rem;letter-spacing:.03em}.age-btn small{font-size:.74rem;opacity:.72;text-align:center}.age-btn:hover{background:#ffffff1f}.age-btn.on{border-color:#5ad1ff;background:#5ad1ff2e;box-shadow:0 0 0 1px #5ad1ff59}.ghost-button{padding:10px 16px;border-radius:10px;cursor:pointer;font:inherit;border:2px solid rgba(255,255,255,.22);background:#ffffff0f;color:#eef3ff}.ghost-button:hover{background:#ffffff24}.vehicle-bar.dimmed{opacity:.38;filter:grayscale(.6);pointer-events:none}#footButton.on{border-color:#5ad1ff;background:#5ad1ff33}.route-card{position:absolute;top:188px;left:62px;z-index:20;min-width:216px;max-width:300px;padding:10px 13px;border-radius:13px;background:#0e131ed1;border:1px solid rgba(255,212,121,.35);color:#eef3ff;line-height:1.35;box-shadow:0 6px 20px #0000004d}.route-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.76rem;opacity:.78}.route-dots{display:flex;gap:4px}.route-dots i{width:7px;height:7px;border-radius:50%;background:#ffffff47;display:block}.route-dots i.done{background:#ffd479}.route-next{display:flex;align-items:center;gap:8px;margin-top:3px;font-size:1.02rem;font-weight:700}.route-arrow{font-size:1.25rem;color:#ffd479;display:inline-block}.route-dist{font-size:.8rem;opacity:.8;margin-top:2px}.route-card.done{border-color:#78dc9680}.route-card.done .route-arrow{color:#7cdc96}