.racing-overlay{position:fixed;inset:0;z-index:14000;overflow:auto;background:radial-gradient(ellipse at 50% 0,#253957,#11172d 70%);color:#f3eddb;padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(16px,env(safe-area-inset-left));font-family:system-ui,sans-serif}.race-header{position:sticky;top:0;z-index:500;display:flex;justify-content:space-between;align-items:center;gap:10px;background:#151e35ed;padding:12px 0;backdrop-filter:blur(12px)}.race-header h1{font-size:22px;margin:0}.racing-body{max-width:1000px;margin:auto;padding:18px 0 40px}.racing-overlay button{min-height:44px;border:1px solid #7987a8;border-radius:12px;background:#263751;color:#fff5de;padding:10px 16px;cursor:pointer;font:inherit}.racing-overlay button:focus-visible{outline:3px solid #fff0a1;outline-offset:3px}.racing-overlay button:disabled{opacity:.45;cursor:default}.racing-overlay button.primary,.racing-overlay .chosen{background:#6a542b;border-color:#f4d78a}.race-rival{display:grid;grid-template-columns:240px 1fr;align-items:center;gap:24px;background:linear-gradient(130deg,#45405b77,#1d2a47);padding:20px;border:1px solid #ad9b6a77;border-radius:20px}.race-showcase{text-align:center}.race-showcase-sprite{display:block;width:210px;height:210px;filter:drop-shadow(0 0 25px #efad5733)}.race-champion-label,.race-eyebrow{font-size:10px;letter-spacing:.14em;color:#f0d58e}.race-rival h2{font-size:clamp(24px,4vw,36px);margin:10px 0}.race-rival p{line-height:1.65}.race-muted,.race-help{color:#bbc6db;font-size:13px;line-height:1.65}.race-notice{padding:14px 16px;border-left:3px solid #e6c580;background:#28354e;border-radius:4px}.race-roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:20px 0}.race-select{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center}.race-buddy-sprite{width:100px;height:100px}.race-select span,.race-select small{font-size:12px}.race-skill{color:#f1daa0}.race-tracks{display:flex;gap:9px;flex-wrap:wrap}.race-records{margin-top:30px;border-top:1px solid #65728d;padding-top:15px}.race-records p{color:#bbc6db;font-size:13px}.race-hud{display:flex;justify-content:space-between;gap:8px;font-size:14px;margin:2px 0 12px}.race-scene{position:relative;height:400px;overflow:hidden;border:1px solid #c9bd8c88;border-radius:24px;background:#75b899}.race-track{position:absolute;inset:0;width:100%;height:100%}.race-runner{position:absolute;width:66px;height:66px;transform:translate(-50%,-84%);pointer-events:none}.race-runner canvas{width:66px;height:66px;filter:drop-shadow(0 3px 2px #0006)}.race-runner-name{position:absolute;top:60px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px;padding:2px 4px;border-radius:4px;color:white;background:#18253be6}.race-runner.yours .race-runner-name{background:#204e4b}.race-runner.champion .race-runner-name{background:#6c402a}.race-runner.champion canvas{transform:scale(1.2)}.race-runner.controlled canvas{filter:drop-shadow(0 0 5px #fff9b0)}.race-runner.boosting{background:radial-gradient(ellipse,#ffe69788,transparent 60%)}.race-controls{display:grid;grid-template-columns:1fr 2fr 1fr;gap:10px;margin:16px 0}.race-controls button:nth-child(n+4){grid-column:auto}.race-controls button:last-child{grid-column:2/4}.race-live-events{min-height:42px;font-size:14px;color:#f8e7b0;line-height:1.5}.race-standings{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 30px;font-size:12px;color:#cbd1dd;padding-left:20px}.race-standings .yours{color:#a6e7ca}.race-results{display:grid;gap:12px}.race-reward{padding:14px;background:#294745;border-radius:12px;color:#d5f7e6}.racing-open .world-view-dock{display:none}.town-quick-modes{flex-wrap:wrap}#quick-racing{white-space:nowrap}
@media(max-width:600px){.race-rival{grid-template-columns:1fr;padding:16px;gap:0}.race-showcase{display:flex;align-items:center;justify-content:center;gap:10px}.race-showcase-sprite{width:120px;height:120px}.race-champion-label{max-width:100px;line-height:1.8}.race-rival h2{font-size:26px}.race-rival p{font-size:13px;margin:9px 0}.race-roster{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.race-scene{height:360px}.race-runner{width:52px;height:52px}.race-runner canvas{width:52px;height:52px}.race-runner-name{top:48px;font-size:8px;max-width:105px;overflow:hidden;text-overflow:ellipsis}.race-controls{gap:7px}.race-controls button{padding:10px 7px;font-size:12px}.race-hud{font-size:12px}.race-standings{grid-template-columns:repeat(2,1fr)}.race-header h1{font-size:19px}.race-header button{font-size:12px}}
.rival-story-preview{display:block;width:110px;height:110px;margin:0 auto;filter:drop-shadow(0 0 15px #d7906155)}
@media(max-height:650px){.rival-story-preview{width:70px;height:70px}}
@media(max-width:600px){.town-quick-modes{max-width:calc(100% - 112px);gap:4px}.town-quick-modes button{min-width:54px;padding:0 8px;font-size:12px}.racing-overlay{overscroll-behavior:contain}}
@media(max-width:350px){.town-quick-modes button{min-width:46px;padding:0 5px;font-size:11px}}
.race-runner.shielded:after{content:'';position:absolute;inset:3px;border:2px solid #b5f1ef;border-radius:50%;box-shadow:0 0 12px #9ce4e688}.race-runner[data-fx=hit] canvas{filter:brightness(1.5) drop-shadow(0 0 6px #fcb9b9);animation:race-recoil .18s ease-in-out 3}.race-runner[data-fx=blink]{opacity:.65;filter:drop-shadow(-12px 0 3px #a8caff)}.race-runner[data-fx=flame]{background:radial-gradient(ellipse,#ffb25d99,transparent 65%)}.race-runner.boosting:before{content:'✦';position:absolute;left:-8px;top:30px;color:#ffe7a0;text-shadow:0 0 8px #ffd16a;font-size:22px}.race-podium{display:flex;align-items:flex-end;justify-content:center;gap:14px;margin:28px 0}.race-podium-place{display:flex;flex-direction:column;align-items:center;text-align:center;width:30%;max-width:200px;background:linear-gradient(#6d6351,#28394b);border:1px solid #d3b778;border-radius:18px 18px 5px 5px;padding:12px 5px 20px}.race-podium-place.place-1{order:2;min-height:210px;background:linear-gradient(#867044,#354652)}.race-podium-place.place-2{order:1;min-height:175px}.race-podium-place.place-3{order:3;min-height:150px}.race-podium-place>strong{font:32px Georgia;color:#ffe5a0}.race-podium-place>b{font-size:12px}.race-podium-place canvas{max-width:100%;height:auto}.race-scene{isolation:isolate}.race-controls{position:sticky;bottom:0;z-index:1000;background:#152239ed;padding:10px 0 calc(10px + env(safe-area-inset-bottom));margin-bottom:0}.race-results{line-height:1.5}@keyframes race-recoil{50%{transform:translateX(-3px) rotate(-4deg)}}@media(prefers-reduced-motion:reduce){.race-runner[data-fx=hit] canvas{animation:none}}@media(max-height:540px) and (min-width:600px){.race-scene{height:260px}.race-controls{position:static;grid-template-columns:1fr 2fr 1fr 1.5fr 1fr;margin-top:8px;padding:6px 0}.race-controls button:last-child{grid-column:auto}.race-live-events{min-height:24px;margin:5px 0}.race-runner,.race-runner canvas{width:48px;height:48px}.race-runner-name{top:43px}}