:root{color-scheme:dark;--blue:#102f8c;--night:#061433;--gold:#ffdc45;--ink:#f5f2e8;font-family:Arial,Helvetica,sans-serif;background:var(--night);color:var(--ink)}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:-5px}.skip-link{position:fixed;top:-100px;left:12px;z-index:5;padding:12px;background:var(--gold);color:var(--night)}.skip-link:focus{top:12px}.store-header{background:var(--blue);padding:30px 18px 0;text-align:center;border-top:5px solid var(--gold)}
.ticket{margin:0 auto;width:min(88%,410px);padding:10px 14px 8px;outline:2px solid var(--gold);outline-offset:-7px;background:var(--gold);clip-path:polygon(5% 0,95% 0,100% 15%,100% 85%,95% 100%,5% 100%,0 85%,0 15%);transform:rotate(-4deg);color:var(--gold);position:relative;isolation:isolate}
.ticket:before{content:"";position:absolute;inset:5px;background:var(--blue);clip-path:polygon(4% 0,96% 0,100% 13%,100% 87%,96% 100%,4% 100%,0 87%,0 13%);z-index:-1}.ticket span{display:block;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(38px,11vw,64px);font-weight:900;letter-spacing:.02em;line-height:1.08}.ticket small{display:block;font-size:.75rem;letter-spacing:.36em;margin-top:3px;padding-left:.36em;line-height:1.5}.instructions{font-size:.875rem;color:#e5eaff;line-height:1.5;margin:23px 0 22px}.shelf-label{border-top:1px solid #ffffff3b;padding:12px 0 11px;display:flex;justify-content:space-between;gap:12px;font-family:'Courier New',monospace;font-size:.75rem;font-weight:bold;letter-spacing:.13em;color:var(--gold)}
.film{margin:0;padding:0}.cover{display:block;position:relative;width:100%;aspect-ratio:2/3;padding:0;border:0;border-radius:0;background:#0c0c0e;cursor:pointer;overflow:hidden;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.cover img{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-drag:none;pointer-events:none}.cover .back{position:absolute;inset:0;opacity:0;transition:opacity .16s ease}.cover.is-back .back{opacity:1}.cover.is-back .front{visibility:hidden}.cover-hint{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);background:#061433eb;border:1px solid #ffdc4599;border-radius:20px;padding:8px 14px;color:var(--gold);font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none}.cover.is-held .cover-hint{opacity:1}.film-label{display:flex;align-items:center;gap:14px;min-height:104px;padding:20px max(20px,env(safe-area-inset-right)) 24px max(20px,env(safe-area-inset-left));border-top:3px solid var(--gold);border-bottom:1px solid #ffffff26;background:var(--night)}.film-info{flex:1;min-width:0}.film h2{margin:0 0 7px;font-size:1.25rem;font-weight:700;line-height:1.25;overflow-wrap:anywhere}.film-meta{margin:0;color:#aebcda;font: .8125rem 'Courier New',monospace;letter-spacing:.08em}.film-number{color:var(--gold);margin-right:9px}.flip{min-width:52px;min-height:44px;border:1px solid #7180a3;background:transparent;border-radius:3px;color:var(--gold);font-size:.875rem;padding:10px;cursor:pointer}.flip:hover{background:var(--blue)}footer{padding:40px 20px max(32px,env(safe-area-inset-bottom));text-align:center;background:var(--blue)}footer>span{color:var(--gold);font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:.08em;font-size:1.4rem}footer p{font-family:'Courier New',monospace;font-size:.75rem;letter-spacing:.12em;margin:12px 0 0;color:#bccbf2}.no-script{text-align:center;padding:24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:700px){.store-header{padding-top:40px}.film-label{padding:24px 32px;min-height:116px}.film h2{font-size:1.5rem}.instructions{font-size:1rem}.shelf-label{padding-top:16px;padding-bottom:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}