/* VHS transport and shelf. Artwork is on a face; thickness is real CSS geometry. */
body.room-primary-layout.premiere-room .tape-stack .vhs-tape {
  height:auto !important; min-height:142px !important; aspect-ratio:1.87;
  padding:12px !important; margin:0 !important; border:2px solid #080909 !important;
  border-radius:6px !important; overflow:visible !important;
  background:repeating-linear-gradient(0deg,#222321 0 2px,#1b1c1b 2px 4px) !important;
  box-shadow:inset 0 2px #54544c,inset 0 -3px #080909,3px 7px 0 #0a0a09,4px 10px 15px #0009 !important;
  transform:perspective(700px) rotateX(3deg) !important; transition:transform .18s,box-shadow .18s !important;
}
body.room-primary-layout.premiere-room .tape-stack .vhs-tape:hover,body.room-primary-layout.premiere-room .tape-stack .vhs-tape:focus-visible { transform:translateY(-3px) !important; outline:2px solid #edcea0;outline-offset:3px; }
body.room-primary-layout.premiere-room .tape-stack .vhs-tape::before { inset:12px 8px 12px !important; border:1px solid #070808 !important; border-radius:5px !important; background:linear-gradient(100deg,#313330,#141615) !important;box-shadow:inset 0 1px #68675b55 !important; }
body.room-primary-layout.premiere-room .tape-stack .vhs-tape::after { content:'VIDEO CASSETTE';position:absolute;left:16px !important;right:16px !important;top:3px !important;bottom:auto !important;height:13px !important;transform:none !important;clip-path:none !important;border:0 !important;background:#181a19 !important;color:#a6a69b;font:7px/13px var(--mono);letter-spacing:2px;text-align:center;box-shadow:0 1px #45453d !important; }
body.room-primary-layout.premiere-room .tape-stack .vhs-tape .tape-index,body.room-primary-layout.premiere-room .tape-stack .vhs-tape .tape-format { position:absolute;z-index:3;top:22px !important;margin:0 !important;color:#e1dfd3 !important;font:700 11px/1 var(--mono) !important;text-shadow:none !important; }
body.room-primary-layout.premiere-room .tape-stack .vhs-tape .tape-index { left:12px; }body.room-primary-layout.premiere-room .tape-stack .vhs-tape .tape-format { right:12px; }
body.room-primary-layout.premiere-room .tape-stack .vhs-tape .tape-window { position:absolute;top:34px !important;left:15px !important;right:15px !important;bottom:auto !important;width:auto !important;height:40px !important;transform:none !important;border:1px solid #090909 !important;border-radius:6px !important;background:linear-gradient(100deg,#0a0c0b,#343832 50%,#0a0c0b) !important;box-shadow:inset 0 2px 5px #000 !important; }
body.room-primary-layout.premiere-room .tape-stack .vhs-tape .tape-window::before,body.room-primary-layout.premiere-room .tape-stack .vhs-tape .tape-window::after { content:'';position:absolute;top:2px;width:55px;height:33px;border:1px solid #4d534b;border-radius:7px;background:linear-gradient(145deg,#a3b29c55,transparent 55%); }
body.room-primary-layout.premiere-room .tape-stack .vhs-tape .tape-window::before {left:13px}body.room-primary-layout.premiere-room .tape-stack .vhs-tape .tape-window::after {right:13px}
body.room-primary-layout.premiere-room .tape-stack .vhs-tape .tape-reel { top:7px !important; width:25px !important;height:25px !important;border:6px dotted #d6d3c4 !important;background:#191c1a !important;box-shadow:0 0 0 5px #070808 !important; }
body.room-primary-layout.premiere-room .tape-stack .vhs-tape .tape-reel-left{left:29px !important}body.room-primary-layout.premiere-room .tape-stack .vhs-tape .tape-reel-right{right:29px !important}
body.room-primary-layout.premiere-room .tape-stack .vhs-tape .tape-meta { position:absolute;z-index:4;left:13px;right:13px;bottom:14px;top:80px;margin:0 !important;padding:6px 8px !important;border:1px solid #ebd7b1 !important;border-left:5px solid var(--tape-label) !important;border-radius:2px !important;background:linear-gradient(110deg,#f3e5c9,#dcd1b9) !important;box-shadow:0 1px 2px #0009 !important;display:flex;flex-direction:column;justify-content:center;gap:4px; }
body.room-primary-layout.premiere-room .tape-stack .vhs-tape[data-game] .tape-title { color:#181917 !important;font:800 17px/1.1 var(--ui) !important;letter-spacing:0 !important;white-space:normal !important;text-shadow:none !important;text-transform:none !important;overflow:visible !important;text-overflow:clip !important; }
body.room-primary-layout.premiere-room .tape-stack .vhs-tape .tape-code { color:#4e4d43 !important;font:600 8px/1.2 var(--mono) !important;letter-spacing:.09em !important; }
body.room-primary-layout.premiere-room .tape-stack .vhs-tape .tape-edge {bottom:3px !important;color:#a5a599 !important;font-size:6px !important;}
body.room-primary-layout.premiere-room .tape-stack .vhs-tape .tape-demo-sticker,body.room-primary-layout.premiere-room .tape-stack .vhs-tape .tape-service-sticker {top:19px !important;left:48px !important;right:auto !important;transform:rotate(-3deg) !important;}
body.room-primary-layout.premiere-room .tape-stack .vhs-tape.is-out { opacity:.32 !important;box-shadow:none !important; }
body.room-primary-layout.premiere-room .tape-stack .vhs-tape.is-return-target { opacity:.75 !important;outline:2px dashed #ecd29a !important; }


/* Restore the existing cassette face and reserve its exact shelf space. */
body.room-primary-layout.premiere-room .tape-stack .vhs-tape { min-height:154px!important; height:154px!important; flex:none!important; }
body.room-primary-layout.premiere-room .tape-stack .vhs-tape :is(.tape-window,.tape-format,.tape-edge) {display:block!important}
body.room-primary-layout.premiere-room .tape-stack .vhs-tape .tape-meta {top:82px!important;bottom:12px!important;left:12px!important;right:12px!important}
body.room-primary-layout.premiere-room .tape-stack .vhs-tape .tape-title {font:600 16px/1.2 Georgia,serif!important;white-space:normal!important}
body.room-primary-layout.premiere-room .tape-stack .vhs-tape.is-out {opacity:1!important;background:#080e0c!important;border:2px dashed #6e796c!important;box-shadow:inset 0 5px 14px #000!important;outline:0!important;transform:none!important}
body.room-primary-layout.premiere-room .tape-stack .vhs-tape.is-out::before,
body.room-primary-layout.premiere-room .tape-stack .vhs-tape.is-out::after,
body.room-primary-layout.premiere-room .tape-stack .vhs-tape.is-out > :not(.shelf-vacancy) {visibility:hidden!important}
.shelf-vacancy {position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;color:#c3c5af;font:14px/1.6 Arial,sans-serif;white-space:normal;text-align:center}
.shelf-vacancy[hidden]{display:none!important}
body.room-primary-layout.premiere-room #guided-instruction {display:block!important;opacity:1!important;visibility:visible!important;position:relative!important;inset:auto!important;transform:none!important;width:auto!important;max-width:none!important;margin:14px 0!important;padding:14px 18px!important;background:#20261c!important;color:#fff1b4!important;border:1px solid #b6a14c!important;box-shadow:none!important;pointer-events:none!important;z-index:2}
#guided-instruction-step{font:600 12px/1.4 Arial,sans-serif!important;color:#ffe06b!important}
#guided-instruction-text{display:block;font:600 17px/1.4 Arial,sans-serif!important;margin:3px 0!important}
#guided-instruction-detail{display:block;font:14px/1.5 Arial,sans-serif!important;color:#ddd6be!important}
body.room-primary-layout.premiere-room .vhs-next-action {outline:3px solid #ffe05e!important;outline-offset:3px!important;box-shadow:0 0 15px #ffe05e44!important}
body.room-primary-layout.premiere-room .guided-arrow-layer{display:none!important}
body.room-primary-layout.premiere-room #screen-content{overflow-y:auto!important;scrollbar-width:thin!important;scrollbar-color:#c7ae63 #101612;overscroll-behavior:auto!important}
body.room-primary-layout.premiere-room #screen-content::-webkit-scrollbar{display:block!important;width:8px}
body.room-primary-layout.premiere-room #screen-content > .screening-caption{display:flex!important;flex-wrap:wrap;padding:12px!important;margin:0!important;background:#14201d}
body.room-primary-layout.premiere-room #screen-content .tape-film-stage{height:auto!important;aspect-ratio:16/9;min-height:0!important}
body.room-primary-layout.premiere-room #screen-content #game-detail-content{display:block;width:100%!important;min-width:0!important;container-type:inline-size}
body.room-primary-layout.premiere-room #screen-content #game-detail-content[hidden]{display:none!important}
body.room-primary-layout.premiere-room .hero-zone{grid-template-areas:'main tapes' 'chat chat'!important}
#collection-link,#explore-game-link{display:none!important}
@media(max-width:870px){
 body.room-primary-layout.premiere-room .hero-zone{grid-template-areas:'main' 'tapes' 'chat'!important}
 body.room-primary-layout.premiere-room .tape-stack .vhs-tape{min-height:154px!important}
 body.room-primary-layout.premiere-room .tape-stack .vhs-tape .tape-title{font-size:14px!important}
 body.room-primary-layout.premiere-room #screen-content #game-detail-content :is(.folio-title-grid,.folio-opening,.folio-play-spread,.folio-notes,.game-feature-grid,.studio-people>div){grid-template-columns:1fr!important}
 body.room-primary-layout.premiere-room .tv-control-panel{display:flex!important;flex-wrap:wrap;gap:8px!important}
 body.room-primary-layout.premiere-room .tv-face{grid-template-columns:minmax(0,1fr)!important}
 body.room-primary-layout.premiere-room .tv-control-panel :is(.tv-maker,.speaker-grille,.main-tv-service-controls,.main-volume-bank,.main-volume-readout){display:none!important}
 body.room-primary-layout.premiere-room #main-input-knob,body.room-primary-layout.premiere-room #tv-power{display:block!important;min-width:65px;min-height:44px}
 body.is-holding-tape #guided-instruction{position:sticky!important;bottom:8px!important;z-index:50!important}
}

/* A named grid area on the guide used to create an implicit column here,
   placing the VCR beside the television. Keep this assembly a single stack. */
body.room-primary-layout.premiere-room .hero-zone #main-tv-console {
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  gap:0!important;grid-template-columns:none!important;grid-template-areas:none!important;
}
body.room-primary-layout.premiere-room .hero-zone #main-tv-console > #tv-set {
  width:100%!important;max-width:none!important;flex:none!important;margin:0!important;
}
body.room-primary-layout.premiere-room #crt-screen {aspect-ratio:16/10!important;max-height:none!important;min-width:0!important}
body.room-primary-layout.premiere-room #main-tv-console > #vcr-unit {
  width:96%!important;max-width:none!important;min-height:98px!important;flex:none!important;margin:0 auto!important;
}
/* Reserve enough space for PAUSE/EJECT labels, including enlarged device view. */
body.room-primary-layout.premiere-room #main-tv-console .vcr-button {
  display:flex!important;align-items:center;justify-content:center;gap:4px;
  width:auto!important;min-width:68px!important;white-space:nowrap;
}
body.room-primary-layout.premiere-room #main-tv-console .vcr-button span {
  font-size:9px!important;letter-spacing:0!important;
}
body.room-primary-layout.premiere-room #guided-instruction {
  grid-area:auto!important;align-self:stretch!important;flex:none!important;
  width:100%!important;max-width:none!important;box-sizing:border-box!important;
  min-height:0!important;transform:none!important;order:0!important;
}
body.room-primary-layout.premiere-room #guided-instruction::before,
body.room-primary-layout.premiere-room #guided-instruction::after {display:none!important}
body.room-primary-layout.premiere-room .tape-stack .vhs-tape .shelf-vacancy {
  display:flex!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;
  align-items:center!important;justify-content:center!important;padding:18px!important;
  white-space:normal!important;writing-mode:horizontal-tb!important;text-align:center!important;
  font:14px/1.6 Arial,sans-serif!important;letter-spacing:0!important;color:#c3c5af!important;
}
body.room-primary-layout.premiere-room .tape-stack .vhs-tape .shelf-vacancy[hidden] {display:none!important}
body.room-primary-layout.premiere-room .tv-control-panel #main-input-knob {display:block!important}
body.room-primary-layout.premiere-room #main-input-knob > span {
 position:absolute!important;top:calc(100% + 2px)!important;bottom:auto!important;
 left:50%!important;right:auto!important;transform:translateX(-50%)!important;
 font:8px/10px Arial,sans-serif!important;white-space:nowrap!important;
}
body.room-primary-layout.premiere-room #main-input-label {
 display:block!important;font:11px/1.2 Arial,sans-serif!important;
 position:absolute!important;top:calc(100% + 14px)!important;bottom:auto!important;
 left:50%!important;right:auto!important;transform:translateX(-50%)!important;white-space:nowrap!important;
}
body.room-primary-layout.premiere-room .hero-zone .tape-library {max-height:790px!important}
@media(min-width:871px){
 body.room-primary-layout.premiere-room .premiere-intro {padding-bottom:22px!important}
 body.room-primary-layout.premiere-room .premiere-intro h1{font-size:clamp(38px,4vw,58px)!important}
}
@media(max-width:870px){
 body.room-primary-layout.premiere-room #crt-screen{width:100%!important;max-width:100%!important;aspect-ratio:4/3!important;min-height:260px!important}
 /* The desktop control rail must become a separate row, not cover the film. */
 body.room-primary-layout.premiere-room .tv-control-panel{
  position:static!important;inset:auto!important;width:100%!important;height:auto!important;
  min-height:0!important;box-sizing:border-box!important;flex-direction:row!important;
  justify-content:center!important;align-items:center!important;padding:8px 0 36px!important;
  overflow:visible!important;
 }
 body.room-primary-layout.premiere-room .tv-control-panel #tv-power,
 body.room-primary-layout.premiere-room .tv-control-panel #main-input-knob{
  margin:0 12px!important;flex:none!important;
 }
 body.room-primary-layout.premiere-room #main-tv-console > #vcr-unit{width:100%!important}
 body.room-primary-layout.premiere-room #guided-instruction-detail{display:block!important}
 body.room-primary-layout.premiere-room .hero-zone .tape-library{max-height:none!important}
 body.room-primary-layout.premiere-room #guided-instruction{width:100%!important}
}

/* A generous intake bay. Its visible edge is also the exact pointer target. */
body.room-primary-layout.premiere-room #vcr-slot-bay{
 box-sizing:border-box!important;height:64px!important;padding:12px!important;
 border-radius:7px;overflow:visible!important;
}
body.room-primary-layout.premiere-room #vcr-slot{height:100%!important;min-height:0!important}
body.room-primary-layout.premiere-room.is-holding-tape:not(.is-returning-tape) #vcr-slot-bay{
 outline:3px solid #ffe05e!important;outline-offset:-3px!important;
 background:#ffe05e16;box-shadow:0 0 17px #ffe05e33;cursor:copy;
}
body.room-primary-layout.premiere-room.is-holding-tape:not(.is-returning-tape) #vcr-slot.vhs-next-action{
 outline:none!important;box-shadow:inset 0 4px 8px #000!important;
}
body.room-primary-layout.premiere-room.is-holding-tape:not(.is-returning-tape) #vcr-slot-bay:has(.is-drag-over){background:#ffe05e2c;box-shadow:0 0 20px #ffe05e66}


/* Close-up budgets space for the picture first. The caption and transport are
   compact single rows; the movie retains its full aspect ratio without cropping. */
body.room-primary-layout.premiere-room .device-focus-overlay:has(#main-tv-console.device-in-focus) {padding:4px!important;overflow:hidden!important}
body.room-primary-layout.premiere-room .device-focus-overlay:has(#main-tv-console.device-in-focus) .device-focus-frame {
 width:100%!important;max-width:none!important;height:calc(100dvh - 8px)!important;min-height:0!important;
 border-width:4px!important;border-image-width:12px!important;box-sizing:border-box!important;grid-template-rows:48px minmax(0,1fr)!important;
}
body.room-primary-layout.premiere-room .device-focus-overlay:has(#main-tv-console.device-in-focus) .device-focus-header {
 width:100%!important;height:48px!important;min-height:0!important;box-sizing:border-box!important;margin:0!important;padding:2px 8px!important;position:relative!important;
}
body.room-primary-layout.premiere-room .device-focus-overlay:has(#main-tv-console.device-in-focus) .device-focus-header button {min-height:40px!important}
body.room-primary-layout.premiere-room .device-focus-overlay:has(#main-tv-console.device-in-focus) .device-focus-stage {
 min-height:0!important;height:100%!important;padding:4px!important;box-sizing:border-box!important;overflow:hidden!important;align-items:stretch!important;
}
body.room-primary-layout.premiere-room #main-tv-console.device-in-focus {
 display:flex!important;flex-direction:column!important;gap:4px!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;margin:0!important;
}
body.room-primary-layout.premiere-room #main-tv-console.device-in-focus > #tv-set {
 width:100%!important;max-width:none!important;flex:1 1 0!important;min-height:0!important;margin:0!important;box-sizing:border-box!important;
}
body.room-primary-layout.premiere-room #main-tv-console.device-in-focus .tv-cabinet {
 height:100%!important;min-height:0!important;box-sizing:border-box!important;padding:5px!important;border-width:3px!important;border-image-width:12px!important;
}
body.room-primary-layout.premiere-room #main-tv-console.device-in-focus .main-tv-feet {display:none!important}
body.room-primary-layout.premiere-room #main-tv-console.device-in-focus .tv-face {height:100%!important;min-height:0!important;grid-template-columns:minmax(0,1fr) 60px!important;gap:6px!important}
body.room-primary-layout.premiere-room #main-tv-console.device-in-focus .screen-bezel {height:100%!important;min-height:0!important;box-sizing:border-box!important;padding:0!important;border-width:2px!important}
body.room-primary-layout.premiere-room #main-tv-console.device-in-focus #crt-screen {height:100%!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important}
body.room-primary-layout.premiere-room #main-tv-console.device-in-focus #screen-content .tape-film-stage {height:calc(var(--tape-viewport,100%) - var(--tape-controls,48px))!important;aspect-ratio:auto!important;min-height:0!important}
body.room-primary-layout.premiere-room #main-tv-console.device-in-focus #screen-content > .screening-caption {height:auto!important;min-height:48px!important;;padding:2px 6px!important;gap:8px!important;flex-wrap:wrap!important}
body.room-primary-layout.premiere-room #main-tv-console.device-in-focus .screening-caption>span {flex:1 1 0!important;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.room-primary-layout.premiere-room #main-tv-console.device-in-focus .film-chapters {flex-wrap:wrap;flex-shrink:1;gap:4px!important}
body.room-primary-layout.premiere-room #main-tv-console.device-in-focus .film-chapters button {padding:5px 9px!important;min-height:40px!important}
body.room-primary-layout.premiere-room #main-tv-console.device-in-focus > #vcr-unit {
 width:100%!important;flex:0 0 54px!important;height:54px!important;min-height:0!important;margin:0!important;
 grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:1fr!important;padding:4px 8px!important;gap:8px!important;box-sizing:border-box!important;
}
body.room-primary-layout.premiere-room #main-tv-console.device-in-focus :is(.vcr-brand,.vcr-display,#guided-instruction) {display:none!important}
body.room-primary-layout.premiere-room #main-tv-console.device-in-focus #vcr-slot-bay {grid-column:1!important;grid-row:1!important;height:44px!important;padding:4px!important;min-width:0}
body.room-primary-layout.premiere-room #main-tv-console.device-in-focus .vcr-buttons {grid-column:2!important;grid-row:1!important}
body.room-primary-layout.premiere-room #main-tv-console.device-in-focus .tv-control-panel {width:60px!important;position:absolute!important;inset:0 0 0 auto!important;height:100%!important;padding:3px 0!important;flex-direction:column!important}
body.room-primary-layout.premiere-room #main-tv-console.device-in-focus .tv-control-panel .tv-maker {font-size:8px!important}
body.room-primary-layout.premiere-room #main-tv-console.device-in-focus .tv-control-panel .speaker-grille {display:none!important}
@media(max-width:870px){
 body.room-primary-layout.premiere-room #main-tv-console.device-in-focus .tv-face {grid-template-columns:minmax(0,1fr)!important;display:block!important}
 body.room-primary-layout.premiere-room #main-tv-console.device-in-focus .tv-control-panel {display:none!important}
 body.room-primary-layout.premiere-room #main-tv-console.device-in-focus .screening-caption>span {display:none!important}
 body.room-primary-layout.premiere-room #main-tv-console.device-in-focus .film-chapters {width:100%;justify-content:center}
 body.room-primary-layout.premiere-room #main-tv-console.device-in-focus .film-chapters button {font-size:12px!important;padding-inline:6px!important}
 body.room-primary-layout.premiere-room #main-tv-console.device-in-focus .device-focus-header b {font-size:12px!important}
 body.room-primary-layout.premiere-room #main-tv-console.device-in-focus .vcr-button {min-width:48px!important}
}