:root{color-scheme:dark;--yellow:#ffdc00;--red:#eb1b36;--ink:#0a0b0e;--surface:#171a20;--muted:#bbbfc9;font-family:system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0,#352015 0,transparent 50%),var(--ink);color:white;min-height:100vh}
header{display:flex;align-items:center;gap:16px;padding:14px clamp(16px,5vw,70px);border-bottom:2px solid var(--red);letter-spacing:.12em;font-weight:900;background:#0d0f13}header img{width:44px;height:44px;object-fit:contain}
main{max-width:1100px;margin:auto;padding:clamp(14px,4vw,44px)}h1,h2,h3,p{margin:0 0 12px}h1{font-size:clamp(2rem,6vw,5rem);line-height:.95;font-weight:950;letter-spacing:-.045em;text-transform:uppercase}h2{font-size:clamp(1.3rem,3vw,2.5rem);line-height:1.1}
.kicker{color:var(--yellow);font-size:.75rem;letter-spacing:.15em;font-weight:850;margin-bottom:22px}.muted{color:var(--muted)}.panel{border:1px solid #ffffff26;background:var(--surface);border-radius:18px;padding:clamp(14px,3vw,28px);margin:16px 0}.actions,.layout{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.layout{align-items:stretch}.layout>.panel{flex:1 1 270px}
button,.button,input,select{font:inherit;border-radius:10px;min-height:46px;padding:10px 15px}button,.button{display:inline-flex;align-items:center;background:var(--yellow);border:2px solid transparent;color:#161000;font-weight:850;text-decoration:none;cursor:pointer}button.secondary,.button.secondary{background:#292d36;color:white;border-color:#ffffff2c}button.danger{background:#9c1930;color:white}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:3px solid #fff;outline-offset:3px}input,select{background:#0e1116;color:white;border:1px solid #ffffff50}label{display:grid;gap:7px;margin-bottom:14px}#notice{margin-top:16px;color:var(--yellow);min-height:1.5em}
.qr{width:min(100%,250px);display:block;background:white;border-radius:10px;margin:12px 0}.link{color:var(--yellow);overflow-wrap:anywhere}.board{list-style:none;padding:0;margin:0}.board li{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #ffffff21}.options{display:grid;gap:8px}.options button{text-align:left;justify-content:flex-start}.correct{color:#111;background:#8cf29d}.option{padding:12px;border-radius:10px;background:#292d36}.option.correct{background:#8cf29d}
.timer{font-size:clamp(2.8rem,11vw,9rem);font-variant-numeric:tabular-nums;line-height:1;font-weight:950;color:var(--yellow)}.champion{border:2px solid var(--yellow);background:radial-gradient(ellipse at top,#722416,#18191e 75%);padding:clamp(20px,6vw,70px);text-align:center;animation:reveal .7s ease-out}.champion h2{font-size:clamp(2rem,7vw,6rem);color:var(--yellow)}@keyframes reveal{from{opacity:.35;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
.car{position:relative;background:#08090b;border:1px solid #eb1b3666;border-radius:18px;overflow:hidden}.car img{display:block;width:100%}.car-score{position:absolute;left:55.5%;top:1.5%;width:39%;height:8.5%;display:grid;place-items:center;background:#0c1016;color:white;font-size:clamp(.65rem,2.3vw,1.4rem);font-weight:900}.hotspots{position:absolute;left:4%;right:4%;top:73%;height:22%;display:grid;grid-template-columns:repeat(3,1fr);gap:2%}.hotspots button{display:flex;flex-direction:column;justify-content:center;min-height:0;padding:1px;background:#10131bee;color:#fff;border:1px solid #eb1b3688;font-size:clamp(.55rem,1.7vw,1rem)}.hotspots strong{color:var(--yellow)}.garage-tabs{margin-top:12px}.game-cards button{min-height:86px;flex:1;min-width:150px}.projector .panel{border-width:2px}.projector .options{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}@media(max-width:550px){header{font-size:.76rem}header img{width:36px;height:36px}.projector .options{grid-template-columns:1fr}}

.garage-entry{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,32%);gap:clamp(18px,5vw,64px);align-items:center;min-height:min(68vh,640px);border-top:4px solid var(--red);padding:clamp(18px,4vw,52px);background:radial-gradient(ellipse at top left,#4a2413,transparent 70%),#151419;border-radius:18px}.garage-entry h1{margin-bottom:24px}.garage-entry .qr{width:min(100%,300px)}.garage-clock{color:var(--yellow);font-weight:800;min-width:0}.garage-clock strong{font-variant-numeric:tabular-nums;font-size:1.5em}.garage-prizes{display:flex;gap:14px;align-items:center;border-top:1px solid #ffffff38;padding-top:16px;margin-top:20px}.garage-prizes>span{font-size:2.8rem}.garage-prizes .kicker{margin:8px 0 0}.garage-entry:has(>div:only-child){grid-template-columns:1fr}@media(max-width:640px){.garage-entry{grid-template-columns:1fr}}

.garage-milestone{margin:1rem 0;padding:1rem 1.2rem;border-left:4px solid var(--yellow);background:linear-gradient(110deg,#442819,#171a20 78%);animation:gear-arrival .55s ease-out}.garage-milestone h2{color:var(--yellow)}.garage-milestone p:last-child{margin-bottom:0}.hotspots button.gear-complete:disabled{opacity:1;border-color:var(--yellow);background:#302a13}.garage-unlock input{width:min(100%,24rem)}@keyframes gear-arrival{from{opacity:.55;transform:translateY(6px)}to{opacity:1;transform:none}}