.board[data-kind=truck]{display:grid;grid-template-columns:minmax(0,1fr) clamp(110px,17vw,190px);grid-template-rows:auto minmax(0,1fr) auto;gap:8px 14px;padding:14px 20px;background:linear-gradient(#30203b25,#30203b25),url('art/garage-halloween-v1.webp') center/cover;border-radius:24px;overflow:hidden;isolation:isolate}
.garage-order{grid-column:1/-1;justify-self:center;display:flex;align-items:center;gap:16px;max-width:100%;padding:8px 20px;border:3px solid #efc581;border-radius:20px;background:#fff4df;color:#51305f;box-shadow:0 4px #593743;text-align:center}.garage-order strong{font:clamp(18px,2vw,30px) Froople,sans-serif}.garage-order span{font-size:clamp(14px,1.6vw,22px);font-weight:900;color:#51305f}.garage-order:before{content:'';flex:0 0 22px;height:22px;border-radius:50%;background:var(--order-paint);box-shadow:inset 0 2px 3px #fff8,0 2px 2px #36243a88}
.garage-bay{grid-column:1;grid-row:2;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;position:relative}
.garage-bay .monster-garage{max-width:none;max-height:none;min-height:0;flex:none;align-self:auto;margin:0;background:radial-gradient(ellipse at 50% 85%,#140b3077,transparent 65%);filter:drop-shadow(0 9px 6px #190d3c66)}
.board[data-kind=truck] .paint-pots,.board[data-kind=truck]>.props{grid-column:2;grid-row:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:0;width:100%}
.board[data-kind=truck] .prop{max-width:100%;width:100%;min-width:0;flex:0 1 auto;padding:8px 12px;border:3px solid #e6c6ec;background:#fff6e9;box-shadow:0 5px #673b77;border-radius:18px;touch-action:none}.board[data-kind=truck] .prop span{font-size:clamp(13px,1.5vw,20px);display:block}.board[data-kind=truck]>.props svg{width:100%;height:clamp(58px,13vh,150px);display:block}.board[data-kind=truck] .paint-pots i{width:clamp(30px,5vw,58px);height:clamp(30px,5vw,58px);margin:0 auto 4px;box-shadow:inset -4px -4px 0 #0002,inset 3px 3px 0 #fff5}
.board[data-kind=truck] .truck-wheel{border-color:#f4d4ff;background:#fff9;box-shadow:inset 0 0 16px #a186bd55}.board[data-kind=truck] .truck-wheel.fitted{box-shadow:none;background:none}.board[data-kind=truck] .truck-wheel>span{font-size:clamp(12px,1.6vw,22px);color:#382d53;text-shadow:0 1px white}.truck-body>svg{filter:drop-shadow(0 4px 2px #25103455)}
.garage-fleet{grid-column:1/-1;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.garage-fleet span{color:#ebd9f2;background:#2b183cd9;border:2px solid #b08fca;padding:5px 12px;border-radius:18px;font-size:clamp(11px,1.1vw,16px);font-weight:900}.garage-fleet .active{border-color:#ffdc77;color:#ffedb8}.garage-fleet .complete{color:#b5f8cb;border-color:#70cb96;background:#1c413ed9}
.play-view,.memory-view{position:relative;overflow:hidden}#play .mini-header h2{grid-row:1/3}#miniProgress,#memoryProgress{display:none!important}
.round-intro{position:absolute;inset:0;z-index:30;display:grid;place-items:center;border-radius:28px;background:transparent;pointer-events:auto}
.round-intro strong{font:clamp(66px,10vw,156px)/1.1 Froople,sans-serif;color:#ffdd63;text-align:center;-webkit-text-stroke:2px #8e4d98;paint-order:stroke fill;text-shadow:0 7px 0 #8b5720,0 12px 24px #1d0c3c;filter:drop-shadow(0 0 18px #ffda5a66)}
@media(max-height:760px){.board[data-kind=truck]{padding:6px 10px;gap:5px 10px;grid-template-columns:minmax(0,1fr) 130px}.garage-order{padding:4px 12px;gap:10px;border-width:2px}.garage-order strong{font-size:18px}.garage-order span{font-size:14px}.board[data-kind=truck] .prop{padding:4px 8px}.board[data-kind=truck]>.props svg{height:58px}.board[data-kind=truck] .paint-pots i{height:25px;width:25px}.board[data-kind=truck] .prop span{font-size:12px}.board[data-kind=truck] .paint-pots,.board[data-kind=truck]>.props{gap:8px}.garage-fleet span{font-size:10px;padding:3px 8px}}
@media(max-width:700px){.board[data-kind=truck]{grid-template-columns:minmax(0,1fr) 85px;padding:6px;gap:5px}.garage-order{display:block;padding:7px 10px}.garage-order strong,.garage-order span{display:block}.garage-order:before{display:none}.garage-order strong{font-size:19px}.garage-order span{font-size:13px}.board[data-kind=truck] .prop{padding:5px 2px}.board[data-kind=truck] .prop span{font-size:11px}.board[data-kind=truck]>.props svg{height:60px}.garage-fleet{gap:4px}.garage-fleet span{padding:3px 5px;font-size:9px}}