/* =========================================================
   SONOFPOLLUX V7.7 — MOBILE LIVING SHELL
   Shared mobile polish + Signal Dock.
   ========================================================= */
:root{--v77-mobile-dock-h:62px}
.v77MobileDock{display:none}
@media(max-width:820px){
  html{scroll-padding-top:76px}
  body.v77MobileReady{padding-bottom:calc(var(--v77-mobile-dock-h) + env(safe-area-inset-bottom))}
  .wrap{max-width:100%;width:min(100% - 24px,1120px)}
  .topbar{position:sticky;top:0;z-index:9000;padding-top:env(safe-area-inset-top);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .topbar__inner{min-height:58px}
  .shellBrand{min-height:44px;display:inline-flex;align-items:center}
  .menuBtn{min-width:52px;min-height:44px}
  .mobileNav{max-height:calc(100dvh - 58px - env(safe-area-inset-top));overflow:auto;overscroll-behavior:contain}
  .mobileNav__panel a{min-height:44px;display:flex;align-items:center}
  .shellHero{min-height:auto!important}
  .shellHero__grid,.shellExplain__grid,.shellTrail__grid,.shellWorld__grid,.homeSearchIdentity__grid{gap:24px!important}
  .shellHero h1,.pageHero h1,.creatorHero h1{font-size:clamp(42px,14vw,74px)!important;line-height:.94!important}
  .shellLead,.pageLead{font-size:16px!important;line-height:1.55!important}
  .shellHero__actions,.v72Transmission__actions{display:flex!important;overflow-x:auto;flex-wrap:nowrap!important;scroll-snap-type:x proximity;padding-bottom:4px;scrollbar-width:none}
  .shellHero__actions::-webkit-scrollbar,.v72Transmission__actions::-webkit-scrollbar{display:none}
  .shellHero__actions>a,.v72Transmission__actions>a{flex:0 0 auto;min-height:44px;display:inline-flex;align-items:center;scroll-snap-align:start}
  img,video,canvas,svg{max-width:100%}
  pre,table{max-width:100%;overflow:auto}
  iframe{max-width:100%}
  .v75ChapterRail{display:none!important}
  .v76WorldRail{
    left:10px!important;
    bottom:calc(var(--v77-mobile-dock-h) + env(safe-area-inset-bottom) + 9px)!important;
    width:calc(100vw - 20px)!important;
    z-index:8750!important
  }
  .v76WorldRail__button{min-height:48px}
  .v76WorldRail__panel{max-height:min(58dvh,470px)!important}
  .v76Intervention{bottom:calc(var(--v77-mobile-dock-h) + env(safe-area-inset-bottom) + 74px)!important;left:12px!important;right:12px!important;width:auto!important}
  .v74MiniPlayer{bottom:calc(var(--v77-mobile-dock-h) + env(safe-area-inset-bottom) + 8px)!important}
  .v77MobileDock{
    position:fixed;display:grid;grid-template-columns:repeat(4,1fr);
    left:0;right:0;bottom:0;z-index:8800;
    height:calc(var(--v77-mobile-dock-h) + env(safe-area-inset-bottom));
    padding:6px max(8px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(8px,env(safe-area-inset-left));
    background:rgba(6,7,11,.92);border-top:1px solid rgba(255,255,255,.12);
    backdrop-filter:blur(18px) saturate(118%);-webkit-backdrop-filter:blur(18px) saturate(118%)
  }
  .v77MobileDock a{
    position:relative;display:grid;place-items:center;align-content:center;gap:4px;text-decoration:none;color:rgba(255,255,255,.47);
    min-width:0;min-height:50px;border:1px solid transparent;
    font:650 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;text-transform:uppercase
  }
  .v77MobileDock a i{font-style:normal;font-size:15px;color:rgba(255,255,255,.72)}
  .v77MobileDock a.is-current{color:#fff;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}
  .v77MobileDock a[data-v77-dock="live"] i{position:relative}
  .v77MobileDock a[data-v77-dock="live"] i::after{
    content:"";position:absolute;width:5px;height:5px;border-radius:50%;right:-6px;top:-2px;background:rgba(255,255,255,.22)
  }
  body.v77HasMovement .v77MobileDock a[data-v77-dock="live"] i::after{background:#9ff7ca;box-shadow:0 0 10px rgba(159,247,202,.45)}
  .v77LiveLink{display:none!important}
  .shellDoor,.startPath,.museumPlatform,.roomCard,.creatorEvidence,.archiveCard{touch-action:manipulation}
}
@media(max-width:520px){
  .wrap{width:min(100% - 20px,1120px)}
  .shellDoorGrid,.v72Five{gap:10px!important}
  .shellDoor{padding:18px!important}
  .v76WorldBoard{width:calc(100% - 20px)!important}
  .v76WorldBoard__lead,.v76WorldBoard__metric{padding:12px!important}
}
@media(prefers-reduced-motion:reduce){
  .v77MobileDock,.v77MobileDock *{scroll-behavior:auto!important}
}