:root {
  color-scheme: dark;
  --ink: #061328;
  --navy: #0a1e3d;
  --panel: #102a50;
  --panel-2: #17365f;
  --line: #2b4b73;
  --paper: #f7fbff;
  --muted: #adc1dc;
  --yellow: #ffe43b;
  --cyan: #48e4ee;
  --coral: #ff6f7d;
  --green: #62e6a7;
  --shadow: 0 24px 60px rgba(0, 5, 18, .3);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
html { background: var(--ink); scroll-behavior: smooth; }
body { margin: 0; min-height: 100vh; color: var(--paper); background: radial-gradient(circle at 15% 0, rgba(72, 228, 238, .12), transparent 28rem), radial-gradient(circle at 90% 8%, rgba(255, 228, 59, .12), transparent 30rem), var(--ink); }
button, input, select { font: inherit; }
a { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible { outline: 3px solid var(--yellow); outline-offset: 3px; }
.skip-link { position: fixed; top: .7rem; left: .7rem; z-index: 100; transform: translateY(-160%); background: var(--yellow); color: var(--ink); padding: .7rem 1rem; border-radius: .7rem; font-weight: 800; }
.skip-link:focus { transform: none; }
.store-header { min-height: 78px; display: grid; grid-template-columns: minmax(180px, 280px) 1fr auto; align-items: center; gap: 2rem; padding: .75rem clamp(1rem, 4vw, 4.5rem); border-bottom: 1px solid rgba(138, 175, 214, .22); background: rgba(6, 19, 40, .88); backdrop-filter: blur(16px); position: sticky; top: 0; z-index: 20; }
.store-brand img { display: block; width: min(235px, 100%); height: 52px; object-fit: contain; object-position: left center; }
.store-nav { display: flex; justify-content: center; gap: clamp(1rem, 3vw, 2.4rem); }
.store-nav a, .account-link { text-decoration: none; color: var(--muted); font-weight: 750; font-size: .92rem; letter-spacing: .02em; }
.store-nav a:hover, .account-link:hover { color: var(--paper); }
.store-account { display: flex; align-items: center; gap: .65rem; justify-content: flex-end; }
.account-link.primary { color: var(--ink); background: var(--yellow); padding: .7rem 1rem; border-radius: 999px; }
.account-name { max-width: 9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--paper); font-weight: 800; font-size: .9rem; }
#store-main { min-height: calc(100vh - 78px); }
.store-loading { min-height: 55vh; display: grid; place-items: center; align-content: center; gap: 1rem; color: var(--muted); }
.store-loading span { width: 40px; height: 40px; border: 3px solid var(--line); border-top-color: var(--cyan); border-radius: 50%; animation: spin .8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.store-wrap { width: min(1280px, calc(100% - 2rem)); margin: 0 auto; padding: clamp(2rem, 6vw, 5rem) 0 5rem; }
.store-hero { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(330px, .95fr); gap: clamp(2rem, 6vw, 5rem); align-items: center; margin-bottom: 4.5rem; }
.eyebrow { margin: 0 0 .75rem; color: var(--cyan); font-size: .79rem; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.store-hero h1, .detail-copy h1, .account-hero h1 { margin: 0; font-size: clamp(2.4rem, 5.7vw, 5.4rem); line-height: .95; letter-spacing: -.055em; max-width: 12ch; }
.store-hero h1 span { color: var(--yellow); }
.hero-copy { max-width: 62ch; color: var(--muted); font-size: clamp(1rem, 1.6vw, 1.22rem); line-height: 1.65; }
.hero-proof { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.7rem; }
.hero-proof span { border: 1px solid var(--line); background: rgba(16, 42, 80, .7); padding: .62rem .85rem; border-radius: 999px; color: var(--paper); font-weight: 700; font-size: .88rem; }
.featured-card { position: relative; min-height: 380px; border: 1px solid rgba(72, 228, 238, .4); border-radius: 30px; overflow: hidden; box-shadow: var(--shadow); background: linear-gradient(145deg, #12345d, #091a36); }
.featured-card .pack-art { position: absolute; inset: 0; }
.featured-card .pack-art::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 10%, rgba(4, 12, 28, .88) 78%); }
.featured-card .pack-art img { width: 100%; height: 100%; object-fit: cover; }
.featured-content { position: absolute; inset: auto 0 0; z-index: 2; padding: 2rem; }
.featured-content h2 { margin: .65rem 0 .4rem; font-size: clamp(1.7rem, 3vw, 2.7rem); line-height: 1; }
.featured-content p { color: #d5e3f5; margin: 0 0 1.25rem; max-width: 46ch; }
.pack-fallback { display: grid; place-items: center; width: 100%; height: 100%; background: radial-gradient(circle at 50% 30%, rgba(255, 228, 59, .32), transparent 36%), linear-gradient(135deg, #163f6f, #091a36); }
.pack-fallback img { width: min(38%, 180px) !important; height: auto !important; object-fit: contain !important; filter: drop-shadow(0 18px 30px rgba(0,0,0,.35)); }
.pack-badge { display: inline-flex; align-items: center; min-height: 27px; padding: .28rem .62rem; border-radius: 999px; color: var(--ink); background: var(--yellow); font-size: .72rem; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
.pack-badge.owned { background: var(--green); }
.pack-badge.free { background: var(--cyan); }
.store-section { margin: 3.4rem 0; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 1.2rem; }
.section-heading h2 { margin: 0; font-size: clamp(1.55rem, 3vw, 2.25rem); letter-spacing: -.03em; }
.section-heading p { margin: .3rem 0 0; color: var(--muted); }
.pack-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.15rem; }
.pack-card { min-width: 0; border: 1px solid var(--line); border-radius: 22px; overflow: hidden; background: linear-gradient(160deg, rgba(18, 48, 88, .96), rgba(9, 26, 54, .98)); box-shadow: 0 14px 35px rgba(0, 4, 18, .18); transition: transform .18s ease, border-color .18s ease; }
.pack-card:hover { transform: translateY(-4px); border-color: var(--cyan); }
.pack-card-art { aspect-ratio: 16 / 10; position: relative; overflow: hidden; background: #0d294f; }
.pack-card-art > img { width: 100%; height: 100%; object-fit: cover; }
.pack-card-art .pack-fallback img { width: 32% !important; }
.pack-card-art .pack-badge { position: absolute; top: .8rem; left: .8rem; z-index: 2; }
.pack-card-body { padding: 1.05rem; }
.pack-card-meta { display: flex; justify-content: space-between; gap: .7rem; color: var(--cyan); text-transform: uppercase; font-size: .68rem; font-weight: 850; letter-spacing: .08em; }
.pack-card h3 { font-size: 1.25rem; line-height: 1.1; margin: .55rem 0 .45rem; }
.pack-card p { color: var(--muted); line-height: 1.5; font-size: .9rem; min-height: 4.05em; margin: 0 0 1rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.pack-card-foot { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.pack-price { font-size: 1.02rem; font-weight: 900; }
.pack-price s { color: var(--muted); font-size: .75rem; margin-right: .25rem; }
.button { border: 0; min-height: 44px; padding: .68rem 1rem; border-radius: 12px; cursor: pointer; font-weight: 900; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: .45rem; }
.button-primary { color: var(--ink); background: var(--yellow); }
.button-cyan { color: var(--ink); background: var(--cyan); }
.button-secondary { color: var(--paper); background: var(--panel-2); border: 1px solid var(--line); }
.button-ghost { color: var(--muted); background: transparent; border: 1px solid var(--line); }
.button:disabled { opacity: .48; cursor: not-allowed; }
.store-empty, .account-panel, .message-card { border: 1px solid var(--line); border-radius: 24px; background: rgba(13, 33, 66, .82); padding: clamp(1.4rem, 4vw, 2.4rem); }
.store-empty h2, .message-card h1 { margin-top: 0; }
.store-empty p, .message-card p { color: var(--muted); line-height: 1.6; }
.detail-wrap { width: min(1180px, calc(100% - 2rem)); margin: 0 auto; padding: clamp(2rem, 6vw, 5rem) 0; }
.back-link { display: inline-flex; margin-bottom: 1.5rem; color: var(--muted); text-decoration: none; font-weight: 800; }
.pack-detail { display: grid; grid-template-columns: minmax(300px, .8fr) minmax(0, 1.2fr); gap: clamp(2rem, 6vw, 5.2rem); align-items: start; }
.detail-art { aspect-ratio: 4 / 3; border-radius: 28px; overflow: hidden; border: 1px solid var(--line); position: sticky; top: 110px; box-shadow: var(--shadow); }
.detail-art > img { width: 100%; height: 100%; object-fit: cover; }
.detail-copy h1 { font-size: clamp(2.5rem, 5vw, 4.8rem); max-width: 14ch; }
.detail-tagline { font-size: 1.25rem; color: var(--yellow); font-weight: 800; margin: 1rem 0; }
.detail-description { color: var(--muted); line-height: 1.75; font-size: 1.05rem; white-space: pre-line; }
.detail-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; margin: 1.5rem 0; }
.detail-fact { border: 1px solid var(--line); background: rgba(17, 45, 83, .72); border-radius: 15px; padding: .85rem; }
.detail-fact span { display: block; color: var(--muted); font-size: .75rem; text-transform: uppercase; letter-spacing: .08em; font-weight: 800; }
.detail-fact strong { display: block; margin-top: .25rem; }
.topic-list { display: flex; flex-wrap: wrap; gap: .55rem; margin: 1rem 0 1.6rem; }
.topic-list span { padding: .5rem .7rem; background: var(--panel); border: 1px solid var(--line); border-radius: 999px; color: #dce9f7; font-size: .86rem; }
.purchase-panel { border: 1px solid rgba(255, 228, 59, .35); border-radius: 20px; padding: 1.2rem; background: linear-gradient(135deg, rgba(255, 228, 59, .08), rgba(72, 228, 238, .05)); }
.purchase-line { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.purchase-line strong { font-size: 1.7rem; }
.purchase-actions { display: flex; flex-wrap: wrap; gap: .7rem; }
.service-note { margin: .8rem 0 0; color: var(--muted); font-size: .84rem; }
.secure-note { display: flex; align-items: center; gap: .45rem; margin: .8rem 0 0; color: var(--muted); font-size: .84rem; }
.secure-note::before { content: "✓"; display: grid; place-items: center; width: 1.2rem; height: 1.2rem; border-radius: 50%; color: var(--ink); background: var(--green); font-size: .72rem; font-weight: 950; }
.checkout-notice { margin: 0 0 1rem; border: 1px solid rgba(255, 228, 59, .38); border-radius: 14px; padding: .8rem 1rem; color: #fff3a8; background: rgba(255, 228, 59, .08); }
.preview-panel { margin-top: 2.2rem; border-top: 1px solid var(--line); padding-top: 2rem; }
.preview-progress { color: var(--cyan); font-size: .78rem; letter-spacing: .1em; font-weight: 900; text-transform: uppercase; }
.preview-question { font-size: clamp(1.4rem, 3vw, 2rem); line-height: 1.22; }
.preview-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
.preview-option { min-height: 64px; text-align: left; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); color: var(--paper); padding: .85rem 1rem; cursor: pointer; font-weight: 750; }
.preview-option.correct { border-color: var(--green); background: rgba(98, 230, 167, .13); }
.preview-option.wrong { border-color: var(--coral); background: rgba(255, 111, 125, .12); }
.preview-result { border: 1px solid var(--line); border-radius: 16px; padding: 1rem; margin-top: 1rem; }
.preview-result p { color: var(--muted); line-height: 1.55; }
.account-wrap { width: min(1080px, calc(100% - 2rem)); margin: 0 auto; padding: clamp(2rem, 6vw, 5rem) 0; }
.account-access { width: min(680px, calc(100% - 2rem)); }
.account-access .message-card { padding: clamp(1.5rem, 5vw, 3rem); }
.account-access h1 { margin: 0 0 1rem; font-size: clamp(2.1rem, 6vw, 4.2rem); line-height: .98; letter-spacing: -.045em; }
.account-promise { display: grid; gap: .55rem; margin: 1.2rem 0; padding: 1rem; border-radius: 15px; background: rgba(72, 228, 238, .07); border: 1px solid rgba(72, 228, 238, .2); }
.account-promise span { color: #dce9f7; line-height: 1.45; }
.account-hero { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 2.5rem; }
.account-hero h1 { font-size: clamp(2.3rem, 5vw, 4.4rem); }
.account-sections { display: grid; gap: 1.3rem; }
.account-panel h2 { margin-top: 0; }
.profile-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.field { display: grid; gap: .4rem; color: var(--muted); font-weight: 700; }
.field input, .field select, .auth-form input { width: 100%; min-height: 48px; border: 1px solid var(--line); border-radius: 12px; padding: .75rem .85rem; color: var(--paper); background: #071a36; }
.purchase-list { display: grid; gap: .6rem; }
.purchase-row { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 1rem; border-top: 1px solid rgba(80, 114, 154, .38); padding: .9rem 0; }
.purchase-row:first-child { border-top: 0; }
.purchase-row span { color: var(--muted); font-size: .86rem; }
.auth-dialog { width: min(480px, calc(100% - 2rem)); border: 1px solid var(--line); border-radius: 24px; background: var(--navy); color: var(--paper); padding: 0; box-shadow: var(--shadow); }
.auth-dialog::backdrop { background: rgba(0, 7, 20, .78); backdrop-filter: blur(6px); }
.auth-card { padding: 1.5rem; }
.auth-head { display: flex; justify-content: space-between; gap: 1rem; align-items: start; }
.auth-head h2 { margin: 0; font-size: 1.7rem; }
.close-button { border: 0; background: transparent; color: var(--muted); font-size: 1.6rem; cursor: pointer; }
.auth-card > p { color: var(--muted); line-height: 1.55; }
.auth-form { display: grid; gap: .85rem; }
.auth-code { letter-spacing: .3em; text-align: center; font-size: 1.5rem; font-weight: 900; }
.form-error { color: #ff9ca6; font-weight: 700; margin: 0; }
.store-toast { position: fixed; left: 50%; bottom: 1.2rem; transform: translate(-50%, 160%); z-index: 100; max-width: min(560px, calc(100% - 2rem)); background: var(--paper); color: var(--ink); padding: .85rem 1.1rem; border-radius: 12px; box-shadow: var(--shadow); font-weight: 800; transition: transform .2s ease; }
.store-toast.show { transform: translate(-50%, 0); }
.store-toast.error { background: #ffdce0; }
.pairing-code { font-size: 2.2rem; letter-spacing: .18em; color: var(--yellow); }
.success-mark { width: 70px; height: 70px; border-radius: 50%; display: grid; place-items: center; background: var(--green); color: var(--ink); font-size: 2.2rem; font-weight: 950; margin-bottom: 1.2rem; }
@media (max-width: 980px) {
  .pack-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .store-hero { grid-template-columns: 1fr; }
  .featured-card { min-height: 330px; }
  .pack-detail { grid-template-columns: 1fr; }
  .detail-art { position: relative; top: 0; max-width: 650px; }
}
@media (max-width: 700px) {
  .store-header { grid-template-columns: 1fr auto; gap: .8rem; padding: .65rem 1rem; }
  .store-brand img { width: 160px; height: 44px; }
  .store-nav { grid-column: 1 / -1; grid-row: 2; justify-content: space-between; border-top: 1px solid rgba(138,175,214,.2); padding-top: .65rem; }
  .account-name { display: none; }
  .pack-grid { grid-template-columns: 1fr; }
  .store-wrap, .detail-wrap, .account-wrap { width: min(100% - 1.25rem, 1280px); }
  .store-hero { margin-bottom: 3rem; }
  .featured-card { min-height: 300px; }
  .preview-options, .profile-grid, .detail-facts { grid-template-columns: 1fr; }
  .account-hero { align-items: start; flex-direction: column; }
  .purchase-row { grid-template-columns: 1fr auto; }
  .purchase-row span { grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; animation-duration: .001ms !important; transition-duration: .001ms !important; } }
/* Server-rendered catalog */
.catalog-wrap{width:min(1320px,calc(100% - 2rem));margin:0 auto;padding:1rem 0 5rem}
.cinema-hero{position:relative;min-height:clamp(480px,64vh,640px);overflow:hidden;border-radius:20px;background:#0b1d3a;display:flex;align-items:center;margin-bottom:2.5rem}
.cinema-image{position:absolute;inset:0}.cinema-image>img{width:100%;height:100%;object-fit:cover}.cinema-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07132c 3%,rgba(7,19,44,.94) 32%,rgba(7,19,44,.12) 90%)}
.cinema-content{position:relative;z-index:1;max-width:600px;padding:clamp(1.25rem,5vw,4rem)}.cinema-content h1{font-size:clamp(2.6rem,5.5vw,5rem);line-height:1.02;letter-spacing:-.05em;margin:.5rem 0}.cinema-tagline{font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.4}.cinema-facts{line-height:1.6;color:#e7f3ff}.cinema-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.5rem}.buyer-note,.language-note{font-size:.9rem;color:#e3ecf6}
.catalog-section{margin:2.2rem 0}.catalog-section>.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.catalog-section h2{font-size:clamp(1.5rem,3vw,2.2rem);margin:0}.cinema-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:1rem}.cinema-grid.scrolling{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.7rem}.cinema-grid.scrolling .cinema-card{flex:0 0 min(270px,75vw);scroll-snap-align:start}.row-controls{display:flex;gap:.4rem}.row-controls button{background:#102a50;color:white;border:1px solid #c7d8ee;border-radius:8px;padding:.35rem .65rem;cursor:pointer}
.cinema-card{min-width:0;border:1px solid #6780a0;background:#112447;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.cinema-card-link{text-decoration:none;flex:1}.cinema-card-link:hover h3{text-decoration:underline}.cinema-card-image{aspect-ratio:16/9;overflow:hidden;background:#0d294f}.cinema-card-image>img{width:100%;height:100%;object-fit:cover}.cinema-card-image .pack-fallback img{height:auto;width:70px!important}.cinema-card-body{padding:.9rem .95rem}.cinema-card-meta{display:flex;justify-content:space-between;gap:.4rem;font-size:.72rem;text-transform:uppercase;color:#82f0f5;margin:0}.cinema-card h3{font-size:1.22rem;line-height:1.2;margin:.7rem 0 .45rem}.card-blurb{color:#dce8f6;line-height:1.4;min-height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:.4rem 0}.pack-languages{color:#dce8f6;font-size:.8rem;margin:.6rem 0 0}.cinema-card-foot{display:flex;justify-content:space-between;align-items:center;gap:.4rem;padding:0 .95rem .95rem}.cinema-card-foot strong{font-size:.85rem}.card-action{color:white;background:#284568;border:1px solid #b8d6f7;border-radius:8px;padding:.52rem .6rem;text-decoration:none;font-size:.8rem;font-weight:750;cursor:pointer}.cinema-card>.language-note{margin:0 .95rem .8rem}
.buyer-strip{text-align:center;margin-top:3rem;background:#142d52;padding:1.5rem;border-radius:15px;font-size:1.2rem}.buyer-strip .button{margin-left:1rem}.store-footer{text-align:center;padding:2rem;background:#07142c;color:#dce8f6}.store-footer a{color:#f7fbff}
.detail-page .cinema-hero{margin-top:1rem}.detail-below{max-width:1100px;margin:0 auto}.detail-article{max-width:800px}.detail-description p,.purchase-note{color:#e1edf9;font-size:1.05rem;line-height:1.7}.detail-article section{margin:2.6rem 0}.inside-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem}.inside-list>div{border:1px solid #597390;padding:1rem;border-radius:12px}.inside-list dt{color:#d4e4f7}.inside-list dd{margin:.5rem 0 0;font-size:1.15rem;font-weight:800}.not-found{min-height:65vh;padding-top:5rem}
.sample-game{border:1px solid #6483a8;border-radius:18px;background:#102647;padding:clamp(1rem,3vw,2rem)}.sample-question h3{font-size:clamp(1.4rem,3vw,2rem)}.sample-answers{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}.sample-answers button{color:#f7fbff;background:#1d3c65;border:1px solid #b5cde7;border-radius:10px;min-height:4rem;text-align:left;padding:.8rem;cursor:pointer}.sample-answers button.correct{background:#174c3c;border-color:#7becb3}.sample-answers button.wrong{background:#5a2634;border-color:#ff9ba6}.sample-reveal{margin-top:1.1rem;padding:1rem;border:1px solid #6e94ac;border-radius:12px}.sample-end a{color:#f7fbff}.sample-dialog{border:1px solid #8ca9c7;border-radius:18px;background:#081933;color:#f7fbff;width:min(740px,calc(100% - 1rem));max-height:90vh;overflow:auto}.sample-dialog::backdrop{background:#000c}.sample-close{float:right;background:transparent;color:white;border:1px solid white;border-radius:8px;font-size:1.4rem;cursor:pointer}.sample-dialog .sample-game{clear:both;border:0}.sample-dialog .sample-answers{grid-template-columns:1fr}
@media(max-width:767px){.cinema-hero{display:block;min-height:0}.cinema-image{position:relative;aspect-ratio:16/9}.cinema-image:after{display:none}.cinema-content{padding:1.25rem}.cinema-actions{display:grid}.cinema-actions .button{width:100%}.sample-answers{grid-template-columns:1fr}.buyer-strip .button{margin:.7rem 0 0}.cinema-card-meta{flex-wrap:wrap}}
.cinema-image{overflow:hidden;background:#0b1d3a}
.cinema-image>.cinema-backdrop{position:absolute;inset:-24px;width:calc(100% + 48px);height:calc(100% + 48px);object-fit:cover;filter:blur(22px) brightness(.4)}
.cinema-picture{position:absolute;inset:0;display:block}
.cinema-picture>img{width:100%;height:100%;object-fit:contain;object-position:right center}
.cinema-card-image>img{object-fit:contain}
@media(max-width:900px){.cinema-hero{display:block;min-height:0}.cinema-image{position:relative;aspect-ratio:16/9}.cinema-image>.cinema-backdrop,.cinema-image:after{display:none}.cinema-picture>img{object-position:center}.cinema-content{padding:1.25rem}.cinema-actions{display:grid}.cinema-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){.cinema-grid.scrolling{scroll-behavior:auto!important}}
.google-button{min-height:46px;margin:1rem 0}.auth-card .google-button{margin-bottom:1.2rem}