/* STIKDEX v0.04 Part 8 — staging-only stability and accessibility hardening. */
@media (max-width:760px), (pointer:coarse) and (max-width:960px) and (max-height:600px){
  :where(button,a,[role="button"],input,select,textarea):focus-visible{
    outline:3px solid #68d9ff!important;
    outline-offset:2px!important;
  }
  .v004-pokemon-tile .name,
  .v004-pokemon-tile .needed-tile-name,
  .v004-pokemon-tile>strong{font-size:clamp(10px,2.8vw,12px)!important}
  .v004-status-badge{font-size:8px!important}
  #binderView .binder-pocket-header strong{font-size:clamp(8px,1.9vw,9px)!important}
  #binderView .binder-page-controls button,
  #binderView .binder-page-bottom-nav button{font-size:8px!important}
  #generationView,#neededView,#binderView,#pendingView,#analyticsView{
    contain:layout style;
  }
}

/* Constrained browser chrome and PWA-like viewports keep controls reachable. */
@media (max-width:760px) and (max-height:620px){
  .pokemon-focus-panel,.binder-card-viewer-panel{height:calc(100dvh - 16px)!important;border-radius:18px}
  .pending-order-dialog{max-height:calc(100dvh - 24px)!important}
  .pokemon-focus-hero{min-height:150px}
}
@media (pointer:coarse) and (min-width:761px) and (max-width:960px) and (max-height:600px){
  .pokemon-focus-panel,.binder-card-viewer-panel{width:min(94vw,760px);height:calc(100dvh - 16px)!important}
  .pokemon-focus-hero{min-height:140px}
}

/* WebKit stability wins over translucent, sticky or composited polish. */
@supports (-webkit-touch-callout:none){
  body.view-only .public-mobile-identity,
  body.trial-mode .public-mobile-identity,
  body.play-mode .public-mobile-identity{position:static!important;top:auto!important}
  #generationView,#neededView,#binderView,#pendingView,#analyticsView,
  .pokemon-focus-modal,.binder-card-viewer,.pending-order-modal{
    transform:none!important;
    will-change:auto!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  :where(#generationView,#neededView,#binderView,#pendingView,#analyticsView) *{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
}

@media (prefers-reduced-motion:reduce){
  :where(#generationView,#neededView,#binderView,#pendingView,#analyticsView,.pokemon-focus-modal,.binder-card-viewer) *,
  :where(#generationView,#neededView,#binderView,#pendingView,#analyticsView,.pokemon-focus-modal,.binder-card-viewer) *::before,
  :where(#generationView,#neededView,#binderView,#pendingView,#analyticsView,.pokemon-focus-modal,.binder-card-viewer) *::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }
}