/* Gameplay additions on the original illustrated 2D interface. */
#race-canvas{display:block;width:100%;height:100%}.race-top,.race-bottom{pointer-events:none;z-index:3}.race-actions{pointer-events:auto}
.track-readout{position:absolute;right:22px;top:100px;padding:7px;background:#1b211bcc;border:2px solid #f1e7c266;color:#f4e9c6;pointer-events:none}.track-readout span,#telemetry{display:block;text-align:center;font:700 9px 'DM Sans';padding:4px;letter-spacing:1px}
.drift-hud{position:absolute;left:24px;bottom:126px;width:225px;z-index:3;color:#fff2cb;pointer-events:none}.drift-hud>span{display:block;font:800 10px 'DM Sans';text-shadow:1px 2px #222;margin-bottom:7px}.drift-hud b{font-size:8px;display:block;margin-top:5px}.drift-hud>div{height:7px;border:1px solid #fff0bc77;background:#2b302acc;transform:skew(-10deg)}.drift-hud i{display:block;width:0;height:100%;background:#e8c76b}
#pit-hint{position:absolute;bottom:174px;left:50%;transform:translateX(-50%);color:#e2f3c9;background:#2d4530dd;padding:5px 9px;font:900 16px 'Barlow Condensed';pointer-events:none}#pit-hint:empty{display:none}
#pickup-banner{position:absolute;left:50%;top:102px;z-index:7;transform:translate(-50%,-12px) rotate(-2deg);display:flex;align-items:center;gap:13px;padding:10px 19px;background:#fff0c8;border:3px solid #302f26;border-radius:12px 4px 14px 5px;box-shadow:4px 5px 0 #302f2644;color:#302f26;opacity:0;pointer-events:none;transition:opacity .16s,transform .2s;min-width:240px}
#pickup-banner.show{opacity:1;transform:translate(-50%,0) rotate(-2deg)}#pickup-symbol{font-size:37px;color:#c48129}#pickup-banner small,#pickup-action{display:block;font:800 9px 'DM Sans';letter-spacing:.8px}#pickup-name{display:block;font:900 25px 'Barlow Condensed';line-height:1.2}#pickup-action{font-size:9px;margin-top:3px;letter-spacing:.4px}.weapon-box.item-ready{border-color:#f8d069;box-shadow:0 0 20px #ffe19955}
.ghost-option{display:flex!important;align-items:center;gap:8px;font-size:11px!important;margin:18px 0!important}.ghost-option input{width:auto!important}.result-actions{display:flex;gap:10px;margin:18px 0 12px}.result-actions button{flex:1;padding:10px;font-size:18px}#results-rematch{margin-bottom:12px}#results-close{background:#ded9ca;color:#292b25;font-size:18px;box-shadow:none}#clip-download{display:block;text-align:center;text-decoration:none;padding:12px;background:#e6dda9;color:#333524;margin-bottom:12px;font-weight:800}
#replay-bar{position:absolute;z-index:9;left:20px;right:20px;bottom:20px;background:#242d25ee;border:2px solid #e6d5a4;color:#f8e8c2;padding:16px;display:flex;justify-content:space-between;font:900 22px 'Barlow Condensed'}#replay-bar small{font:700 9px 'DM Sans';margin-left:12px}#replay-bar button{background:transparent;color:#fff0cc;border:0;font:700 11px 'DM Sans'}#replay-bar>div{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff15}#replay-progress{display:block;height:100%;background:#ecc561}.replaying .race-bottom,.replaying .race-top,.replaying .drift-hud,.replaying .track-readout,.replaying .touch-controls,.replaying #pit-hint,.replaying .race-notice,.replaying #pickup-banner{display:none!important}
.practice-card{max-height:92vh;overflow:auto}.practice-card #practice-course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.course-preview{height:auto!important;aspect-ratio:1.53}.course-preview img{object-fit:contain}.course-card{border-radius:5px 8px 3px 7px}.cart-card{border-radius:5px 12px 4px 7px}.card-index{transform:rotate(-6deg)}
.mobile-controls #pickup-banner{top:90px;padding:7px 11px;gap:9px;min-width:205px}.mobile-controls #pickup-name{font-size:21px}.mobile-controls #pickup-symbol{font-size:28px}.mobile-controls .race-notice{top:auto;bottom:calc(var(--deck) + var(--safe-bottom) + 8px)}
@media(max-width:650px){.practice-card #practice-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar-left{display:none}.topbar .account{width:100%;justify-content:space-between}.sound-toggle{font-size:9px!important;padding:6px!important}.result-actions button{font-size:16px}}
@media(orientation:landscape) and (max-height:550px){.mobile-controls #pickup-banner{top:10px;min-width:190px;padding:5px 10px}.mobile-controls #pickup-name{font-size:19px}.mobile-controls #pickup-caption{font-size:8px}}
@media(prefers-reduced-motion:reduce){#pickup-banner{transition:none}}