/* The video room borrows its navy and Pixel face from the storefront shell.
   Cream sleeves, timber shelves and oxblood carpet belong to this room. */
.video-room{--vr-navy:#0b2038;--vr-cream:#eee9dc;--vr-gold:#edc875;--vr-red:#943c36;--vr-muted:#665e54;--accent:var(--vr-gold);background:var(--vr-cream);color:var(--vr-navy);font:16px/1.55 var(--type-reading)}
.video-room button,.video-room input,.video-room select,.vr-dialog button{font:inherit;border-radius:0;touch-action:manipulation}
.video-room [hidden],.vr-dialog [hidden]{display:none!important}
.video-room button:focus-visible,.video-room a:focus-visible,.video-room input:focus-visible,.video-room select:focus-visible,.vr-dialog :focus-visible{outline:3px solid #3476b5;outline-offset:5px}
.vr-location,.vr-store-header,.vr-store-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 30px;background:var(--vr-navy);color:var(--vr-cream);font:9px/1.8 var(--type-arcade)}
.vr-location>span:last-child,.vr-open{color:var(--vr-gold)}
.vr-location i{display:inline-block;background:var(--vr-gold);width:7px;height:7px;margin-right:10px}
.vr-street{display:block;width:100%;position:relative;border:0;padding:0;background:#0b2038;overflow:hidden;text-align:left}
.vr-street>img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover;image-rendering:pixelated}
.vr-door-label{position:absolute;right:19%;bottom:18%;display:flex;align-items:center;justify-content:center;gap:22px;padding:19px 24px;background:var(--vr-gold);color:var(--vr-navy);box-shadow:5px 5px 0 #09182de6;font:10px/1.8 var(--type-arcade);transition:transform .15s}
.vr-street:hover .vr-door-label{transform:translateY(-4px)}
.vr-welcome{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:34px 40px;border-bottom:1px solid #b8ad94}
.vr-eyebrow{font:8px/1.9 var(--type-arcade);letter-spacing:.03em;margin:0 0 14px;color:var(--vr-muted)}
.vr-welcome h1{font:clamp(18px,2.2vw,29px)/1.6 var(--type-arcade);letter-spacing:-.035em;margin:0}
.vr-welcome>div:last-child{max-width:360px}
.vr-welcome>div:last-child>p{margin:0 0 5px;font-size:18px}
.vr-text-button{border:0;border-bottom:1px solid currentColor;background:none;padding:9px 0;color:inherit;font-weight:700!important;min-height:44px;display:inline-flex;align-items:center;justify-content:space-between;gap:24px}
.vr-store-strip{padding:18px 40px;background:#e5ddcb;color:#574f43;font:8px/1.9 var(--type-arcade);flex-wrap:wrap}
.vr-store-header{padding:12px 30px}
.vr-store-header button{border:0;background:none;color:#f4eede;font:8px/1.8 var(--type-arcade);min-height:44px;padding:8px 0}
.vr-interior{position:relative;width:100%;aspect-ratio:16/5.9;max-height:380px;overflow:hidden;background:var(--vr-navy)}
.vr-interior>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%;image-rendering:pixelated}
.vr-interior-title{position:absolute;left:32px;bottom:26px;padding:22px 26px;background:#0b2038f5;color:var(--vr-cream);border-left:4px solid var(--vr-gold);max-width:calc(100% - 64px)}
.vr-interior-title .vr-eyebrow{color:var(--vr-gold);font-size:8px;margin-bottom:10px}
.vr-interior-title h1{font:clamp(18px,2.3vw,30px)/1.5 var(--type-arcade);margin:0 0 12px;letter-spacing:-.035em}
.vr-interior-title>p:last-child{font-size:15px;margin:0;color:#d6deea}
/* Enamel aisle signs mounted on the shop's timber directory. */
.vr-shelf-nav{display:grid;grid-template-columns:160px;grid-auto-columns:minmax(150px,1fr);grid-auto-flow:column;grid-template-rows:repeat(2,1fr);overflow-x:auto;gap:12px;padding:20px 24px 24px;border-top:6px solid #ad7b43;border-bottom:6px solid #46301f;background:#75502f;box-shadow:inset 0 3px 0 #462f22,inset 0 -3px 0 #9d7040}
.video-room .vr-shelf-nav button{--shelf-color:var(--vr-gold);position:relative;display:flex;align-items:center;gap:12px;min-width:0;min-height:68px;padding:16px 20px;border:3px solid #162d43;background:var(--vr-navy);color:var(--vr-cream);box-shadow:inset 0 0 0 1px #aa9d7e,0 4px 0 #34271e;font:9px/1.8 var(--type-arcade);text-transform:uppercase;text-align:left;cursor:pointer;transition:background .15s,color .15s}
.vr-shelf-nav button::before,.vr-shelf-nav button::after{content:"";position:absolute;top:7px;width:3px;height:3px;background:#b4a48a;box-shadow:0 1px 0 #0008}
.vr-shelf-nav button::before{left:6px}.vr-shelf-nav button::after{right:6px}
.vr-sign-number{color:var(--shelf-color);font-size:8px;flex-shrink:0}
.video-room .vr-shelf-nav .vr-sign-all{grid-row:span 2;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;font-size:11px;line-height:1.9;border-color:#523427}
.vr-sign-kicker{font-size:6px;line-height:1.8;letter-spacing:.06em;color:var(--vr-gold)}
.vr-sign-arrow{color:var(--vr-gold);font-size:12px}
.video-room .vr-shelf-nav button:hover{background:#213d53}
.video-room .vr-shelf-nav button[aria-pressed=true]{background:var(--vr-gold);color:var(--vr-navy);border-color:#60482b;box-shadow:inset 0 0 0 1px #fff1bd,0 4px 0 #34271e}
.vr-shelf-nav button[aria-pressed=true] .vr-sign-number,.vr-shelf-nav button[aria-pressed=true] .vr-sign-kicker,.vr-shelf-nav button[aria-pressed=true] .vr-sign-arrow{color:var(--vr-navy)}
.video-room .vr-shelf-nav button:focus-visible{outline:3px solid #fff9e9;outline-offset:3px}
.vr-counter{padding:28px 32px 16px;display:grid;grid-template-columns:minmax(220px,1fr) 170px auto;gap:20px;align-items:end}
.vr-counter label>span{display:block;font:8px/1.8 var(--type-arcade);margin:0 0 10px;color:#63594a}
.vr-counter input,.vr-counter select{display:block;width:100%;min-height:48px;padding:12px;border:1px solid #aa9c83;background:#f9f6ee;color:var(--vr-navy);font-size:16px}
.vr-stack-button{background:transparent;color:var(--vr-navy);border:1px solid #aa9c83;min-height:48px;padding:10px 17px;font:8px/1.8 var(--type-arcade)!important;display:flex;gap:16px;align-items:center;justify-content:space-between}
.vr-stack-button[aria-pressed=true]{background:var(--vr-navy);color:var(--vr-cream)}
.vr-results-line{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 32px 24px;font-size:13px;color:var(--vr-muted)}
.vr-results-line p{margin:0}
.vr-results-line label{display:flex;align-items:center;gap:9px;min-height:44px;cursor:pointer}
.vr-results-line input{accent-color:var(--vr-red);width:18px;height:18px}
.vr-shelves{padding:24px 32px 40px}
.vr-shelf,.vr-staff{margin:0 0 36px}
.vr-shelf-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px;border-bottom:1px solid #b6a98e;padding-bottom:16px}
.vr-shelf-heading h2{margin:0;font:clamp(14px,1.65vw,22px)/1.6 var(--type-arcade);letter-spacing:-.025em}
.vr-shelf-heading .vr-eyebrow{font-size:7px;margin:0 0 7px}
.vr-shelf-heading>span{font:7px/1.8 var(--type-arcade);color:#665e54;text-align:right}
.vr-staff{background:var(--vr-navy);color:#f8f0db;padding:25px 24px 6px;border-top:5px solid var(--vr-gold)}
.vr-staff .vr-shelf-heading{border-color:#55606b}
.vr-staff .vr-eyebrow,.vr-staff .vr-shelf-heading>span{color:var(--vr-gold)}
.vr-rack{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 22px}
.vr-tape{min-width:0;padding-bottom:18px}
.vr-tape-pick{display:block;width:100%;padding:0;background:transparent;border:0;text-align:left;color:inherit}
.vr-case{position:relative;display:flex;align-items:end;justify-content:center;width:100%;height:auto;aspect-ratio:4/5.6;background:#e5dfd1;border-bottom:8px solid #80572f;box-shadow:0 4px 0 #533b29,0 7px 0 #ac8251;margin-bottom:15px;padding:10px 10px 7px;transition:transform .15s}
.vr-case>img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.vr-tape-pick:hover .vr-case{transform:translateY(-5px)}
.vr-tape-label{display:block}
.vr-tape-label>small{display:flex;align-items:center;justify-content:space-between;gap:4px;font:10px/1.5 var(--type-reading);letter-spacing:.04em;margin-bottom:7px;color:#6b5e4b}
.vr-tape-label>small>span{font-size:9px;letter-spacing:0;color:#6b5e4b;text-align:right}
.vr-staff .vr-tape-label>small,.vr-staff .vr-tape-label>small>span{color:#d8c9a7}
.vr-tape-label>strong{display:block;font:700 14px/1.4 var(--type-reading);overflow-wrap:anywhere}
.vr-tape-pick:hover .vr-tape-label>strong{text-decoration:underline;text-underline-offset:3px}
.vr-blank-case{display:flex;flex-direction:column;justify-content:space-between;gap:12px;background:#e9dcb7;border:7px solid #14253a;color:#14253a;width:83%;height:95%;padding:14px 10px;box-shadow:3px 3px #17202b;text-align:left}
.vr-blank-case>span{font:8px/1.9 var(--type-arcade)}
.vr-blank-case>strong{font:700 13px/1.35 var(--type-reading);overflow-wrap:anywhere}
.vr-blank-case>small{font:7px/1.6 var(--type-reading);letter-spacing:.06em}
.vr-room-note{display:flex;justify-content:space-between;align-items:start;gap:35px;border-top:1px solid #b5a98f;margin:0 32px;padding:26px 0 32px;color:#665e54}
.vr-room-note>strong{font:9px/1.8 var(--type-arcade);color:#943c36;flex-shrink:0}
.vr-room-note>p{font-size:12px;line-height:1.7;margin:0;max-width:630px}
.vr-loading,.vr-empty{padding:64px 32px;text-align:center;min-height:350px}
.vr-loading h1,.vr-empty h2{font:18px/1.8 var(--type-arcade);margin:15px 0}
.vr-empty p{max-width:460px;margin:0 auto 25px}
.vr-dialog{--vr-navy:#0b2038;--vr-cream:#eee9dc;--vr-gold:#edc875;--vr-muted:#665e54;--accent:#edc875;width:min(990px,94vw);max-height:92svh;padding:0;border:3px solid #edc875;background:#eee9dc;color:#0b2038;overflow:auto;overscroll-behavior:contain}
.vr-dialog::backdrop{background:#050f20e0}
.vr-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:1;background:#0b2038;color:#eee9dc;padding:14px 22px;font:8px/1.8 var(--type-arcade);border-bottom:1px solid #426073}
.vr-dialog-head button{min-height:44px;min-width:44px;background:none;border:1px solid #637486;color:inherit;font-size:20px}
.vr-detail{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px;padding:34px}
.vr-detail-cover{display:flex;align-items:center;justify-content:center;background:#e3dccb;min-height:300px;padding:24px}
.vr-detail-cover>img{display:block;width:100%;max-height:460px;object-fit:contain;mix-blend-mode:multiply}
.vr-detail-cover .vr-blank-case{min-height:350px;max-width:240px}
.vr-detail-copy{min-width:0;align-self:center}
.vr-detail-copy h2{font:700 clamp(23px,2.6vw,34px)/1.2 var(--type-reading);letter-spacing:-.025em;margin:0 0 22px;overflow-wrap:anywhere}
.vr-tape-ready{font:8px/1.9 var(--type-arcade);color:#376657;margin:0 0 10px}
.vr-detail-copy>p:not(.vr-eyebrow,.vr-upload-note,.vr-tape-ready){font-size:15px;line-height:1.6}
.vr-cta{display:flex;align-items:center;justify-content:center;gap:18px;min-height:54px;padding:17px 20px;background:#0b2038;color:#f8f0db;border:0;box-shadow:4px 4px 0 #af9e7b;font:10px/1.8 var(--type-arcade)!important;text-decoration:none;margin-top:24px}
.vr-detail .vr-cta{width:100%}
.vr-cta:hover{background:#1e4263}
.vr-youtube{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;padding:10px 0;text-underline-offset:4px;font-size:13px}
.vr-save{display:block;width:100%;padding:16px 0;min-height:48px;background:none;border:0;border-top:1px solid #b8a98b;border-bottom:1px solid #b8a98b;text-align:left;color:inherit;font:8px/1.8 var(--type-arcade)!important}
.vr-save[aria-pressed=true]{color:#376657}
.vr-upload-note{font:12px/1.7 var(--type-reading);color:#665e54;margin:18px 0}
.vr-detail .vr-text-button{font:8px/1.8 var(--type-arcade);border-bottom:0}
.vr-screening{margin:0 34px 34px;background:#071529;color:#eee9dc;border:8px solid #253749;box-shadow:0 5px 0 #0e1e30}
.vr-screening-label{display:flex;justify-content:space-between;gap:20px;padding:16px;font:8px/1.8 var(--type-arcade);color:#edc875}
.vr-screening iframe{display:block;width:100%;aspect-ratio:16/9;min-height:210px;border:0;background:#000}
.vr-screening>p{font-size:13px;line-height:1.6;padding:14px 16px;margin:0}
.vr-screening a{text-underline-offset:4px}
.vr-image-error{display:flex;align-items:center;justify-content:center;min-height:160px;padding:20px;font:12px/1.6 var(--type-reading)}
html[data-embedded=true] .vr-dialog{position:fixed;top:var(--embed-top,16px);bottom:auto;left:0;right:0;margin:0 auto;max-height:var(--embed-height,92svh)}
.game-header .video-nav{font:9px/1.6 var(--type-arcade);display:inline-flex;align-items:center;min-height:44px;padding:8px 0;color:var(--brand-ink);text-decoration:none;white-space:nowrap}
.game-header .video-nav:hover,.game-header .video-nav[aria-current=page]{color:var(--brand-blue);text-decoration:underline;text-underline-offset:6px}
.home-video{margin:44px 0 0;border:1px solid #b9c8d8;background:#0b2038;color:#eee9dc;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.home-video> a{display:block;min-width:0}
.home-video img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:pixelated;min-height:280px}
.home-video-copy{padding:36px;align-self:center}
.home-video-copy .vr-eyebrow{color:#edc875;font:8px/1.9 var(--type-arcade)}
.home-video-copy h2{font:clamp(18px,2.2vw,28px)/1.7 var(--type-arcade);margin:0 0 20px}
.home-video-copy p:not(.vr-eyebrow){font-size:16px;line-height:1.6;margin:0 0 22px;max-width:300px}
.home-video-copy a{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 20px;min-height:50px;background:#edc875;color:#0b2038;font:9px/1.8 var(--type-arcade);text-decoration:none}
@media(min-width:1400px){.vr-rack{gap:34px 28px}.vr-case{padding:16px 16px 9px}.vr-tape-label>strong{font-size:16px}}
@media(max-width:1050px){.vr-rack{grid-template-columns:repeat(4,minmax(0,1fr))}.vr-staff .vr-rack{display:flex;overflow-x:auto;gap:20px;scroll-snap-type:x proximity;padding-bottom:12px}.vr-staff .vr-tape{flex:0 0 155px;scroll-snap-align:start}.vr-interior{aspect-ratio:16/7}.vr-store-header{font-size:7px}.vr-shelf-nav{grid-template-columns:140px;grid-auto-columns:minmax(155px,1fr);overflow-x:auto;scrollbar-color:#d8b675 #46301f;scroll-padding:20px}.vr-welcome{padding:28px 24px;gap:24px}.vr-door-label{font-size:9px;right:15%;padding:17px 19px}.home-video-copy{padding:25px}}
@media(max-width:650px){.vr-location{font-size:7px;padding:16px}.vr-street>img{aspect-ratio:4/3;object-position:53% center}.vr-door-label{right:8%;bottom:15%;font-size:8px;padding:17px 16px;gap:12px}.vr-welcome{display:block;padding:26px 20px}.vr-welcome h1{font-size:19px}.vr-welcome>div:last-child{margin-top:18px}.vr-welcome>div:last-child>p{font-size:16px}.vr-store-strip{padding:17px 20px;gap:12px;font-size:6px}.vr-store-header{padding:8px 16px;gap:10px}.vr-store-header>span:nth-child(2){display:none}.vr-store-header button{font-size:7px}.vr-interior{aspect-ratio:4/3}.vr-interior>img{object-position:60% center}.vr-interior-title{left:16px;right:16px;bottom:16px;max-width:none;padding:18px 16px}.vr-interior-title .vr-eyebrow{font-size:6px}.vr-interior-title h1{font-size:18px}.vr-interior-title>p:last-child{font-size:13px}.vr-shelf-nav{grid-template-columns:125px;grid-auto-columns:170px;gap:10px;padding:16px 14px 20px;scroll-snap-type:x proximity;scroll-padding:14px}.video-room .vr-shelf-nav button{scroll-snap-align:start;padding:14px 16px;gap:9px;min-height:72px;font-size:8px}.video-room .vr-shelf-nav .vr-sign-all{font-size:10px}.vr-counter{padding:23px 16px 7px;grid-template-columns:minmax(0,1fr) 135px;gap:14px 12px}.vr-search{grid-column:1/-1}.vr-counter label>span{font-size:7px;margin-bottom:8px}.vr-stack-button{font-size:7px!important;gap:10px}.vr-counter .vr-era{display:flex;align-items:center;gap:12px}.vr-counter .vr-era>span{display:none}.vr-results-line{padding:4px 16px 18px;display:block;font-size:12px}.vr-results-line>p{padding-top:8px}.vr-results-line>label{font-size:12px}.vr-shelves{padding:22px 16px 18px}.vr-rack{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 17px}.vr-case{padding:12px 9px 8px}.vr-tape-label>strong{font-size:13px}.vr-tape-label>small{font-size:10px}.vr-tape-label>small>span{font-size:8px}.vr-staff{padding:21px 16px 4px;margin-left:-16px;margin-right:-16px}.vr-staff .vr-rack{gap:18px}.vr-staff .vr-tape{flex-basis:142px}.vr-shelf-heading h2{font-size:14px}.vr-shelf-heading>span{font-size:6px}.vr-shelf-heading .vr-eyebrow{font-size:6px}.vr-staff .vr-shelf-heading>span{display:none}.vr-shelf{margin-bottom:28px}.vr-blank-case{border-width:5px;padding:10px 8px;width:87%}.vr-blank-case>span{font-size:6px}.vr-blank-case>strong{font-size:11px}.vr-blank-case>small{font-size:6px}.vr-room-note{display:block;margin:0 16px;padding:24px 0}.vr-room-note>strong{font-size:8px}.vr-room-note>p{font-size:12px;margin:15px 0 0}.vr-detail{grid-template-columns:1fr;gap:24px;padding:22px}.vr-detail-cover{min-height:0;height:250px;padding:16px}.vr-detail-cover>img{height:100%;width:auto;max-width:100%}.vr-detail-cover .vr-blank-case{min-height:0;height:100%;max-width:160px}.vr-detail-copy h2{font-size:24px}.vr-dialog-head{padding:10px 16px;font-size:6px;gap:10px}.vr-dialog-head button{min-height:40px;min-width:40px}.vr-detail-copy .vr-eyebrow{font-size:7px}.vr-screening{margin:0 12px 24px;border-width:4px}.vr-screening-label{font-size:6px;padding:12px}.vr-screening iframe{min-height:210px}.vr-detail .vr-cta{font-size:9px!important}.home-video{grid-template-columns:1fr;margin-top:32px}.home-video img{min-height:0;aspect-ratio:16/9}.home-video-copy{padding:26px 22px}.home-video-copy h2{font-size:21px}.home-video-copy p:not(.vr-eyebrow){font-size:15px}.game-header .video-nav{font-size:8px}}
@media(prefers-reduced-motion:reduce){.vr-tape-pick:hover .vr-case,.vr-street:hover .vr-door-label{transform:none}}
@media(max-width:550px){.game-header:has(.video-nav) nav [data-action=bag]{position:absolute;right:102px;top:12px;display:inline-flex;gap:7px;min-height:44px}}

.vr-external-note{font:12px/1.6 var(--type-reading)!important;color:#665e54;margin:14px 0 5px}.vr-embed-option{display:block;background:none;border:0;color:#665e54;font-size:13px!important;min-height:44px;padding:10px 0;text-align:left;text-decoration:underline;text-underline-offset:4px}.vr-embed-option:disabled{text-decoration:none;opacity:1}

.vr-detail-copy .vr-language{color:#665e54;font-size:13px;margin:-10px 0 18px}
.vr-detail-copy .vr-artwork-note{font-size:12px!important;line-height:1.6;color:#665e54;margin:18px 0 0}
