/* STIKDEX v0.04 Part 6 — staging-only public mobile identities. */
.public-mobile-identity{display:none}

@media (max-width:760px), (pointer:coarse) and (max-width:960px) and (max-height:600px){
  body.view-only{--public-accent:#69c7ff;--public-soft:rgba(64,170,226,.12)}
  body.trial-mode{--public-accent:#ffbd55;--public-soft:rgba(255,181,66,.13)}
  body.play-mode{--public-accent:#b69cff;--public-soft:rgba(145,111,242,.14)}
  body.view-only .public-mobile-identity,body.trial-mode .public-mobile-identity,body.play-mode .public-mobile-identity{position:sticky;z-index:72;top:var(--hz-header-h);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-height:52px;margin:0;padding:7px max(11px,env(safe-area-inset-right)) 7px max(11px,env(safe-area-inset-left));border-bottom:1px solid color-mix(in srgb,var(--public-accent) 38%,var(--line));background:color-mix(in srgb,var(--panel) 91%,var(--public-accent) 9%);box-shadow:0 7px 20px rgba(0,0,0,.14)}
  .public-mobile-badge{padding:5px 7px;border:1px solid color-mix(in srgb,var(--public-accent) 56%,transparent);border-radius:999px;background:var(--public-soft);color:var(--public-accent);font-size:7.5px;font-weight:950;letter-spacing:.08em;white-space:nowrap}
  .public-mobile-copy{min-width:0;display:grid;gap:2px}
  .public-mobile-copy strong,.public-mobile-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .public-mobile-copy strong{font-size:11px}.public-mobile-copy small{color:var(--muted);font-size:8px}
  #publicMobileReset{min-height:38px;padding:0 11px;border:1px solid color-mix(in srgb,var(--public-accent) 48%,var(--line));border-radius:10px;background:var(--public-soft);color:var(--public-accent);font:950 8px inherit}
  body.view-only #dashboardView .pocket-home-overview{border-color:rgba(105,199,255,.28);background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 94%,#69c7ff 6%),var(--panel))}
  body.trial-mode:not(.play-mode) #dashboardView .pocket-home-overview{border-color:rgba(255,189,85,.32)}
  body.play-mode #dashboardView .pocket-home-overview{border-color:rgba(182,156,255,.34)}
  body.view-only #trialResetButton,body.play-mode #trialResetButton{display:none!important}
  body.trial-mode:not(.play-mode) #publicMobileReset{display:none!important}
  body.view-only .pocket-nav,body.trial-mode .pocket-nav,body.play-mode .pocket-nav{display:flex!important;justify-content:space-evenly}
  .pocket-nav>button[hidden]{display:none!important}
  body.view-only #dashboardView,body.trial-mode #dashboardView,body.play-mode #dashboardView{min-height:auto!important;height:auto!important;overflow:visible!important}
  body.view-only .main,body.trial-mode .main,body.play-mode .main{overflow:visible!important}
}

@supports (-webkit-touch-callout:none){
  .public-mobile-identity{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important;will-change:auto!important}
}

@media (prefers-reduced-motion:reduce){.public-mobile-identity{scroll-behavior:auto}}