/* Cinema 12: approved art assets, independent game identities, live HTML controls. */
:root{--bg:#07131f;--surface:#0e1e2e;--raised:#172b3d;--accent:#28e4d0;--muted:#9cb3c9}
body{background:#07131f}.workspace{background:linear-gradient(140deg,#07131f,#081723)}
.topbar{background:#08131fef;border-bottom-color:#1b364b;backdrop-filter:blur(18px)}
.sidebar{background:linear-gradient(#08121e,#091726);border-right-color:#1a3043}.sidebar nav a.active{color:#39edeb;background:linear-gradient(90deg,#073442,#0b1b29);box-shadow:inset 3px 0 #19e8ef,0 0 22px #0edee615}
.utility-bar{padding-top:14px;padding-bottom:12px}.search-box{background:#0c1929;border-color:#284357}.button{border-radius:8px}.cinema-primary{background:linear-gradient(100deg,#00ddf4,#41f0bc);color:#031924;box-shadow:0 8px 26px -13px #12e2db}
.cinema-hero{position:relative;min-height:304px;border:1px solid #194b64;background:#05121e;isolation:isolate;overflow:hidden;border-radius:12px;margin-bottom:14px}
.cinema-hero-art{display:block!important;position:absolute;inset:0 0 0 auto;width:72%;background:url('/art/cinema12/approved-hero.webp') center/cover no-repeat;z-index:-2}
.cinema-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#05121e 2%,#05121efa 24%,#05121eb5 42%,#05121e00 68%);z-index:-1}
.cinema-hero::after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 36px #020a1390;pointer-events:none;background:linear-gradient(270deg,#05121e,transparent 12%)}
.cinema-hero-copy{width:52%;position:relative;padding:29px 33px;z-index:1}.cinema-kicker{font-size:9px;font-weight:750;letter-spacing:3.4px;color:#40ecd9}.cinema-hero h1{font-size:clamp(48px,5.4vw,75px);font-weight:900;font-style:italic;line-height:.9;letter-spacing:-2px;margin:14px 0 12px;color:#f6fbff}.cinema-hero h1 strong{color:#20e9de;font-weight:900}.cinema-hero-copy>p{font-size:13px;color:#c3d6e8;line-height:1.6}.cinema-hero-actions{display:flex;gap:10px;margin-top:20px}.cinema-hero-actions .button{height:41px;font-size:12px;white-space:nowrap;gap:20px}.cinema-proof-row{display:flex;gap:17px;margin-top:18px;font-size:9px;color:#a9bdce}.cinema-proof-row>span{display:flex;align-items:center;gap:7px}.cinema-proof-row .icon{width:15px;color:#28e9df}
.cinema-stats{display:none}.cinema-categories{display:flex;gap:8px;overflow:auto;scrollbar-width:none;padding:1px 0 14px}.cinema-categories::-webkit-scrollbar{display:none}.cinema-categories a{display:flex;align-items:center;gap:8px;flex:none;min-height:34px;padding:0 13px;border:1px solid #284157;border-radius:22px;background:#091724;color:#b5c8dc;font-size:10px}.cinema-categories .icon{width:14px}.cinema-categories a.active{color:#e9ffff;border-color:#18e4ee;box-shadow:inset 0 0 13px #15dbe326,0 0 16px #15dbe326}
.cinema-section{margin:0 0 23px}.cinema-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.cinema-section-head h2{font-size:20px;color:#f5faff;letter-spacing:-.4px}.cinema-section-head h2::before{content:'';display:inline-block;width:8px;height:19px;border-radius:2px;background:linear-gradient(#2beddf,#09aaff);margin-right:10px;vertical-align:-3px}.cinema-section-head p{font-size:10px;color:#93afc7;margin:3px 0 0 18px}.cinema-section-head>a{display:flex;align-items:center;gap:6px;font-size:10px;color:#37e4ed}.cinema-section-head>a .icon{width:14px}
.cinema-section .game-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}.cinema-section.popular-games .game-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
.game-card{min-width:0;--glow:#25ddee}.game-link{background:#06101b;border:1px solid #2a435a;border-radius:10px;overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s}.game-link:hover{transform:translateY(-4px);border-color:var(--glow);box-shadow:0 12px 26px -18px var(--glow)}
.approved-poster .tile-art{height:auto!important;aspect-ratio:.91;display:block!important;padding:0!important;position:relative;isolation:isolate;background:#06101b!important;color:white!important;overflow:hidden}
.approved-poster .tile-art>.game-art,.approved-poster .tile-eyebrow{display:none!important}.approved-poster .tile-art::before{content:none!important}.approved-poster .tile-art::after{content:'';position:absolute;inset:42% 0 0;background:linear-gradient(transparent,#07101a 82%);z-index:1;pointer-events:none}
.poster-art{display:block;position:absolute;inset:0 0 auto;height:77%;background-image:url('/art/cinema12/approved-covers.webp');background-size:400% 400%;background-repeat:no-repeat;z-index:0}
.approved-poster .tile-title{position:absolute;z-index:2;bottom:27px;left:7px;right:7px;text-align:center;color:#fff!important;font-size:clamp(15px,1.75vw,26px)!important;font-weight:900;line-height:1.05;font-style:italic;text-transform:uppercase;letter-spacing:-.6px;text-shadow:0 2px 7px #000}
.poster-caption{position:absolute;bottom:12px;left:7px;right:7px;color:#b2c5d8;font-size:8px;font-weight:600;letter-spacing:.5px;text-align:center;z-index:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-meta{min-height:30px;padding:7px 9px;background:#091622;border-top:1px solid #234053;color:#9db3c8;font-size:9px}.game-status.ready{color:#59e9bd}.favorite{top:7px;right:7px;border:1px solid #abc6d844;background:#06111ebc;color:white;width:29px;height:29px;border-radius:7px;backdrop-filter:blur(6px)}.favorite.is-favorite{color:#fff28b}.favorite .icon{width:14px;height:14px}
.fallback-poster .tile-art{height:auto!important;aspect-ratio:.91;position:relative;padding-bottom:42px!important;background-color:#192c41}.fallback-poster .tile-title{position:absolute;bottom:27px;left:9px;font-size:21px}.fallback-poster .tile-eyebrow{font-size:7px}.fallback-poster .poster-caption{font-size:8px}
.popular-games .tile-title{font-size:clamp(13px,1.32vw,20px)!important}.popular-games .poster-caption{font-size:7px}.popular-games .card-meta{font-size:8px;padding:6px}.popular-games .favorite{width:25px;height:25px}
.cinema-session{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 21px;background:linear-gradient(105deg,#0b2132,#091722);border-color:#284256}.cinema-session h2{font-size:18px}.cinema-session p{font-size:11px;color:#91adc7;margin-top:5px}.cinema-session-actions{display:flex;gap:7px;flex-wrap:wrap}.cinema-session-actions .button{font-size:10px}.site-footer{border-color:#1e3548}
@media(min-width:761px) and (max-width:1100px){.cinema-hero-copy{width:55%}.cinema-hero h1{font-size:58px}.cinema-section .game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cinema-section.popular-games .game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.approved-poster .tile-title{font-size:25px!important}}
@media(max-width:760px){.topbar{padding:0 14px;gap:6px}.brand{width:141px}.top-right{gap:5px}.utility-bar{padding:10px 14px}.breadcrumb{display:none}.search-box{margin:0;width:100%;height:36px}.search-box input{font-size:12px}.workspace main{padding:0 14px 23px}.cinema-hero{min-height:218px;margin-bottom:11px;border-radius:10px}.cinema-hero-copy{width:64%;padding:20px 16px}.cinema-kicker{font-size:7px;letter-spacing:2px}.cinema-hero h1{font-size:38px;margin:13px 0 9px;letter-spacing:-1.4px}.cinema-hero-copy>p{font-size:10px;max-width:155px}.cinema-hero-art{width:100%;right:-22%;background-position:43% center}.cinema-hero::before{background:linear-gradient(90deg,#041420 4%,#041420f0 27%,#04142064 57%,transparent 88%)}.cinema-hero-actions{margin-top:15px}.cinema-hero-actions .button{height:34px;min-height:34px;padding:7px 11px;font-size:10px;gap:10px}.cinema-hero-actions .secondary{display:none}.cinema-proof-row{display:none}.cinema-categories{gap:6px;padding-bottom:14px}.cinema-categories a{min-height:32px;padding:0 11px;font-size:9px}.cinema-section{margin-bottom:19px}.cinema-section-head{margin-bottom:9px}.cinema-section-head h2{font-size:18px}.cinema-section-head p{display:none}.cinema-section-head>a{font-size:10px}.cinema-section .game-grid,.cinema-section.popular-games .game-grid{display:flex;gap:9px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:0 0 5px}.cinema-section .game-grid::-webkit-scrollbar{display:none}.cinema-section .game-card{width:calc((100vw - 46px)/2.15);flex:0 0 calc((100vw - 46px)/2.15);min-width:132px;scroll-snap-align:start}.approved-poster .tile-title,.popular-games .tile-title{font-size:20px!important;bottom:27px}.poster-caption,.popular-games .poster-caption{font-size:7px}.card-meta,.popular-games .card-meta{font-size:8px;min-height:28px;padding:6px 8px}.game-status{font-size:7px}.cinema-session{flex-direction:column;align-items:flex-start;padding:17px}.cinema-session-actions{width:100%}.cinema-session-actions .button{flex:1;min-height:34px;font-size:9px}.site-footer{padding-top:20px}}
@media(max-width:359px){.brand{width:124px}.topbar{padding:0 9px}.balance-button{padding:0 6px}.cinema-hero h1{font-size:33px}.cinema-hero-copy{padding:18px 13px}.cinema-hero-copy>p{font-size:9px}.cinema-section-head h2{font-size:16px}.cinema-section .game-card{min-width:125px}.approved-poster .tile-title{font-size:18px!important}}
@media(prefers-reduced-motion:reduce){.game-link{transition:none}.game-link:hover{transform:none}}
html.reduce-motion .game-link{transition:none}html.reduce-motion .game-link:hover{transform:none}