/* The collection uses the room's original stone and iron, with room to read. */
.welcome-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 18px;position:relative;z-index:3}
.welcome-actions :is(a,button){display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:46px;padding:12px 18px;border:1px solid #bda673;background:#ddcca4;color:#192024;font:600 16px/1.35 Arial,sans-serif;text-decoration:none;cursor:pointer}
.welcome-actions button{background:#172027e8;border-color:#8b9699;color:#f0e7d0}
body.room-primary-layout #screen-content .library-welcome{justify-content:center!important}
body.room-primary-layout .welcome-instruction{max-width:44ch!important;line-height:1.6!important}
body.room-primary-layout .screening-caption{flex-wrap:wrap;font-size:14px}
body.room-primary-layout .film-chapters button{min-height:42px;font-size:14px}
body.room-primary-layout .tape-film-recovery[data-recovery="sound"]{font-size:14px;min-height:44px}
body.room-primary-layout .vhs-tape.is-return-target{cursor:pointer!important}
body.room-primary-layout .utility-nav .games-header-link{border-bottom-color:#d6bc80!important;color:#ffe6a9!important}
@media(min-width:871px){
 body.room-primary-layout .hero-zone #main-tv-console{width:100%!important;max-width:min(100%,calc((100svh - 440px)*1.7778 + 120px))!important;min-width:460px;margin-inline:auto!important}
 body.room-primary-layout .hero-zone .tv-set,body.room-primary-layout .hero-zone .vcr-unit{width:100%!important;max-width:100%!important;margin-inline:auto!important}
}
@media(max-width:870px){
 body.room-primary-layout .site-header{margin-top:8px!important;padding:10px!important}
 body.room-primary-layout .utility-nav{flex-wrap:wrap!important;overflow:visible!important;gap:6px!important}
 body.room-primary-layout .utility-nav :is(a,button){font-size:14px!important;min-height:44px!important}
 body.room-primary-layout .welcome-actions{margin:16px 0 8px;gap:8px}
 body.room-primary-layout .welcome-actions :is(a,button){font-size:14px;min-height:44px;padding:10px 12px}
 body.room-primary-layout:not(.has-tape-film) #crt-screen:has(.library-welcome){min-height:350px!important;aspect-ratio:auto!important}
 body.room-primary-layout .library-welcome h2{font-size:clamp(32px,7vw,52px)!important}
 body.room-primary-layout .library-welcome .welcome-kicker{font-size:12px!important}
 body.room-primary-layout .library-welcome .welcome-instruction{font-size:14px!important}
}
*{box-sizing:border-box}
.collection-page{margin:0;background:#090e12 url('../img/vhs/screening-chamber.webp') center top/cover fixed;color:#ede6d7;font:16px/1.65 Arial,Helvetica,sans-serif}
.collection-page::before{content:'';position:fixed;inset:0;background:#060c12ce;z-index:-1}
.collection-shell{width:min(1420px,calc(100% - 64px));margin:auto}
.collection-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0;border-bottom:1px solid #8f9ca04a}
.collection-brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#efe5c8;font:600 24px/1.25 Georgia,serif;letter-spacing:.045em}
.collection-brand img{width:38px;height:38px}
.collection-header nav{display:flex;gap:8px;flex-wrap:wrap}
.collection-header nav a{padding:10px 16px;color:#d9dfda;text-decoration:none;border:1px solid #68767b66;background:#202c34c9;min-height:44px;font-size:14px}
.collection-header nav a[aria-current]{color:#f8dba0;border-bottom-color:#d8b67c}
.collection-intro{display:flex;justify-content:space-between;align-items:end;gap:32px;padding:38px 0 32px}
.collection-eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#cbb482;margin:0 0 16px}
.collection-intro h1{font:400 clamp(42px,5.7vw,68px)/1.03 Georgia,serif;letter-spacing:-.035em;margin:0;color:#f0e6cc}
.collection-intro p:not(.collection-eyebrow){max-width:60ch;margin:20px 0 0;color:#b8c5c9;font-size:17px}
.collection-count{font:400 80px/1 Georgia,serif;color:#d8bc82;display:block;text-align:right}
.collection-tally{color:#aebec2;text-align:right;font-size:14px;white-space:nowrap}
.collection-section{margin-bottom:60px;scroll-margin-top:24px}
.collection-section>header{display:flex;align-items:baseline;gap:20px;justify-content:space-between;border-top:1px solid #8b9a9f55;padding:20px 0}
.collection-section h2{font:400 28px/1.25 Georgia,serif;margin:0;color:#eee3ca}
.collection-section>header p{font-size:14px;color:#b1c1c4;margin:0}
.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.collection-game{min-width:0;border:7px solid #26333c;border-image:url('../img/archive/iron-frame.webp') 15% / 13px / 0 stretch;background:#101b23;box-shadow:0 14px 30px #0007;display:flex;flex-direction:column;position:relative}
.collection-art{display:block;position:relative;overflow:hidden;background:#080d10;aspect-ratio:16/9}
.collection-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.collection-art:hover img{transform:scale(1.035)}
.collection-art::after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#081117c9);pointer-events:none}
.collection-badge{position:absolute;top:14px;left:14px;background:#172a31eb;border:1px solid #91a4a25c;padding:5px 10px;font:600 12px/1.5 Arial;color:#efe7cf;letter-spacing:.04em}
.collection-badge.is-playable{background:#692d24;border-color:#b36a51;color:#ffecd4}
.collection-number{position:absolute;bottom:12px;right:18px;color:#e8d6aa;font:26px/1 Georgia,serif;z-index:1}
.collection-copy{padding:23px;display:flex;flex-direction:column;flex:1}
.collection-copy .collection-eyebrow{font-size:12px;letter-spacing:.08em;color:#9cbdc4;margin-bottom:9px}
.collection-copy h3{font:400 clamp(25px,2.2vw,32px)/1.12 Georgia,serif;color:#f0e3c6;margin:0 0 14px}
.collection-copy>p:not(.collection-eyebrow){font-size:16px;line-height:1.65;color:#bfc9c8;margin:0 0 22px}
.collection-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;align-items:center}
.collection-actions a{padding:10px 14px;min-height:44px;border:1px solid #728890;background:#263943;color:#ebede0;font-size:14px;text-decoration:none;text-align:center}
.collection-actions a:first-child{background:#d7c399;border-color:#e8d9b9;color:#19262c;font-weight:600}
.collection-room{display:grid;grid-template-columns:1.2fr 1fr;min-height:280px;margin:72px 0 48px;border:12px solid #29343b;border-image:url('../img/archive/stone-frame.webp') 15% / 25px / 0 stretch;background:#17232bd9}
.collection-room>div{padding:36px}.collection-room h2{font:400 36px/1.1 Georgia,serif;color:#efe3c6;margin:0 0 18px}.collection-room p{color:#c1cac8;max-width:44ch}.collection-room>img{width:100%;height:100%;max-height:350px;object-fit:cover}
.collection-footer{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:25px 0 38px;color:#a1b1b6;border-top:1px solid #82959d44;font-size:14px}.collection-footer a{color:#ddd0b1}
.collection-page :is(a,button):focus-visible{outline:3px solid #f3d695;outline-offset:5px}.collection-page a:hover{filter:brightness(1.13)}
.collection-skip{position:absolute;left:20px;top:-100px;background:#e9d7ac;color:#17222a;padding:12px;z-index:10}.collection-skip:focus{top:12px}
@media(max-width:1050px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-shell{width:calc(100% - 40px)}}
@media(max-width:620px){.collection-shell{width:calc(100% - 28px)}.collection-header{align-items:start;flex-direction:column;gap:20px;padding:22px 0}.collection-header nav{gap:6px}.collection-header nav a{padding:10px 12px}.collection-intro{padding:38px 0 30px;display:block}.collection-tally{display:none}.collection-grid{grid-template-columns:1fr;gap:24px}.collection-section>header{display:block}.collection-section>header p{margin-top:8px}.collection-copy{padding:22px}.collection-room{grid-template-columns:1fr;margin:40px 0}.collection-room>div{padding:26px}.collection-room>img{max-height:220px}.collection-footer{display:block}.collection-footer p{margin:0 0 12px}}
@media(prefers-reduced-motion:reduce){.collection-art img{transition:none}.collection-art:hover img{transform:none}}

body.room-primary-layout .film-chapters{display:flex;flex-wrap:wrap;gap:5px}body.room-primary-layout .film-chapters[hidden]{display:none!important}body.room-primary-layout .film-chapters button[aria-pressed="true"]{border-color:#c9b583;color:#f4dfb0;background:#384247}body.room-primary-layout .film-chapters button:disabled{opacity:.5}

/* Four related games read together as a balanced pair of spreads. */
.collection-section>header{align-items:start}
.collection-section>header h2{flex:0 0 32%}
.collection-section>header p{max-width:66ch}
@media(min-width:621px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}