/* ---------- Home ---------- */
.home{min-height:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding-block:16px;padding-inline:16px}
.scene{position:relative;container-type:inline-size;width:min(100%, calc((100dvh - 40px) * 1.6));max-width:100%;aspect-ratio:320/200;background:#000;flex:none;
  box-shadow:0 0 0 4px var(--wood),0 0 0 8px var(--wood-dark),0 24px 60px rgba(0,0,0,.55)}
.scene canvas{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated;image-rendering:crisp-edges}
.glass{position:absolute}
.decal{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.decal text{paint-order:stroke;stroke:#4a2a18;stroke-linejoin:round}
.d-name,.d-shadow{font-family:var(--font-display);font-weight:700;font-size:14px;letter-spacing:1.1px;stroke-width:2.2}
.d-name{fill:#fff4d6}.d-shadow{fill:#d99a2b}
.d-role{font-family:var(--font-body);font-size:10px;letter-spacing:1px;fill:#fff4d6;stroke-width:2}
.d-tags{font-family:var(--font-display);font-weight:500;font-size:6.5px;letter-spacing:.5px;fill:#ffd36b;stroke-width:1.8}
.street{position:absolute;inset:0;overflow:hidden}
.plate{position:absolute;margin:0;padding:0 calc(1*var(--u));border:0;background:transparent;color:var(--ink);font-family:var(--font-body);
  text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;box-sizing:border-box}
.plate.trolley{font-size:calc(7*var(--u));line-height:calc(7*var(--u))}
.plate.truck{font-size:calc(9*var(--u));line-height:calc(15*var(--u))}
.plate.camper{font-size:calc(6.5*var(--u));line-height:calc(7*var(--u))}
.plate:hover,.plate:focus-visible{outline:2px solid var(--crimson);outline-offset:1px;background:rgba(176,40,58,.15)}

.nb-cv{position:absolute;margin:0;padding:0;border:0;background:transparent;cursor:pointer}
.nb-cv:hover,.nb-cv:focus-visible{outline:2px solid var(--crimson);outline-offset:1px;background:rgba(176,40,58,.1)}
.nb-cv::after{content:"";position:absolute;right:calc(-5*var(--u));top:calc(-3*var(--u));width:calc(3*var(--u));height:calc(3*var(--u));
  background:#ffd36b;box-shadow:0 0 calc(2*var(--u)) #ffd36b;animation:twinkle 1.6s steps(2) infinite}
@keyframes twinkle{50%{opacity:.15}}
.nb-icon{position:absolute;display:block;cursor:pointer}
.nb-icon::before{content:"";position:absolute;inset:-5px}
.nb-icon svg{width:100%;height:100%;display:block}
.nb-icon:hover,.nb-icon:focus-visible{outline:2px solid #fff4d6;outline-offset:1px;transform:translateY(-2px)}
.nb-icon[aria-disabled="true"]{cursor:default}

.mbar{display:none;gap:10px;align-items:center}
@media (max-width:640px){.mbar{display:flex}}
body.tall .mbar{display:none}
@media (prefers-reduced-motion: reduce){.nb-cv::after{animation:none}}