html.phone-pair-portrait-master,
html.phone-pair-portrait-master body{
  width:1020px !important;
  height:720px !important;
  min-width:1020px !important;
  min-height:720px !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  overflow:hidden !important;
  background:transparent !important;
}

html.phone-pair-portrait-master body{
  position:relative !important;
}

html.phone-pair-portrait-master body > :not(#p1){
  display:none !important;
}

html.phone-pair-portrait-master #p1.page{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  width:1020px !important;
  height:720px !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:transparent !important;
}

html.phone-pair-portrait-master #p1 > .two-col{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:transparent !important;
}

html.phone-pair-portrait-master #p1 .col-left{
  display:none !important;
}

html.phone-pair-portrait-master #p1 .col-right{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:transparent !important;
}

html.phone-pair-portrait-master #p1 .portal-shell.master-screen{
  display:flex !important;
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  right:auto !important;
  bottom:auto !important;
  flex-direction:column !important;
  align-items:stretch !important;
  width:1020px !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  transform-origin:top left !important;
}

html.phone-pair-portrait-master #p1 .portal-shell.master-screen > .portal-status{
  display:none !important;
}

/* Use the accepted horizontal preview's screen face and instrument bar as one
   complete master assembly. The parent portrait page scales this whole unit. */
html.phone-pair-portrait-master #p1 .portal-shell.master-screen > .golden-box.is-reel{
  box-sizing:border-box !important;
  position:relative !important;
  flex:none !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  aspect-ratio:1.63524 / 1 !important;
  overflow:hidden !important;
  border-radius:0 !important;
  border-top-color:rgba(82,160,4,.72) !important;
  border-left-color:rgba(82,160,4,.72) !important;
  border-right-color:rgba(82,160,4,.72) !important;
  --banatti-viewer-side-bezel:6px !important;
  --banatti-viewer-top-bezel:10px !important;
  --banatti-viewer-bottom-bezel:10px !important;
  background:
    linear-gradient(#020302,#020302) top / 100% var(--banatti-viewer-top-bezel) no-repeat,
    linear-gradient(#020302,#020302) bottom / 100% var(--banatti-viewer-bottom-bezel) no-repeat,
    linear-gradient(90deg,
      rgba(76,76,76,.60) 0 var(--banatti-viewer-side-bezel),
      transparent var(--banatti-viewer-side-bezel) calc(100% - var(--banatti-viewer-side-bezel)),
      rgba(76,76,76,.60) calc(100% - var(--banatti-viewer-side-bezel)) 100%) !important;
  border-color:transparent !important;
}

html.phone-pair-portrait-master #p1 .portal-shell.master-screen > .golden-box.is-reel::before,
html.phone-pair-portrait-master #p1 .portal-shell.master-screen > .golden-box.is-reel::after{
  display:none !important;
}

html.phone-pair-portrait-master #p1 .portal-shell.master-screen > .banatti-system-frame-viewer :is(
  .system-frame-shadow-far,
  .system-frame-shadow-near,
  .system-frame-atmosphere,
  .system-frame-offset-ghost,
  .system-frame-viewer-crown
){
  display:none !important;
}

html.phone-pair-portrait-master #p1 .portal-shell.master-screen > .golden-box.is-reel > *{
  display:none !important;
}

html.phone-pair-portrait-master #p1 .portal-shell.master-screen > .golden-box.is-reel > .window-to-the-world-blk-bkg{
  display:block !important;
}

html.phone-pair-portrait-master #p1 .portal-shell.master-screen > .golden-box.is-reel > .phone-pair-wordmark{
  display:block !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:46% !important;
  max-width:none !important;
  height:auto !important;
  margin:0 !important;
  transform:translate(-50%,-50%) !important;
  object-fit:contain !important;
  visibility:visible !important;
  opacity:1 !important;
  filter:none !important;
  z-index:80 !important;
  pointer-events:none !important;
}

html.phone-pair-portrait-master #p1 .portal-shell.master-screen > .view-rail{
  box-sizing:border-box !important;
  display:block !important;
  position:relative !important;
  flex:none !important;
  width:100% !important;
  height:86px !important;
  min-height:86px !important;
  max-height:86px !important;
  margin-top:-1px !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:0 0 72px 72px / 0 0 44px 44px !important;
}

html.phone-pair-portrait-master #p1 .portal-shell.master-screen > .view-rail::after,
html.phone-pair-portrait-master #p1 .portal-shell.master-screen > .view-rail > .view-rail-arrow{
  display:none !important;
}

html.phone-pair-portrait-master #p1 .portal-shell.master-screen > .view-rail > .view-rail-readout{
  display:none !important;
}

html.phone-pair-portrait-master #p1 .portal-shell.master-screen > .view-rail > .phone-pair-horizontal-counter-layout{
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:140px 140px minmax(0,1fr) 180px !important;
  align-items:stretch !important;
  width:100% !important;
  height:86px !important;
  background:linear-gradient(90deg,rgba(82,160,4,.15) 0%,rgba(82,160,4,.075) 54%,rgba(82,160,4,.018) 100%) 0 0 / 280px 100% no-repeat !important;
}

