/* Compact, touch-friendly scene navigation for the phone opening. */
@media(max-width:600px) {
  .page.pv-home .experience .bottom-bar {
    margin:0 18px max(18px,env(safe-area-inset-bottom));
    padding:12px 12px 10px;
    gap:8px;
    border:1px solid rgba(225,240,250,.10);
    border-radius:12px;
    background:linear-gradient(145deg,rgba(39,39,43,0.2),rgba(39,39,43,0.3));
    -webkit-backdrop-filter:blur(8px);
    backdrop-filter:blur(8px);
    box-shadow:none;
  }
  .page.pv-home .experience .bottom-bar .chapters { grid-template-columns:repeat(4,minmax(0,1fr));gap:8px; }
  .page.pv-home .experience .bottom-bar .chapter {
    min-width:0;min-height:44px;padding:5px 0;
    border:0;background:transparent;border-radius:6px;
  }
  .page.pv-home .experience .bottom-bar .chapter .track {
    height:2px;margin:0 0 10px;border-radius:3px;
    background:rgba(222,238,248,.18);overflow:hidden;
  }
  .page.pv-home .experience .bottom-bar .chapter .track > span {
    height:100%;border-radius:inherit;background:#aecbdc;
    box-shadow:none;transition:transform .08s linear;
  }
  .page.pv-home .experience .bottom-bar .chapter-label {
    display:block;text-align:center;font-size:clamp(8px,2.55vw,11px);
    line-height:1.4;letter-spacing:0;font-weight:450;color:rgba(235,244,250,.67);white-space:nowrap;
  }
  .page.pv-home .experience .bottom-bar .chapter-label small { display:none; }
  .page.pv-home .experience .bottom-bar .chapter.active .chapter-label { color:#fff;font-weight:550; }
  .page.pv-home .experience .bottom-bar .playback {
    justify-content:center;gap:14px;padding-top:7px;border-top:1px solid rgba(230,242,250,.06);
  }
  .page.pv-home .experience .bottom-bar .playback button {
    width:44px;height:44px;min-width:44px;display:grid;place-items:center;
    padding:0;border:1px solid transparent;border-radius:50%;
    background:transparent;color:rgba(232,245,252,.76);font-size:18px;
  }
  .page.pv-home .experience .bottom-bar .playback #play { background:rgba(201,229,247,.04);border-color:rgba(213,237,252,.18); }
  .page.pv-home .experience .bottom-bar button:focus-visible { outline:2px solid #c2e2f5;outline-offset:3px; }
}
@media(max-width:600px) and (prefers-reduced-motion:reduce) {
  .page.pv-home .experience .bottom-bar .chapter .track > span { transition:none; }
}

@media(max-width:600px) {
  .page.pv-home .experience .bottom-bar { background:transparent;border-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none; }
  .page.pv-home .experience .bottom-bar .chapter .track { height:1px;background:rgba(222,238,248,.16); }
  .page.pv-home .experience .bottom-bar .chapter .track > span { background:rgba(194,222,239,.72); }
  .page.pv-home .experience .bottom-bar .chapter-label { color:rgba(235,244,250,.58); }
  .page.pv-home .experience .bottom-bar .chapter.active .chapter-label { color:rgba(255,255,255,.9);font-weight:500; }
  .page.pv-home .experience .bottom-bar .playback { border-top-color:transparent; }
  .page.pv-home .experience .bottom-bar .playback button { color:rgba(232,245,252,.62);font-size:17px; }
  .page.pv-home .experience .bottom-bar .playback #play { background:transparent;border-color:transparent; }
}