/* Foundry Coast extends the collector palette; driving controls stay at the edges. */
.drive-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px}
.drive-heading .page-title{font-size:clamp(2.8rem,5vw,5.5rem)}
.drive-wallet{display:flex;flex-direction:column;gap:4px;flex-shrink:0;padding:14px 0 14px 24px;text-align:right}
.drive-wallet strong{font-size:2rem;color:#ffc58a;font-variant-numeric:tabular-nums}.drive-wallet span{font-size:.75rem;color:#c5c4bf}
.drive-map-panel{position:relative;background:#14282b;overflow:hidden;border-radius:7px;margin-bottom:24px}
.drive-map-land{height:230px}.drive-map-land svg{width:100%;height:100%}.map-coast{fill:#1c414d}.map-ground{fill:#343d36}.map-route{fill:none;stroke:#bfc1ab;stroke-width:7;stroke-linejoin:round}.map-toy{fill:none;stroke:#ff8d46;stroke-width:8}.map-arena{fill:#7f6448;stroke:#e9b172;stroke-width:4}.map-label{fill:#f3ede3;font:700 11px Arial,sans-serif;letter-spacing:1px}
.drive-map-caption{padding:14px 20px;color:#d0d5ce;font-size:.85rem;background:#132225;margin:0;line-height:1.6}
.drive-setup{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:20px;align-items:end;margin:26px 0}.drive-setup label{font-size:.8rem;font-weight:700;display:flex;flex-direction:column;gap:9px}.drive-setup .field{width:100%;min-width:0;font-size:16px;min-height:48px}.drive-setup p{margin:0;line-height:1.6}
.drive-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:42px}
.drive-mode{border:1px solid #525658;border-radius:6px;overflow:hidden;padding:0;background:#22272c;color:#f7f1e9;text-align:left;cursor:pointer;display:flex;flex-direction:column;touch-action:manipulation}
.mode-art{height:130px;display:flex;align-items:flex-end;padding:15px 18px;position:relative;overflow:hidden}
.mode-art::before,.mode-art::after{content:'';position:absolute;pointer-events:none}
.cruise-art{background:linear-gradient(175deg,#456c75 0 45%,#77816a 45% 65%,#3c443b 65%)}
.cruise-art::before{width:80%;height:260%;background:#383f42;transform:rotate(45deg);left:12%;top:-35%;border-inline:4px solid #c4b598}.cruise-art::after{width:2px;height:260%;background:repeating-linear-gradient(#f1dca1 0 18px,transparent 18px 32px);transform:rotate(45deg);left:52%;top:-35%}
.race-art{background:#344c57}.race-art::before{height:38px;width:150%;background:#e27938;border-block:4px solid #ffc180;transform:rotate(-21deg);left:-20%;top:31px}.race-art::after{width:60%;height:170%;border:18px solid #ee8a3f;border-radius:50%;transform:rotate(-22deg);right:-15%;top:20px}
.derby-art{background:linear-gradient(#657579 0 40%,#64574b 40%)}.derby-art::before{width:80%;height:110px;border:9px solid #c59561;border-radius:50%;left:9%;top:32px;background:#453f39}.derby-art::after{left:50%;top:55px;width:4px;height:80px;background:#9f7653;transform:rotate(30deg)}
.mode-art>span{z-index:1;font-size:.62rem;letter-spacing:.12em;font-weight:800;padding:6px 9px;background:#141c20e8;color:#fff2df}
.mode-copy{padding:21px 20px;display:flex;flex:1;flex-direction:column;gap:12px}.mode-copy>strong{font:800 2.15rem Impact,'Arial Narrow',Arial,sans-serif;text-transform:uppercase}.mode-copy>span{font-size:.88rem;line-height:1.65;color:#c2c8cb}.mode-copy>b{margin-top:auto;padding-top:9px;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#ffb67c;display:flex;justify-content:space-between}
.drive-mode:active{background:#34393e}.drive-mode:focus-visible,.driving-play button:focus-visible{outline:3px solid #ffe2a7;outline-offset:4px}
@media(hover:hover) and (pointer:fine){.drive-mode:hover{border-color:#f6b77a}.drive-control:hover{background:#27393ce8}}
.drive-workshop h2,.drive-daily h2{font-size:clamp(1.7rem,2.5vw,2.5rem);margin-bottom:18px}.drive-upgrades{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}.drive-upgrade{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #42494e;padding:20px 0}.drive-upgrade h3{font:700 1rem Arial,sans-serif;text-transform:none}.drive-upgrade p{color:#b9c1c5;font-size:.78rem;margin:7px 0 12px}.drive-upgrade button{min-width:123px;font-size:.68rem;box-shadow:none}.upgrade-level{display:flex;gap:4px}.upgrade-level i{width:22px;height:4px;background:#50585d}.upgrade-level i.filled{background:#f5ad70}.drive-daily{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:30px;padding-top:32px;border-top:1px solid #42494e}.drive-daily p{line-height:1.65;max-width:48ch;font-size:.88rem}.drive-daily ul{list-style:none;padding:0;margin:0}.drive-daily li{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #42494e;font-size:.8rem;line-height:1.5}.drive-daily li b{color:#ffd29d;white-space:nowrap}.drive-help{margin-top:30px;padding:20px 0;border-top:1px solid #42494e}.drive-help summary{cursor:pointer;color:#edc49a;min-height:36px}.drive-help p{font-size:.85rem;line-height:1.7;max-width:80ch;color:#bbc3c7}.drive-loading{position:fixed;inset:0;display:grid;place-content:center;justify-items:center;background:#14252a;z-index:100}
body.drive-active{overflow:hidden;overscroll-behavior:none}body.drive-active::before,body.drive-active .topbar,body.drive-active .side-nav{display:none}body.drive-active #main{padding:0;max-width:none}
.driving-play{position:fixed;inset:0;z-index:100;width:100%;height:100dvh;background:#577882;overscroll-behavior:none;isolation:isolate;user-select:none;-webkit-user-select:none}
.driving-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none;outline:0}
.drive-top-left{position:absolute;left:max(18px,env(safe-area-inset-left));top:max(16px,env(safe-area-inset-top));display:flex;gap:12px;align-items:center}
.drive-control{width:62px;height:62px;min-width:56px;min-height:56px;border:1px solid #f4e9cc88;border-radius:15px;background:#182b31c9;color:#fff3d6;display:grid;place-items:center;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;transition:background 100ms ease-out,transform 100ms ease-out;padding:14px;box-shadow:0 4px 15px #0c15194a}
.drive-control svg{width:100%;height:100%}.drive-control:active,.drive-control.held{background:#dc9251ed;color:#192b32;transform:scale(.96)}.pause-control{width:46px;height:46px;min-width:44px;min-height:44px;border-radius:11px;padding:13px}.drive-mode-label{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em;color:#fff9e9;text-shadow:0 2px 7px #000}
.drive-instruments{position:absolute;right:max(18px,env(safe-area-inset-right));top:max(16px,env(safe-area-inset-top));width:160px;color:#fff4e2;text-shadow:0 2px 7px #000}
.drive-minimap{width:160px;height:114px;border:1px solid #dee6d380;border-radius:8px;opacity:.92;display:block}
.drive-speed{display:flex;align-items:baseline;gap:6px;justify-content:flex-end;margin-top:5px}.drive-speed strong{font-size:1.8rem;line-height:1;font-variant-numeric:tabular-nums}.drive-speed span{font-size:.55rem}.drive-speed meter{width:42px;height:8px;align-self:center;margin-left:8px;accent-color:#ffae69}.drive-event-stat{font-size:.58rem;letter-spacing:.025em;text-align:right;margin-top:7px;min-height:14px;font-weight:700;line-height:1.5}
.drive-steering{position:absolute;left:max(22px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom));display:flex;gap:14px}
.drive-pedals{position:absolute;right:max(22px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));display:flex;gap:14px;align-items:flex-end}.throttle-control{height:84px;background:#e9b574cf;color:#1a292c}.brake-control{height:66px}.boost-control{width:56px;height:56px;margin-right:3px;border-radius:50%;padding:14px}
.drive-countdown{position:absolute;top:30%;left:50%;transform:translateX(-50%);font:800 clamp(3rem,9vw,6rem) Impact,Arial,sans-serif;color:#fff4d9;text-shadow:0 5px 20px #0008;pointer-events:none}
.drive-message{position:absolute;left:50%;top:22px;transform:translateX(-50%);max-width:45%;font-size:.8rem;text-align:center;background:#14272ce6;color:#fff1d6;padding:9px 14px;border-radius:5px;pointer-events:none}.drive-message:empty{display:none}
.drive-shade,.drive-portrait{position:absolute;inset:0;background:#11232be8;display:flex;align-items:center;justify-content:center;z-index:4;padding:max(20px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));overflow:auto}
.drive-shade[hidden],.drive-portrait[hidden]{display:none}.drive-pause-panel{width:min(560px,100%);margin:auto}.drive-pause-panel h2{font-size:clamp(1.9rem,4vw,3rem);margin-bottom:12px}.drive-pause-panel p{line-height:1.65;font-size:.85rem;margin:12px 0}.drive-pause-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.drive-pause-actions .button{min-height:44px}.drive-quality-label{display:flex;align-items:center;gap:15px;font-size:.8rem}.drive-quality-label .field{font-size:16px;min-height:44px}.drive-result-reward{color:#ffcb8b;font-weight:800}.drive-save-error{color:#ffd1b4}.drive-portrait{z-index:6;background:#11232b;flex-direction:column;text-align:center;gap:14px}.drive-portrait p{max-width:30ch;line-height:1.6}.drive-portrait h2{max-width:16ch}
@media(max-width:850px){.side-nav .nav-item{min-width:0;flex:1}.drive-heading{gap:12px}.drive-wallet{padding-left:0}.drive-wallet strong{font-size:1.5rem}.drive-setup{grid-template-columns:2fr 1fr}.drive-setup p{grid-column:1/-1}.drive-modes{gap:10px}.mode-art{height:100px;padding:12px}.mode-copy{padding:15px;gap:10px}.mode-copy>strong{font-size:1.8rem}.mode-copy>span{font-size:.78rem}.drive-daily{gap:24px}}
@media(max-width:540px){.drive-heading{flex-direction:column}.drive-wallet{flex-direction:row;align-items:baseline;gap:10px;padding:0}.drive-map-land{height:160px}.drive-map-land svg{width:150%;margin-left:-25%}.drive-map-caption{font-size:.75rem}.drive-modes{grid-template-columns:1fr}.drive-mode{display:grid;grid-template-columns:110px 1fr}.mode-art{height:100%;min-height:165px;padding:10px}.mode-art>span{font-size:.5rem;line-height:1.6;letter-spacing:.05em}.mode-copy>strong{font-size:1.7rem}.mode-copy>span{font-size:.8rem}.drive-upgrades{grid-template-columns:1fr}.drive-daily{grid-template-columns:1fr;gap:12px}.drive-upgrade .button{min-width:117px}.drive-setup{grid-template-columns:1fr}.drive-setup p{grid-column:auto}}
@media(orientation:landscape) and (max-height:500px){.drive-top-left{top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left))}.drive-instruments{top:10px;right:max(12px,env(safe-area-inset-right));width:130px}.drive-minimap{width:130px;height:86px}.drive-speed strong{font-size:1.4rem}.drive-event-stat{font-size:.52rem;margin-top:4px}.drive-steering,.drive-pedals{bottom:max(14px,env(safe-area-inset-bottom));gap:10px}.drive-steering{left:max(16px,env(safe-area-inset-left))}.drive-pedals{right:max(16px,env(safe-area-inset-right))}.drive-control{width:58px;height:58px}.pause-control{width:44px;height:44px}.throttle-control{height:72px}.boost-control{width:56px;height:56px}.drive-pause-panel h2{font-size:2rem}.drive-pause-panel p{margin:7px 0}.drive-pause-actions{margin:12px 0}.drive-message{top:12px;font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.drive-control{transition:none}}

.drive-activities-button{min-height:44px;padding:8px 13px;border:1px solid #d4c6ac70;background:#182b31e6;color:#fff1d6;border-radius:6px;font:700 .72rem Arial,sans-serif;cursor:pointer;touch-action:manipulation}
.cruise-objective{position:absolute;left:max(18px,env(safe-area-inset-left));top:88px;width:min(330px,calc(100% - 210px));pointer-events:none;color:#fff4df;text-shadow:0 2px 5px #11232b}
.cruise-objective p{font-size:.78rem;line-height:1.5;margin:0;max-width:38ch}.cruise-objective button{pointer-events:auto;margin-top:10px;min-height:48px;max-width:100%;font-size:.68rem;white-space:normal;background:#21343aef}.cruise-objective button[hidden]{display:none}
.drive-pause-panel.cruise-board{width:min(900px,100%);padding-bottom:12px;user-select:text;-webkit-user-select:text}
.cruise-board-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.cruise-board-heading p{color:#cfdbd8}.cruise-board-heading .button{flex-shrink:0}
.cruise-activity-list{display:grid;grid-template-columns:1fr 1fr;gap:20px 36px}.cruise-activity-list section>h3{font-size:1.25rem;margin:8px 0 12px;color:#ffd4a5}
.cruise-activity{padding:16px 0;border-top:1px solid #73858565;display:flex;justify-content:space-between;gap:14px}.cruise-activity.is-tracked h4{color:#93efdb}.cruise-activity h4{font:700 .9rem Arial,sans-serif;margin:0}.cruise-activity-copy p{font-size:.76rem;line-height:1.5;color:#dae4df;margin:7px 0}.cruise-activity-copy>span{font-size:.67rem;line-height:1.6;color:#e5cdb0}.cruise-activity-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch;min-width:82px;text-align:center}.cruise-activity-actions>span{font-size:.65rem;color:#c3d4cf;font-variant-numeric:tabular-nums}.cruise-activity-actions .button{min-height:44px;padding:9px 12px;font-size:.65rem;box-shadow:none}
.cruise-pending{padding:16px;background:#533b2d;margin-bottom:22px}.cruise-pending h3{font-size:1.1rem}.cruise-pending button{margin:4px 8px 4px 0}.cruise-active{color:#a8f4dc}.cruise-active button{margin-left:10px}.cruise-board-note{max-width:75ch;color:#bdceca}.cruise-board{scrollbar-color:#a3b9ae #192d33}.cruise-board ::selection{background:#dbad77;color:#14272c}
@media(hover:hover) and (pointer:fine){.drive-activities-button:hover{background:#365057}}
.drive-activities-button:active{background:#cda16c;color:#172d33}
@media(max-width:700px){.cruise-activity-list{grid-template-columns:1fr;gap:18px}.cruise-board-heading{align-items:flex-start}.cruise-board-heading .button{font-size:.65rem;padding-inline:12px}.cruise-board-heading h2{font-size:1.8rem}}
@media(orientation:landscape) and (max-height:500px){.cruise-objective{top:66px;left:max(14px,env(safe-area-inset-left));width:min(280px,calc(100% - 190px))}.cruise-objective p{font-size:.68rem;line-height:1.4}.cruise-objective button{min-height:44px;margin-top:6px}.drive-activities-button{padding-inline:10px}.cruise-board-heading{margin-bottom:15px}.cruise-board-heading h2{font-size:1.8rem}}

.drive-boost-state{display:block;font:700 .5rem Arial,sans-serif;letter-spacing:.04em;color:#d9dfd3;margin-top:3px;line-height:1.3}

.drive-wanted{display:table;margin:7px 0 0 auto;padding:4px 7px;border:1px solid #efc68b80;border-radius:4px;background:#2e2c22dc;color:#ffe0a5;font:800 .58rem Arial,sans-serif;letter-spacing:.055em;line-height:1.35;font-variant-numeric:tabular-nums;pointer-events:none}
.drive-wanted[hidden]{display:none}.drive-wanted[data-level="2"]{background:#493123e8;color:#ffd09b;border-color:#ffa06e90}.drive-wanted[data-level="3"]{background:#51292be8;color:#ffcebc;border-color:#ff8a7890}
@media(orientation:landscape) and (max-height:500px){.drive-wanted{font-size:.5rem;margin-top:4px;padding:3px 5px}}