html.phone-pair-portrait-master #p1 .portal-shell.master-screen > .view-rail > .phone-pair-horizontal-counter-layout > :is(.banat-view-meta,.banatti-context-meta){
  box-sizing:border-box !important;
  position:relative !important;
  display:block !important;
  grid-column:2 !important;
  grid-row:1 !important;
  width:140px !important;
  height:86px !important;
  min-width:0 !important;
  padding:0 !important;
  border-right:1px solid rgba(82,160,4,.28) !important;
  transform:none !important;
  white-space:nowrap !important;
}

html.phone-pair-portrait-master #p1 .portal-shell.master-screen > .view-rail > .phone-pair-horizontal-counter-layout :is(.banat-view-meta,.banatti-context-meta) > span:first-child{
  position:absolute !important;
  top:14px !important;
  left:0 !important;
  width:100% !important;
  color:rgba(255,255,255,.68);
  font-size:19px !important;
  line-height:1 !important;
  letter-spacing:.16em !important;
  text-align:center !important;
}

html.phone-pair-portrait-master #p1 .portal-shell.master-screen > .view-rail > .phone-pair-horizontal-counter-layout :is(.banat-view-meta,.banatti-context-meta) > .view-rail-count{
  position:absolute !important;
  bottom:17px !important;
  left:0 !important;
  display:inline-flex !important;
  justify-content:center !important;
  gap:8px !important;
  width:100% !important;
  color:rgba(255,255,255,.92) !important;
  font-size:26px !important;
  line-height:1 !important;
  letter-spacing:.08em !important;
  transform:none !important;
}

html.phone-pair-portrait-master #p1 .portal-shell.master-screen > .view-rail > .phone-pair-horizontal-counter-layout > .banatti-context-meta{
  grid-column:1 !important;
  border-right:0 !important;
}

html.phone-pair-portrait-master #p1 .portal-shell.master-screen > .view-rail > .phone-pair-horizontal-counter-layout > :is(.banat-view-meta,.banatti-context-meta){
  font-family:'DM Mono',monospace !important;
}

html.phone-pair-portrait-master #p1 .portal-shell.master-screen > .view-rail .scene-unspool-control{
  display:none !important;
}

html.phone-pair-portrait-master #p1 .portal-shell.master-screen > .view-rail > .phone-pair-horizontal-counter-layout > .banat-rev-strip{
  box-sizing:border-box !important;
  position:relative !important;
  display:grid !important;
  grid-column:3 !important;
  grid-row:1 !important;
  grid-template-columns:minmax(0,1fr) !important;
  grid-template-rows:auto 26px !important;
  align-content:center !important;
  justify-items:center !important;
  gap:6px !important;
  width:min(430px,100%) !important;
  height:86px !important;
  min-width:0 !important;
  margin:0 auto !important;
  transform:none !important;
}

html.phone-pair-portrait-master #p1 .portal-shell.master-screen > .view-rail > .phone-pair-horizontal-counter-layout .banat-rev-caption{
  color:rgba(255,255,255,.72) !important;
  font-size:17px !important;
  line-height:1 !important;
  letter-spacing:.16em !important;
  white-space:nowrap !important;
}

html.phone-pair-portrait-master #p1 .portal-shell.master-screen > .view-rail > .phone-pair-horizontal-counter-layout .banat-rev-track{
  box-sizing:border-box !important;
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:26px !important;
  min-height:26px !important;
  overflow:visible !important;
  visibility:visible !important;
  opacity:1 !important;
}

html.phone-pair-portrait-master #p1 .portal-shell.master-screen > .view-rail > .phone-pair-horizontal-counter-layout > .screen-sound-toggle{
  box-sizing:border-box !important;
  display:flex !important;
  grid-column:4 !important;
  grid-row:1 !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  width:180px !important;
  min-width:180px !important;
  height:86px !important;
  padding:0 8px !important;
  border:0 !important;
  background:linear-gradient(90deg,rgba(82,160,4,.03),rgba(82,160,4,.12)) !important;
}

html.phone-pair-portrait-master #p1 .portal-shell.master-screen > .view-rail .screen-sound-icon{
  width:44px !important;
  height:auto !important;
}

html.phone-pair-portrait-master #p1 .portal-shell.master-screen > .view-rail .screen-headphones-icon{
  width:38px !important;
  height:auto !important;
}

/* Give the portrait-sized master cowl enough line weight to survive reduction. */
html.phone-pair-portrait-master .banatti-system-frame-viewer .system-frame-main{
  stroke-width:2.5px !important;
}

html.phone-pair-portrait-master .banatti-system-frame-viewer .system-frame-inner-contour{
  stroke-width:2.15px !important;
}