/* Approved cinema mockup; shared live components from library.css. */
.library-scene.cinema-scene{background:#102c3f url('./cinema-room-pixel.png') center/cover no-repeat}body:has(#cinema:not([hidden])) .masthead{display:none}body:has(#cinema:not([hidden])){overflow:hidden}
.cinema-scene .library-heading{height:12%;right:5%}.cinema-scene .library-heading strong{font-size:clamp(14px,2.25cqw,36px)}.cinema-scene [data-cinema-exit]{order:1;aspect-ratio:1;padding:0;min-height:32px;min-width:44px}.cinema-scene [data-cinema-exit] svg{display:block;width:65%;height:65%}
.cinema-scene .cinema-counter,.cinema-scene .cinema-case{top:24%;bottom:2%}.cinema-scene .cinema-counter{left:1%;width:44.3%}.cinema-scene .cinema-case{right:1%;width:29.3%;padding-left:1.3cqw;padding-right:1.3cqw}.cinema-scene .cinema-counter>header{height:13%}.cinema-scene .library-collection{height:87%;grid-template-columns:38% minmax(0,1fr);gap:1cqw}.cinema-scene .library-genres{padding-right:.8cqw}.cinema-scene .library-genre-list button{font-size:clamp(9px,1.14cqw,18px);padding:0 .4cqw;grid-template-columns:1.3cqw minmax(0,1fr) auto}.cinema-scene .cinema-counter h2{font-size:clamp(13px,1.95cqw,31px)}
.cinema-scene .cinema-offers{overflow:auto;gap:1.5cqh .7cqw}.cinema-scene .library-tape{padding:3px}.cinema-scene .library-section .library-tape strong,.cinema-scene .cinema-case .library-tape strong{font-size:clamp(9px,1.35cqw,21px);flex-basis:23%;line-height:1.05}.cinema-scene .cinema-tape small{font-size:clamp(8px,1.05cqw,17px);line-height:1.1;white-space:nowrap;border:1px solid #f4c65a;border-radius:5px;margin:.3cqh .3cqw;padding:.2cqh 0;color:#ffedb1;text-align:center;background:#052032}.cinema-scene .cinema-case h2{font-size:clamp(13px,1.85cqw,30px)}.cinema-scene .cinema-case header p{font-size:clamp(9px,1.12cqw,18px)}.cinema-scene .cinema-pages{display:flex;justify-content:center;align-items:center;gap:1cqw;height:5cqh;font-size:clamp(9px,1.1cqw,18px)}.cinema-scene .cinema-pages button{min-height:0;padding:0 .7cqw;border:1px solid #e9bd40;background:#063044;color:#fff2d0;font-size:clamp(12px,1.5cqw,24px)}.cinema-scene .cinema-empty{grid-column:1/-1;grid-row:1/-1;align-self:center;text-align:center;font-size:clamp(10px,1.3cqw,21px)}
.cinema-scene .library-modal-layer{padding-bottom:2cqh;background:#0003}.cinema-scene .cinema-details{width:28%;margin-left:7%;padding:1.8cqh 1.3cqw 1.4cqh;border-radius:16px}.cinema-scene .library-modal-content{grid-template-columns:35% minmax(0,1fr);gap:1cqw;margin:0;max-height:38cqh}.cinema-scene .library-modal-cover{height:24cqh}.cinema-scene .library-modal-content h2{font-size:clamp(15px,1.9cqw,30px);padding-right:1cqw}.cinema-scene .library-details p{font-size:clamp(10px,1.1cqw,18px)}.cinema-scene .cinema-price{display:block;text-align:center;padding:.8cqh .3cqw;margin-top:1.5cqh;border:2px solid #c4c7af;border-radius:7px;font-size:clamp(11px,1.3cqw,21px);background:#052330;color:#ffe6a2}.cinema-scene .library-modal-actions{grid-template-columns:1fr 1fr;margin-top:2cqh}.cinema-scene .library-modal-actions button{font-size:clamp(11px,1.4cqw,23px)}.cinema-scene .cinema-close{position:absolute;right:.5cqw;top:.5cqh;z-index:2;width:2.4cqw;height:4.5cqh;min-height:0;padding:0;background:#754713;color:#fff0a6;border:2px solid #f3cf49;border-radius:4px;font-size:clamp(13px,1.9cqw,28px);line-height:1}
@media(max-height:450px){.cinema-scene .cinema-counter,.cinema-scene .cinema-case{top:22%}.cinema-scene .library-genre-list button{font-size:1.08cqw}.cinema-scene .cinema-details{width:34%;padding:2cqh 1.2cqw}.cinema-scene .cinema-price{font-size:1.2cqw}.cinema-scene .library-modal-content h2{font-size:1.7cqw}.cinema-scene .library-details p{font-size:1.1cqw}.cinema-scene .cinema-close{width:3cqw;height:7cqh}.cinema-scene .cinema-tape small{font-size:.95cqw}}
.cinema-scene [data-cinema-exit]{width:11cqh;height:11cqh;display:flex;align-items:center;justify-content:center}.cinema-scene [data-cinema-exit] svg{flex:none;width:70%;height:70%}.cinema-scene .cinema-tape small{min-width:0;max-width:100%;box-sizing:border-box;font-size:clamp(8px,.95cqw,15px);overflow:hidden;text-overflow:ellipsis}
.library-scene.cinema-scene .library-heading [data-cinema-exit]{padding:0;width:11cqh;height:11cqh;min-width:44px;min-height:32px}.library-scene.cinema-scene .library-heading [data-cinema-exit] svg{flex:none;width:70%;height:70%}