/* Anime Land Cinema — a presentation-only layer. All original app sections, navigation,
   data IDs and controls are retained so older features continue to work. */
:root{--cin-bg:#08080b;--cin-panel:#151519;--cin-line:#2b2b32;--cin-fg:#f6f6f7;--cin-muted:#aaa9b3;--cin-accent:#c799fa}
body.al-cinema{background:#08080b;color:var(--cin-fg)}
body.al-cinema header{background:rgba(8,8,10,.96);border-bottom:1px solid #ffffff0c;backdrop-filter:blur(16px);padding:11px clamp(16px,4vw,60px);height:70px;display:flex;justify-content:space-between;gap:16px}
body.al-cinema header .brand{gap:12px}
body.al-cinema header .brandmark{background:#f3f3f4!important;color:#09090b!important;border-radius:13px;box-shadow:none;width:42px;height:42px;font-weight:1000;display:grid;place-items:center}
body.al-cinema header .brand strong{letter-spacing:.13em;font-size:16px}
body.al-cinema header .nav{display:none!important}
body.al-cinema header .actions{margin-left:auto;align-items:center;gap:8px}
body.al-cinema header .actions #searchBtn{border:0;background:none;font-size:25px;color:#fafafa}
body.al-cinema header .notification-head-btn{display:none}
body.al-cinema header .profile-head-btn{background:#f2f2f2;border-radius:12px;color:#09090b;font-weight:950;width:42px;height:42px}
body.al-cinema .cin-menu-toggle{height:42px;width:42px;min-width:42px;border:1px solid #ffffff18;border-radius:12px;background:#17171b;color:white;font-size:25px;display:grid;place-items:center}
body.al-cinema .cin-backdrop{position:fixed;inset:0;z-index:80;background:#000a;opacity:0;pointer-events:none;transition:opacity .2s}
body.al-cinema .cin-side{position:fixed;right:0;top:0;bottom:0;z-index:81;width:min(84vw,340px);background:#131316;box-shadow:-20px 0 90px #0009;transform:translateX(105%);transition:transform .23s ease;overflow-y:auto;padding:22px 18px;padding-bottom:40px}
body.al-cinema.cin-menu-open .cin-backdrop{opacity:1;pointer-events:auto}
body.al-cinema.cin-menu-open .cin-side{transform:translateX(0)}
body.al-cinema .cin-side-head{display:flex;align-items:center;justify-content:space-between;padding:6px 4px 22px;border-bottom:1px solid #ffffff13;font-weight:900;letter-spacing:.1em}
body.al-cinema .cin-side-head button{width:36px;height:36px;border:0;background:#242429;color:white;border-radius:10px}
body.al-cinema .cin-side-link{width:100%;display:flex;align-items:center;gap:14px;background:none;color:#dad9de;border:0;border-radius:12px;padding:15px;font-weight:750;text-align:left}
body.al-cinema .cin-side-link:hover,body.al-cinema .cin-side-link.active{background:#28252e;color:#fff}
body.al-cinema .cin-side-link .cin-nav-icon{font-size:19px;width:24px;text-align:center}
body.al-cinema .cin-side-divider{height:1px;background:#ffffff1b;margin:13px 0}
body.al-cinema #home{background:var(--cin-bg)}
body.al-cinema #home>.hero{display:none!important}/* Retain old controls in DOM for legacy scripts */
body.al-cinema .cin-hero{position:relative;min-height:min(74vw,715px);height:clamp(545px,70vh,760px);color:#fff;background:#111;overflow:hidden;display:flex;align-items:end;isolation:isolate}
body.al-cinema .cin-hero-art{position:absolute;inset:0;z-index:-2;background-position:center 24%;background-size:cover;transition:background-image .2s}
body.al-cinema .cin-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#08080bf2 0%,#08080b81 46%,#08080b1a 84%),linear-gradient(0deg,#08080b 0%,#08080b00 72%)}
body.al-cinema .cin-hero-content{width:min(100%,1320px);margin:auto;padding:60px clamp(23px,6vw,90px) 86px}
body.al-cinema .cin-eyebrow{font-weight:900;letter-spacing:.2em;font-size:11px;color:#e5c9ff;text-transform:uppercase;display:flex;gap:10px;align-items:center}
body.al-cinema .cin-eyebrow:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--cin-accent)}
body.al-cinema .cin-hero h1{font-size:clamp(36px,5.5vw,76px);line-height:1.05;letter-spacing:-.045em;max-width:750px;margin:12px 0 14px;overflow-wrap:anywhere}
body.al-cinema .cin-metadata{font-size:12px;font-weight:750;color:#dedde4;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
body.al-cinema .cin-description{max-width:610px;font-size:15px;line-height:1.7;color:#cfcdd6;margin:15px 0 22px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
body.al-cinema .cin-hero-buttons{display:flex;gap:12px;max-width:580px}
body.al-cinema .cin-watch{background:#f7f6f8;color:#08080a;border:0;border-radius:999px;min-height:50px;font-weight:900;padding:0 25px;min-width:185px}
body.al-cinema .cin-info{border:1px solid #ffffff44;color:#fff;background:#ffffff13;border-radius:999px;padding:0 24px;min-height:50px;font-weight:800}
body.al-cinema .cin-hero-buttons button:hover{filter:brightness(.88)}
body.al-cinema .cin-slider{position:absolute;bottom:25px;left:0;right:0;display:flex;gap:9px;align-items:center;justify-content:center;z-index:1}
body.al-cinema .cin-slider button{border:0;border-radius:99px;background:#8884;min-width:8px;width:8px;height:8px;padding:0}
body.al-cinema .cin-slider button[aria-current=true]{width:28px;background:#fff}
body.al-cinema .cin-slider .cin-arrow{width:31px;height:31px;border:1px solid #ffffff45;background:#212127c9;color:white;font-size:19px;margin:0 10px}
body.al-cinema .cin-categories{display:flex;gap:10px;padding:20px clamp(18px,5vw,70px);overflow-x:auto;border-bottom:1px solid #ffffff12;scrollbar-width:none}
body.al-cinema .cin-category{flex:none;color:#f4f4f4;background:#1b1b1f;border:1px solid #33333a;border-radius:999px;padding:12px 18px;font-weight:800;font-size:12px;white-space:nowrap}
body.al-cinema .cin-category:hover{background:#343139}
body.al-cinema #home .section{padding:30px clamp(18px,5vw,70px) 35px}
body.al-cinema #home .section-head{align-items:center;gap:12px;margin-bottom:19px}
body.al-cinema #home .section-head h2{font-size:clamp(21px,3vw,30px);font-weight:950;color:#f6f6f6;letter-spacing:-.025em;margin:0;line-height:1.25}
body.al-cinema #home .section-head h2:before{content:'';display:inline-block;width:4px;height:23px;vertical-align:-5px;background:#f3f3f3;border-radius:6px;margin-right:13px}
body.al-cinema #home .section-head .kick,body.al-cinema #home .section-head p{display:none}
body.al-cinema #home .row{display:flex!important;overflow-x:auto;scroll-snap-type:x proximity;gap:13px;padding:3px 3px 14px;scrollbar-width:thin;scrollbar-color:#333 transparent}
body.al-cinema #home .row>.card{flex:0 0 clamp(148px,17vw,207px);min-width:0;scroll-snap-align:start;border:0;border-radius:0;background:transparent;box-shadow:none;min-height:0}
body.al-cinema #home .row>.card .poster{height:auto;aspect-ratio:2/3;border-radius:13px;overflow:hidden;background:#19191e}
body.al-cinema #home .row>.card .poster img{height:100%;object-fit:cover;transition:transform .25s}
body.al-cinema #home .row>.card:hover .poster img{transform:scale(1.04)}
body.al-cinema #home .row>.card .body{padding:11px 2px 4px;background:none}
body.al-cinema #home .row>.card .body .title{font-weight:850;font-size:14px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.al-cinema #home .row>.card .body .sub,body.al-cinema #home .row>.card .tagrow{display:none}
body.al-cinema #home .row>.card .body .meta{padding-top:7px;font-size:11px;color:#94939b}
body.al-cinema #home .row>.card .body .meta span+span{display:none}
body.al-cinema #home .row>.card .slot{background:#161617c7;padding:5px 8px;border-radius:7px;font-size:10px}
body.al-cinema #home .row>.card .card-actions .mini{background:#2229;color:white;border:1px solid #ffffff66}
body.al-cinema #home .home-activity-section{padding-top:25px}
body.al-cinema #home #featuredAnimeSection{display:none!important}
body.al-cinema #home .cin-extra{margin:25px clamp(18px,5vw,70px) 45px;border:1px solid #313036;border-radius:15px;overflow:hidden;background:#18181b}
body.al-cinema #home .cin-extra summary{list-style:none;padding:21px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:850}
body.al-cinema #home .cin-extra summary::-webkit-details-marker{display:none}
body.al-cinema #home .cin-extra summary:after{content:'⌄';font-size:22px}
body.al-cinema #home .cin-extra[open] summary:after{content:'⌃'}
body.al-cinema #home .cin-extra>.section{padding-top:20px}
body.al-cinema #home .cin-extra:not([open])>.section{display:none}
body.al-cinema footer{border-top:1px solid #ffffff14;background:#09090b;color:#77777d;font-size:11px;letter-spacing:.05em}
body.al-cinema #home .grid>.card{min-height:0}
body.al-cinema #home .cin-viewall{color:#aaaab1;background:transparent;border:0;font-size:11px;font-weight:900;white-space:nowrap;padding:8px 0}
body.al-cinema :focus-visible{outline:2px solid #d9b4fe;outline-offset:3px}
@media(max-width:680px){
 body.al-cinema header{height:66px;padding:10px 16px;gap:8px}
 body.al-cinema header .brand strong{font-size:14px}
 body.al-cinema header .profile-head-btn{display:none}
 body.al-cinema .cin-hero{height:auto;min-height:650px;max-height:790px;align-items:end}
 body.al-cinema .cin-hero-art{background-position:center 12%}
 body.al-cinema .cin-hero:before{background:linear-gradient(0deg,#08080b 2%,#08080bdb 28%,#08080b27 79%,#08080b00 98%)}
 body.al-cinema .cin-hero-content{padding:280px 23px 88px}
 body.al-cinema .cin-hero h1{font-size:35px;line-height:1.08;margin:12px 0}
 body.al-cinema .cin-description{font-size:12px;line-height:1.6;max-height:55px;-webkit-line-clamp:2}
 body.al-cinema .cin-watch{min-width:0;flex:1;padding:0 10px}
 body.al-cinema .cin-info{padding:0 18px}
 body.al-cinema .cin-slider{bottom:26px}
 body.al-cinema #home .section{padding:26px 18px 30px}
 body.al-cinema #home .row>.card{flex-basis:146px}
 body.al-cinema #home .cin-extra{margin:20px 18px 40px}
 body.al-cinema #home .section-head h2:before{height:20px}
}
@media(prefers-reduced-motion:reduce){body.al-cinema *{scroll-behavior:auto!important;transition:none!important}}