/* pick.html: the one simulator, a page of its own (Neil 2026-11-03). Chips + the 3D car (js/pick.js, js/garage.js boot3d). */
#pick{min-height:100svh;display:grid;grid-template-columns:minmax(340px,430px) 1fr;gap:32px;align-items:center;padding:calc(var(--hdr) + 4svh) var(--side) 6svh}
#pick .copy{display:grid;gap:28px}
#pick .row{display:grid;gap:10px}
#pick .row .eb{color:var(--silver)}
.chips{position:relative;display:flex;flex-wrap:wrap;gap:8px;overflow:auto;max-height:204px;overscroll-behavior:contain;padding:4px 2px;scrollbar-width:thin;scrollbar-color:var(--steel) transparent}
.chips button{flex:none;scroll-snap-align:center;min-height:36px;padding:0 14px;border:1px solid var(--hair);border-radius:999px;font:500 13px/20px var(--body);color:var(--silver)}
.chips button[aria-checked=true]{color:var(--ink);background:var(--paper);border-color:var(--paper)}
.chips .sw{width:32px;min-width:32px;height:32px;min-height:32px;padding:0;border-radius:50%;background:var(--c);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 0 0 2px var(--graphite)}
.chips .sw[aria-checked=true]{background:var(--c);border:2px solid var(--paper);box-shadow:inset 0 0 0 2px var(--graphite)}
.p3d-read{font:400 13px/20px var(--body);color:var(--silver);min-height:20px}
.p3d{position:relative;aspect-ratio:16/9;max-height:76svh;width:100%;overflow:hidden;background:var(--ink)}
.p3d-bg{position:absolute;max-width:none;pointer-events:none}
.p3d-stage{position:absolute;inset:0;touch-action:none;cursor:grab}
.p3d-stage:active{cursor:grabbing}
.p3d-stage canvas{display:block;width:100%;height:100%}
.p3d-load{position:absolute;z-index:3;left:0;right:0;bottom:0;height:1px;background:var(--paper);transform-origin:left;transform:scaleX(0);transition:transform 240ms}
.p3d-load[hidden]{display:none}
.p3d-msg{position:absolute;z-index:3;left:16px;bottom:16px;font:400 13px/20px var(--body);color:var(--paper);background:rgba(10,10,10,.7);padding:8px 12px}
.p3d-msg[hidden]{display:none}
.p3d-hint{font:400 12px/16px var(--body);letter-spacing:.04em;color:var(--silver);text-align:center;margin-top:10px;transition:opacity .6s}
.p3d-hint.is-gone{opacity:0}
.p3d-pp[hidden]{display:none}
.p3d-pp{display:block;margin:4px auto 0;min-height:44px;font:500 13px/20px var(--body);color:var(--paper);text-decoration:underline 1px;text-underline-offset:5px}
#pick .pills2{display:flex;flex-wrap:wrap;gap:12px}
.pft{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:24px var(--side) calc(24px + env(safe-area-inset-bottom));border-top:1px solid var(--hair);font:400 13px/20px var(--body);color:var(--grey)}
.pft a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font:500 13px/20px var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--paper)}
.pft .arw{width:24px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5}
@media (max-width:1023px){
  #pick{grid-template-columns:1fr;gap:20px;align-content:start;padding-top:var(--hdr)}
  .chips{flex-wrap:nowrap;max-height:none;scroll-snap-type:x proximity}
  #pick .p3d-col{order:-1}
  .p3d{aspect-ratio:4/5;max-height:58svh}
}