/* Arcade cockpit: one shared palette for menus, HUD and touch controls. */
:root{color-scheme:dark;--panel:#121a30ed;--edge:#b6a6ff38;--ink:#f4f3ff;--muted:#b1b9d3;--cyan:#72f5e3;--violet:#ba9aff}
body{color:var(--ink)}button{color:var(--ink);background:#252e49;border:1px solid var(--edge);transition:background .15s,box-shadow .15s,transform .15s}button:hover{filter:brightness(1.12)}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
header .brand,body[data-track] header .brand{color:#fff;text-shadow:0 2px 12px #101729aa}.brand span{color:var(--violet)}.brand small{color:#e4e5ff}
#menu{background:linear-gradient(90deg,#080e24b8, #10152e45 65%,transparent)}
.card{color:var(--ink);background:radial-gradient(ellipse at 100% 0,#6642a838,transparent 48%),linear-gradient(145deg,#18223af5,#0e1428f5);border:1px solid #a99be44d;box-shadow:0 24px 80px #080d285c,inset 0 1px 0 #ffffff12;backdrop-filter:blur(18px)}
#menu>.card{scrollbar-color:#65528f #141c31;border-radius:22px;border-top:3px solid var(--cyan)}
.eyebrow{color:var(--cyan);letter-spacing:2.3px}h1{color:#fff;text-shadow:0 4px 22px #080f24}h1 span{color:var(--violet)}p.intro{color:var(--muted)}
.language-picker{color:var(--muted)}.language-picker select{color:#eef0ff;background:#202b45;border-color:#7384ad55}.language-picker select option{background:#18223a;color:#fff}
.difficulty-picker legend,.tracks legend,.paint-picker>span{color:#b8c5e3}
.tracks button{background:#202a43;border-color:#53638344;color:var(--ink)}.tracks small{color:#bac4db}.tracks button[aria-pressed=true]{border-color:var(--cyan);background:#203c48;box-shadow:0 0 16px #72f5e316}.track-art{box-shadow:inset 0 0 0 1px #ffffff18}.tracks button[aria-pressed=true] .track-art{filter:saturate(1.2)}
.difficulty-picker button[data-difficulty]{background:color-mix(in srgb,var(--level) 18%,#141d32);color:#f3f5ff;border-color:color-mix(in srgb,var(--level) 75%,#7484a4)}.difficulty-picker button[data-difficulty] small{color:#cbd3e5}.difficulty-picker button[data-difficulty][aria-pressed=true]{background:var(--level);box-shadow:0 0 0 2px #151e34,0 0 0 3px var(--level),0 4px 16px #0003}
.custom-paint{color:var(--muted)}.paint-swatches button{border-color:#c2cbe5;box-shadow:0 0 0 1px #55627d}.paint-swatches button[aria-pressed=true]{box-shadow:0 0 0 2px var(--cyan),0 0 14px #72f5e366}
kbd{color:#dfe5ff;background:#26324d;border-color:#53617e;border-bottom-color:#67728c}.controls span{color:var(--muted)}.foot{color:#9baac7}.foot b{color:var(--cyan)}
.primary,#menu #start{background:linear-gradient(110deg,#8c5df3,#6266e9);border:1px solid #c8acff80;color:white;box-shadow:0 4px 0 #37377e,0 6px 24px #8d5df333;letter-spacing:.2px}.primary:hover{box-shadow:0 4px 0 #37377e,0 6px 28px #8d5df366}.primary:active{transform:translateY(2px)}
.tools button,#hud .stats,#hud .charge,#gps,#lives,#screen-note{background:var(--panel);color:var(--ink);border:1px solid var(--edge);box-shadow:0 5px 20px #080f2833,inset 0 1px 0 #ffffff0a;backdrop-filter:blur(12px)}
.tools button[aria-pressed=true]{color:var(--cyan)}#fullscreen[aria-pressed=true]{background:#304457;color:var(--cyan)}
.stats small,.stats em{color:#a5b5d2}.stats strong{color:#fff;font-variant-numeric:tabular-nums}.charge span{color:#c4cee6}.charge>div{background:#36405b}.charge i{background:linear-gradient(90deg,#a47aff,var(--cyan));box-shadow:0 0 10px #72f5e355}.charge b{color:var(--cyan)}
.mission{background:var(--panel);border-color:var(--edge);color:var(--violet);box-shadow:0 4px 16px #080f2833;backdrop-filter:blur(12px)}.mission strong{color:var(--ink)}.mission em,.mission-plus{color:#a5b5d2}.mission b{background:#3b315c;color:#dfcdff}.mission.complete{background:#12352fed;border-color:#60d9ab88}.mission-check{color:#72f5b6}.mission-reward{color:var(--cyan);text-shadow:0 2px 5px #101729}
#gps span{background:#323153;color:#d5c5ff}#lives svg{stroke:#927b9f}#lives svg.filled{fill:#ff6388;stroke:#ff8aa5;filter:drop-shadow(0 0 3px #ff63883d)}
#touch #joystick{background:#121a3080;border-color:#c4b5ff88;box-shadow:inset 0 0 25px #080e2840,0 4px 20px #080f2833}#stick-knob{background:linear-gradient(145deg,#d5c4ff,#9485cc);border-color:#ece5ff;box-shadow:0 0 20px #ba9aff44}.active #stick-knob{background:var(--cyan)}
#touch .touch-actions button{background:#19213ddd;color:#dacaff;border-color:#ba9aff80;box-shadow:0 4px 15px #080f2844}#touch button[data-key=Space]{background:linear-gradient(110deg,#8656dbef,#595fd7ef);color:white;border-color:#c6acff}#touch button.pressed{background:#6553a1;color:var(--cyan)}
.modal{background:#080e2480}.modal #restart,.modal #choose-track,#gameover-menu{background:#252f4c;color:#d9e1f7;border:1px solid #7c8baa55}.result-grid{background:#0d142a66;padding:17px 10px;border-radius:12px;border:1px solid var(--edge)}.result-grid small{color:var(--muted)}.result-grid strong{color:var(--cyan)}
#hint{color:#edf3ff!important;text-shadow:0 1px 5px #101729!important}
.foot a{color:var(--cyan);text-underline-offset:3px}.foot a:hover{color:#fff}
@media(prefers-reduced-motion:reduce){button{transition:none}}