:root{--bb:#1a2e1a;--bb-dark:#0f1a0f;--bb-light:#2d4a2d;--chalk:#f5f5dc;--yellow:#fffacd;--gold:#ffd700;--blue:#add8e6;--green:#90ee90;--pink:#ffb6c1;--muted:rgba(245,245,220,.72)}
body{background:var(--bb);color:var(--chalk);min-height:100vh;}
.site-shell{min-height:100vh;background:radial-gradient(circle at 15% -10%,rgba(255,250,205,.12),transparent 35%),radial-gradient(circle at 95% 5%,rgba(173,216,230,.12),transparent 32%),var(--bb);}
.container{max-width:1280px;margin-left:auto;margin-right:auto;}
.brand-icon,.nav-icon{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border:2px solid rgba(255,250,205,.42);border-radius:.75rem;color:var(--yellow);box-shadow:0 0 20px rgba(255,250,205,.08) inset;font-weight:900;}
.brand:hover .brand-icon{background:var(--yellow);color:var(--bb);}
.mobile-menu{display:none}.mobile-menu.is-open{display:block}.mobile-toggle{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,250,205,.35);border-radius:.5rem;color:var(--chalk);padding:.5rem}.mobile-toggle:hover{color:var(--yellow);border-color:var(--yellow)}
@media(min-width:768px){.mobile-toggle{display:none!important}.mobile-menu{display:none!important}}
.site-header{backdrop-filter:blur(12px);}
.hero{min-height:560px;background:var(--bb-dark);}
.hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .65s ease,transform 1.2s ease;transform:scale(1.015)}
.hero-slide.is-active{opacity:1;pointer-events:auto;transform:scale(1)}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.hero-slide.poster-missing{background:linear-gradient(135deg,rgba(45,74,45,1),rgba(15,26,15,1));}
.hero-slide.poster-missing:before{content:attr(data-title);position:absolute;right:6vw;top:16%;font-family:Patrick Hand,cursive,system-ui;font-size:clamp(3rem,10vw,8rem);line-height:.88;color:rgba(255,250,205,.11);max-width:52rem;text-align:right;}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--bb) 0%,rgba(26,46,26,.72) 45%,rgba(26,46,26,.28) 100%)}
.hero-copy{position:relative;height:100%;display:flex;align-items:flex-end;padding-bottom:4rem;}
.hero-badges span,.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .62rem;border-radius:.5rem;border:1px solid rgba(255,250,205,.3);background:rgba(15,26,15,.58);color:rgba(245,245,220,.88);font-size:.9rem;}
.hero-dots{position:absolute;right:1rem;bottom:1.5rem;display:flex;gap:.5rem;z-index:6}.hero-dot{width:.75rem;height:.75rem;border-radius:99px;background:rgba(245,245,220,.38);border:1px solid rgba(255,250,205,.6)}.hero-dot.is-active{width:2rem;background:var(--yellow)}
.section-title{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.section-title .mark{width:.55rem;height:2rem;border-radius:1rem;background:var(--yellow);box-shadow:0 0 18px rgba(255,250,205,.32)}
.movie-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}@media(min-width:768px){.movie-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}}@media(min-width:1024px){.movie-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}}@media(min-width:1280px){.movie-grid{grid-template-columns:repeat(5,minmax(0,1fr));}}
.movie-grid.grid-large{grid-template-columns:repeat(1,minmax(0,1fr));}@media(min-width:768px){.movie-grid.grid-large{grid-template-columns:repeat(2,minmax(0,1fr));}}@media(min-width:1024px){.movie-grid.grid-large{grid-template-columns:repeat(4,minmax(0,1fr));}}
.movie-card{position:relative;will-change:transform}.movie-card:hover{transform:translateY(-3px)}
.poster-box{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(45,74,45,.95),rgba(15,26,15,.95));}
.poster-box:after{display:none;content:attr(data-title);position:absolute;left:1rem;right:1rem;top:50%;transform:translateY(-50%);text-align:center;font-family:Patrick Hand,cursive,system-ui;font-size:1.45rem;color:rgba(255,250,205,.7);line-height:1.1}.poster-box.poster-missing:after{display:block}.poster-box.poster-missing .poster-gradient{opacity:.35}.poster-box.poster-missing img{display:none!important}
.poster-tall{height:18rem}.poster-mid{height:14rem}.poster-small{height:10rem}@media(max-width:640px){.poster-tall{height:13.5rem}.poster-mid{height:12.5rem}.poster-small{height:9rem}}
.play-bubble{width:3.25rem;height:3.25rem;border-radius:999px;background:rgba(255,250,205,.92);color:var(--bb);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.2rem;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.line-clamp-2,.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}
.panel{background:rgba(45,74,45,.9);border:2px solid rgba(255,250,205,.25);border-radius:1rem;box-shadow:0 20px 55px rgba(0,0,0,.18)}
.channel-card{min-height:13rem;position:relative;overflow:hidden}.channel-card:before{content:"";position:absolute;inset:-40% -20% auto auto;width:15rem;height:15rem;border-radius:50%;background:rgba(255,250,205,.08)}.channel-card:hover{border-color:var(--yellow);transform:translateY(-3px)}
.filter-control{background:rgba(15,26,15,.62);border:1px solid rgba(255,250,205,.3);border-radius:.75rem;color:var(--chalk);padding:.7rem .9rem;outline:none}.filter-control:focus{border-color:var(--yellow)}.filter-control option{background:#1a2e1a;color:var(--chalk)}
.rank-row{display:flex;gap:1rem;align-items:center;padding:1rem;border:2px solid rgba(255,250,205,.18);border-radius:.85rem;background:rgba(45,74,45,.72);transition:all .2s}.rank-row:hover{border-color:var(--yellow);transform:translateX(4px)}.rank-num{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;background:rgba(255,250,205,.11);color:var(--yellow);font-size:1.35rem;font-weight:800;border:1px solid rgba(255,250,205,.25)}
.player-shell{position:relative;aspect-ratio:16/9;background:#050805;border-radius:1rem;overflow:hidden;border:2px solid rgba(255,250,205,.3);box-shadow:0 25px 70px rgba(0,0,0,.35)}.player-shell.poster-missing:before{content:attr(data-title);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Patrick Hand,cursive,system-ui;font-size:clamp(2.2rem,7vw,6rem);color:rgba(255,250,205,.18);padding:2rem;text-align:center}.player-shell img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72}.player-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.72))}.player-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.player-button{width:5.2rem;height:5.2rem;border-radius:999px;background:rgba(255,250,205,.93);color:var(--bb);font-weight:900;font-size:1.7rem;box-shadow:0 18px 40px rgba(0,0,0,.35)}.player-shell.is-playing .player-button{transform:scale(.92);opacity:.86}.player-bar{position:absolute;left:1rem;right:1rem;bottom:1rem;display:flex;align-items:center;gap:.75rem;color:rgba(245,245,220,.9);font-size:.88rem}.player-progress{height:.36rem;flex:1;background:rgba(245,245,220,.2);border-radius:99px;overflow:hidden}.player-progress span{display:block;height:100%;width:36%;background:var(--yellow)}
.detail-meta{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media(min-width:768px){.detail-meta{grid-template-columns:repeat(2,minmax(0,1fr));}}.meta-cell{display:flex;gap:.8rem;align-items:flex-start}.meta-icon{width:2rem;height:2rem;border-radius:.65rem;display:flex;align-items:center;justify-content:center;background:rgba(255,250,205,.1);color:var(--yellow);flex-shrink:0}
.breadcrumb a{color:var(--yellow)}.breadcrumb span{color:rgba(245,245,220,.64)}.tag{display:inline-flex;padding:.35rem .62rem;border:1px solid rgba(255,250,205,.25);border-radius:999px;background:rgba(15,26,15,.5);color:rgba(245,245,220,.85);font-size:.86rem}
.hidden-by-filter{display:none!important}.empty-state{display:none}.empty-state.is-visible{display:block}
::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0f1a0f}::-webkit-scrollbar-thumb{background:#607a3a;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#8b9b48}
@media(max-width:767px){.hero{min-height:560px}.hero-copy{padding-bottom:5.25rem}.hero-dots{left:1rem;right:auto}.section-title{align-items:flex-start}.rank-row{align-items:flex-start}.player-button{width:4rem;height:4rem}.panel{border-radius:.8rem}}
@media print{.site-header,.site-footer,.filter-panel,.hero-dots{display:none!important}body{background:#fff;color:#111}.panel,.movie-card{box-shadow:none;border-color:#ddd}}