*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --primary:#ff4dd2; --primary-soft:#ff9de6; --accent:#ffd54a;
  --bg-main:#050716; --bg-elevated:#121326; --bg-elevated-soft:#1a1c32;
  --text-main:#ffffff; --text-muted:#b8b8cf; --danger:#ff4b6b; --success:#3edfa4;
  --shadow-soft:0 16px 38px rgba(0,0,0,.55); --radius-xl:26px; --border-soft:1px solid rgba(255,255,255,.06);
}
body{ font-family:'Poppins',sans-serif; background:radial-gradient(circle at top,#28124d 0,#050716 55%); color:var(--text-main); line-height:1.6; overflow-x:hidden; scroll-behavior: smooth; }
a{color:inherit;text-decoration:none;}

/* Header */
.header{ position:fixed; inset-inline:0; top:0; z-index:1000; background:linear-gradient(to bottom,rgba(5,7,22,.96),rgba(5,7,22,.82)); backdrop-filter:blur(14px); border-bottom:var(--border-soft); }
.nav-wrap{ max-width:1320px; margin:0 auto; padding:.85rem 1.75rem; display:flex; align-items:center; justify-content:space-between; gap:1.5rem; }
.brand{ display:flex; align-items:center; gap:.9rem; }
.brand-logo{ width:46px; height:46px; border-radius:18px; background:radial-gradient(circle at 10% 0%,#ffe082, #ff4dd2 55%, #7c4dff 100%); display:flex; align-items:center; justify-content:center; color:#0c0418; font-size:1.45rem; font-weight:800; box-shadow:0 0 0 2px rgba(255,255,255,.12),0 18px 40px rgba(0,0,0,.7); position:relative; overflow:hidden; }
.brand-logo::after{ content:''; position:absolute; inset:-40%; background:conic-gradient(from 0deg,rgba(255,255,255,.05),rgba(255,255,255,.45),rgba(255,255,255,0)); opacity:0; transition:opacity .5s ease; animation:haloPulse 4s linear infinite; }
.brand:hover .brand-logo::after{opacity:1;}
@keyframes haloPulse{ 0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);} }
.brand-text{ display:flex; flex-direction:column; gap:.1rem; }
.brand-title{ font-weight:700; letter-spacing:.04em; font-size:1.2rem; }
.brand-sub{ font-size:.72rem; color:var(--text-muted); text-transform:uppercase; letter-spacing:.18em; }
.nav-menu{ display:flex; list-style:none; gap:1.3rem; align-items:center; }
.nav-link{ padding:.45rem .9rem; border-radius:999px; font-size:.9rem; color:var(--text-muted); position:relative; transition:.25s ease; }
.nav-link.active, .nav-link:hover{ color:#040312; background:linear-gradient(120deg,var(--primary),var(--accent)); box-shadow:0 10px 28px rgba(0,0,0,.65); transform:translateY(-1px); }
.nav-right{ display:flex; align-items:center; gap:1.05rem; }
.social-row{ display:flex; gap:.6rem; }
.social-btn{ width:36px; height:36px; border-radius:999px; background:rgba(255,255,255,.06); display:flex; align-items:center; justify-content:center; color:var(--text-muted); font-size:.9rem; border:1px solid rgba(255,255,255,.04); transition:.3s ease; position:relative; overflow:hidden; }
.social-btn:hover{ color:#05010c; background:linear-gradient(130deg,#ff9de6,#ffd54a); box-shadow:0 12px 30px rgba(0,0,0,.7); transform:translateY(-2px) scale(1.04); }
.btn-primary{ padding:.6rem 1.5rem; border-radius:999px; border:none; cursor:pointer; font-weight:700; font-size:.9rem; color:#070311; background:linear-gradient(120deg,var(--primary),var(--accent)); box-shadow:0 14px 36px rgba(0,0,0,.8); display:flex; align-items:center; gap:.5rem; transition:.3s; }
.btn-primary:hover{ transform:translateY(-2px) scale(1.02); filter:brightness(1.05); }
.menu-toggle{ display:none; flex-direction:column; gap:.3rem; cursor:pointer; }
.menu-toggle span{ width:21px; height:2px; border-radius:999px; background:var(--text-main); transition:.3s; }

/* Main Wrapper */
.page-wrap{ max-width:1320px; margin:0 auto; padding:5.8rem 1.75rem 3.5rem; }
.hero-grid{ display:grid; grid-template-columns:minmax(0, 1.3fr) minmax(0, 1fr); gap:2rem; margin-top:1.8rem; align-items:stretch; }
.hero-left{ background:linear-gradient(145deg,rgba(255,77,210,.12),rgba(30,37,80,.85)); border-radius:32px; padding:2.5rem 2.3rem; box-shadow:var(--shadow-soft); position:relative; overflow:hidden; border:var(--border-soft); }
.hero-kicker{ display:inline-flex; align-items:center; gap:.5rem; padding:.2rem .7rem; border-radius:999px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.09); font-size:.75rem; color:var(--accent); margin-bottom:1.1rem; }
.hero-title{ font-size:clamp(2.1rem,3.2vw,2.9rem); line-height:1.15; margin-bottom:1rem; }
.hero-title-highlight{ background:linear-gradient(120deg,var(--primary-soft),#ffffff); -webkit-background-clip:text; color:transparent; }
.hero-desc{ color:var(--text-muted); font-size:.98rem; max-width:560px; margin-bottom:1.6rem; }
.hero-tags{ display:flex; flex-wrap:wrap; gap:.6rem; margin-bottom:1.7rem; }
.tag-pill{ padding:.25rem .65rem; border-radius:999px; font-size:.78rem; background:rgba(0,0,0,.4); border:1px solid rgba(255,255,255,.08); color:var(--text-muted); }
.hero-stats-row{ display:flex; flex-wrap:wrap; gap:1.2rem; margin-bottom:1.8rem; }
.stat-box{ padding:.85rem 1.1rem; border-radius:20px; background:rgba(5,7,26,.9); border:1px solid rgba(255,255,255,.07); min-width:120px; }
.stat-label{ font-size:.72rem; text-transform:uppercase; letter-spacing:.15em; color:var(--text-muted); margin-bottom:.25rem; }
.stat-value{ font-size:1.18rem; font-weight:700; }
.stat-accent-success{color:var(--success);} .stat-accent-danger{color:var(--danger);} .stat-accent-main{color:var(--accent);}
.hero-cta-row{ display:flex; flex-wrap:wrap; gap:.9rem; align-items:center; }

/* Spotlight Card */
.spotlight-card{ position:relative; border-radius:32px; background:radial-gradient(circle at top,var(--bg-elevated-soft),var(--bg-elevated)); overflow:hidden; box-shadow:var(--shadow-soft); border:var(--border-soft); display:flex; flex-direction:column; min-height:0; }
.spotlight-media{ position:relative; min-height:260px; max-height:320px; overflow:hidden; }
.spotlight-img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .6s ease; }
.spotlight-gradient{ position:absolute; inset:0; background:linear-gradient(to bottom,rgba(5,7,20,.05),rgba(5,7,20,1) 80%); }
.spotlight-badge{ position:absolute; top:1rem; left:1.1rem; padding:.25rem .7rem; border-radius:999px; font-size:.74rem; background:rgba(5,7,20,.78); color:var(--accent); border:1px solid rgba(255,255,255,.16); display:flex; align-items:center; gap:.35rem; z-index: 5; }

/* Spotlight Arrow Buttons */
.spotlight-nav-btn { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; background: rgba(5, 7, 22, 0.7); border: 1px solid rgba(255, 255, 255, 0.15); color: white; font-size: 1.1rem; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 10; transition: all 0.3s ease; backdrop-filter: blur(5px); opacity: 0; }
.spotlight-card:hover .spotlight-nav-btn { opacity: 1; }
.spotlight-nav-btn:hover { background: linear-gradient(120deg, var(--primary), var(--accent)); color: #000; transform: translateY(-50%) scale(1.1); border-color: transparent; }
.spotlight-nav-btn.prev { left: 15px; }
.spotlight-nav-btn.next { right: 15px; }

.spotlight-meta-row{ position:absolute; bottom:1.1rem; left:1.1rem; right:1.1rem; display:flex; justify-content:space-between; align-items:flex-end; gap:.75rem; z-index:2; }
.spotlight-title{ font-size:1.35rem; font-weight:700; margin-bottom:.1rem; }
.spotlight-pill-row{ display:flex; flex-wrap:wrap; gap:.45rem; margin-top:.35rem; }
.spotlight-pill{ padding:.18rem .6rem; border-radius:999px; font-size:.7rem; background:rgba(0,0,0,.65); border:1px solid rgba(255,255,255,.1); }
.spotlight-body{ padding:1.4rem 1.5rem 1.5rem; background:linear-gradient(to bottom,#0c0f25,#060716); display:flex; flex-direction:column; gap:1rem; }
.spotlight-desc{ font-size:.87rem; color:var(--text-muted); max-height:72px; overflow:hidden; }
.spotlight-chips{ display:flex; flex-wrap:wrap; gap:.45rem; font-size:.76rem; }
.chip{ padding:.2rem .7rem; border-radius:999px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.06); color:var(--text-muted); }
.spotlight-card:hover .spotlight-img{ transform:scale(1.06); }

/* TABS CONTAINER */
.main-tabs-container { display: flex; justify-content: center; margin-top: 3rem; margin-bottom: 1rem; }
.main-tabs { display: inline-flex; background: rgba(5, 7, 26, 0.8); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 999px; padding: 0.4rem; box-shadow: 0 10px 30px rgba(0,0,0,0.5); }
.main-tab-btn { background: transparent; border: none; color: var(--text-muted); padding: 0.6rem 1.8rem; font-size: 0.95rem; font-weight: 600; border-radius: 999px; cursor: pointer; transition: 0.3s ease; display: flex; align-items: center; gap: 0.5rem; }
.main-tab-btn:hover { color: #fff; background: rgba(255, 255, 255, 0.05); }
.main-tab-btn.active { background: linear-gradient(120deg, var(--primary), var(--accent)); color: #050313; box-shadow: 0 8px 20px rgba(255, 77, 210, 0.3); }
.tab-pane { display: none; animation: fadeIn 0.4s ease; }
.tab-pane.active { display: block; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

/* Search Row */
.search-row{ margin-top:1rem; margin-bottom:1.7rem; display:flex; flex-wrap:wrap; gap:1rem; align-items:center; justify-content:space-between; }
.search-input-wrap{ flex:1 1 260px; display:flex; align-items:center; gap:.55rem; padding:.55rem .95rem; border-radius:999px; background:rgba(8,10,30,.96); border:1px solid rgba(255,255,255,.08); box-shadow:0 10px 30px rgba(0,0,0,.55); }
.search-input{ border:none; outline:none; background:transparent; flex:1; font-size:.9rem; color:var(--text-main); }
.search-btn{ padding:.4rem .9rem; border-radius:999px; border:none; cursor:pointer; font-size:.8rem; font-weight:600; color:#050313; background:linear-gradient(120deg,var(--primary-soft),var(--accent)); }
.filter-chip { background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1); color:var(--text-muted); padding:0.4rem 1rem; border-radius:999px; font-size:0.8rem; font-weight:600; cursor:pointer; transition:0.3s ease; white-space:nowrap; display: inline-flex; align-items: center; gap: 0.35rem; }
.filter-chip:hover { color:var(--accent); background:rgba(255,255,255,0.1); box-shadow:0 10px 25px rgba(0,0,0,.7); }

/* CAROUSEL SECTION & ARROWS */
.carousel-section { position: relative; margin-bottom: 2rem; }
.section-head{ display:flex; align-items:center; justify-content:space-between; gap:1rem; margin:2.3rem 0 1.1rem; }
.section-title{ font-size:1.15rem; font-weight:600; }
.section-sub{ font-size:.8rem; color:var(--text-muted); }
.view-all-btn { background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1); color:var(--text-muted); padding:0.4rem 1rem; border-radius:999px; font-size:0.8rem; font-weight:600; cursor:pointer; transition:0.3s ease; white-space:nowrap; }
.view-all-btn:hover { color:var(--accent); background:rgba(255,255,255,0.1); }

/* Row Navigation Controls */
.carousel-controls { display: flex; gap: 0.5rem; }
.row-nav { width: 32px; height: 32px; border-radius: 50%; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); color: var(--text-muted); cursor: pointer; transition: 0.3s ease; display: flex; align-items: center; justify-content: center; }
.row-nav:hover { background: var(--primary); color: #fff; border-color: var(--primary); box-shadow: 0 5px 15px rgba(255, 77, 210, 0.4); }

/* Poster Row (Carousels) */
.poster-row{ display:flex; gap:1.2rem; overflow-x:auto; padding-bottom:.8rem; scroll-snap-type:x mandatory; scrollbar-width:none; scroll-behavior: smooth; }
.poster-row::-webkit-scrollbar{display:none;}
.poster-card{ flex:0 0 180px; scroll-snap-align:start; border-radius:var(--radius-xl); background:var(--bg-elevated); overflow:hidden; position:relative; cursor:pointer; transition:.3s; }
.poster-img{ width:100%; height:230px; object-fit:cover; }
.poster-meta{ padding:.7rem; }
.poster-title{ font-weight:600; font-size:.85rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.poster-cat{ font-size:.7rem; color:var(--accent); }
.poster-card:hover{ transform:translateY(-8px); box-shadow:0 23px 55px rgba(0,0,0,.9); }

/* Anime Grid */
.grid-wrap{ display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:1.4rem; margin-top:.7rem; }
.anime-card{ background:var(--bg-elevated); border-radius:var(--radius-xl); overflow:hidden; border:var(--border-soft); box-shadow:var(--shadow-soft); position:relative; cursor:pointer; transition:.3s; }
.anime-card-img{ width:100%; height:250px; object-fit:cover; display:block; }
.anime-card-body{ padding:1rem 1.05rem 1.1rem; display:flex; flex-direction:column; gap:.35rem; font-size:.83rem; }
.anime-name{ font-weight:600; font-size:.93rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.anime-meta-row{ display:flex; justify-content:space-between; align-items:center; font-size:.76rem; color:var(--text-muted); }
.badge-status{ padding:.15rem .55rem; border-radius:999px; font-size:.72rem; text-transform:uppercase; font-weight:600; }
.badge-ongoing{ background:rgba(62,223,164,.12); color:var(--success); }
.badge-completed{ background:rgba(129,212,250,.14); color:#80d8ff; }
.badge-upcoming{ background:rgba(255,213,74,.12); color:var(--accent); }
.anime-card:hover{ transform:translateY(-8px); box-shadow:0 26px 60px rgba(0,0,0,.8); }

/* Top 100 List Style */
.top-list-wrap { display: flex; flex-direction: column; gap: 0.8rem; margin-top: 1rem; }
.top-row-card { display: flex; align-items: center; background: var(--bg-elevated); border-radius: 14px; padding: 12px 18px; border: var(--border-soft); cursor: pointer; transition: 0.25s ease; gap: 18px; }
.top-row-card:hover { background: var(--bg-elevated-soft); transform: translateY(-3px); box-shadow: var(--shadow-soft); border-color: rgba(255,255,255,0.15); }
.top-rank { font-size: 1.4rem; font-weight: 800; color: var(--text-muted); width: 40px; text-align: center; }
.top-img { width: 55px; height: 80px; border-radius: 8px; object-fit: cover; }
.top-info { flex: 1; display: flex; flex-direction: column; gap: 4px; }
.top-title-row { font-size: 1rem; font-weight: 700; color: #fff; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.top-tags-row { display: flex; gap: 6px; flex-wrap: wrap; }
.top-tag-pill { font-size: 0.65rem; padding: 2px 8px; border-radius: 99px; background: rgba(255, 77, 210, 0.15); color: var(--primary-soft); font-weight: 600; text-transform: capitalize; }
.top-stats, .top-format, .top-season { display: flex; flex-direction: column; font-size: 0.8rem; color: var(--text-muted); width: 100px; text-align:right; }
.top-stats i { color: var(--success); margin-right: 4px; }
.top-stats .score { font-weight: 700; color: #fff; font-size:0.9rem;}

/* Calendar */
.calendar-box{ margin-top:2.5rem; padding:1.7rem 1.5rem; border-radius:28px; background:linear-gradient(150deg,#10132a,#161938); border:var(--border-soft); }
.calendar-meta{ display:flex; flex-wrap:wrap; gap:1rem; font-size:.8rem; color:var(--text-muted); margin-top:.7rem; margin-bottom:1.3rem; }
.calendar-meta strong{color:var(--accent);}
.calendar-tabs{ display:flex; gap:.6rem; margin-bottom:1.4rem; flex-wrap:wrap; }
.tab-btn{ padding:.4rem 1.2rem; border-radius:999px; border:none; cursor:pointer; font-size:.8rem; font-weight:600; background:rgba(255,255,255,.06); color:var(--text-muted); transition:.25s; }
.tab-btn.active{ background:linear-gradient(120deg,var(--primary-soft),var(--accent)); color:#050512; }
.schedule-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:1.2rem; }
.schedule-card{ padding:1rem; border-radius:20px; background:rgba(3,5,18,.96); border:1px solid rgba(255,255,255,.08); cursor:pointer; transition:.25s; }
.schedule-card:hover{ transform:translateY(-4px); border-color:rgba(255,213,74,.7); }
.schedule-time{ font-weight:600; color:var(--accent); margin-bottom:.2rem; font-size:0.85rem;}
.schedule-title{ font-weight:600; font-size:0.9rem; }

/* Reviews Section */
.news-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:1.4rem; margin-top:.7rem; }
.news-card{ background:var(--bg-elevated); border-radius:22px; padding:1rem 1.1rem 1.1rem; border:var(--border-soft); box-shadow:var(--shadow-soft); font-size:.82rem; cursor:pointer; transition:.3s; }
.news-card:hover{ transform:translateY(-6px); box-shadow:0 20px 50px rgba(0,0,0,.9); }
.news-tag{ font-size:.72rem; text-transform:uppercase; letter-spacing:.18em; color:var(--accent); margin-bottom:.3rem; }
.news-title{ font-weight:600; margin-bottom:.3rem; }
.news-meta{ font-size:.74rem; color:var(--text-muted); margin-bottom:.4rem; }
.news-summary{ font-size:.8rem; color:var(--text-muted); }

/* About & Info Section */
.info-section{ margin-top:3rem; padding:1.8rem 1.5rem 1.9rem; border-radius:26px; background:linear-gradient(140deg,#111328,#090919); border:var(--border-soft); box-shadow:var(--shadow-soft); font-size:.9rem; color:var(--text-muted); }
.info-section h3{ font-size:1.05rem; margin-bottom:.4rem; color:#fff; }
.info-section p{ margin-bottom:.7rem; }
.ad-placeholder{ margin-top:1.4rem; padding:1rem; border-radius:18px; border:1px dashed rgba(255,255,255,.25); background:rgba(0,0,0,.4); font-size:.8rem; color:var(--text-muted); text-align:center; overflow: hidden; }

/* Footer */
.footer{ border-top:var(--border-soft); background:#050716; padding:2.7rem 1.75rem 2.1rem; margin-top:3.2rem; }
.footer-inner{ max-width:1320px; margin:0 auto; display:flex; flex-direction:column; gap:1.6rem; align-items:center; text-align:center; }
.footer-links{ display:flex; flex-wrap:wrap; gap:.9rem; font-size:.8rem; }
.footer-link{ color:var(--text-muted); padding:.25rem .55rem; border-radius:999px; transition:.2s; }
.footer-link:hover{ color:var(--accent); background:rgba(255,255,255,.04); }
.footer-copy{ font-size:.76rem; color:var(--text-muted); }

/* Floating Scroll Top */
.scroll-top{ position:fixed; right:1.6rem; bottom:1.5rem; width:46px; height:46px; border-radius:999px; display:flex; align-items:center; justify-content:center; background:linear-gradient(120deg,var(--primary),var(--accent)); color:#050313; border:none; cursor:pointer; z-index:900; box-shadow:0 18px 40px rgba(0,0,0,.8); transform:translateY(80px); opacity:0; pointer-events:none; transition:.35s; }
.scroll-top.visible{ transform:translateY(0); opacity:1; pointer-events:auto; }

/* Modal Fallback (If needed) */
.anime-modal-backdrop{ position:fixed; inset:0; background:rgba(3,4,15,.85); backdrop-filter:blur(10px); display:none; align-items:center; justify-content:center; z-index:1200; padding:1rem; }
.anime-modal-backdrop.open{ display:flex; }
.anime-modal{ max-width:850px; width:100%; background:linear-gradient(135deg,#121326,#050716); border-radius:24px; border:var(--border-soft); box-shadow:0 28px 70px rgba(0,0,0,.95); position:relative; padding:1.5rem; max-height:90vh; overflow-y:auto; }
.modal-layout{ display:grid; grid-template-columns: 300px 1fr; gap:1.5rem; }
.modal-cover-wrap{ border-radius:18px; overflow:hidden; }
.modal-poster{ width:100%; height:100%; object-fit:cover; display:block; }
.modal-title{ font-size:1.4rem; font-weight:700; margin-bottom:.5rem; }
.modal-tags span{ padding:.2rem .7rem; border-radius:999px; background:rgba(255,255,255,.06); font-size:.75rem; border:var(--border-soft); display: inline-block; margin-bottom: 0.3rem;}
.modal-close{ position:absolute; top:1rem; right:1rem; width:34px; height:34px; border-radius:50%; border:none; background:rgba(255,255,255,.1); color:#fff; cursor:pointer; font-size:1rem; }
.modal-summary{ font-size:.86rem; color:var(--text-muted); max-height:180px; overflow-y:auto; }

/* ================= NEW: ANILIST TOP 10 LIST STYLE ================= */
.anilist-top-list { display: flex; flex-direction: column; gap: 0.85rem; margin-top: 1rem; }
.anilist-list-item { display: flex; align-items: center; background: var(--bg-elevated); border-radius: 16px; padding: 12px 16px; border: var(--border-soft); transition: 0.3s; cursor: pointer; gap: 1rem; }
.anilist-list-item:hover { background: var(--bg-elevated-soft); transform: translateX(5px); box-shadow: var(--shadow-soft); border-color: rgba(255,77,210,0.3); }
.ani-rank { font-size: 1.5rem; font-weight: 800; color: var(--text-muted); width: 35px; text-align: center; font-style: italic; }
.ani-rank.top-3 { color: var(--accent); } /* Gold color for top 3 */
.ani-poster { width: 50px; height: 75px; border-radius: 8px; object-fit: cover; box-shadow: 0 5px 15px rgba(0,0,0,0.5); }
.ani-info { flex: 1; display: flex; flex-direction: column; gap: 4px; }
.ani-title { font-size: 0.95rem; font-weight: 700; color: #fff; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.ani-genres { display: flex; gap: 6px; flex-wrap: wrap; }
.ani-genre-pill { font-size: 0.65rem; padding: 2px 8px; border-radius: 99px; background: rgba(255, 255, 255, 0.08); color: var(--text-muted); }
.ani-score { font-size: 0.9rem; font-weight: 700; color: var(--success); display: flex; align-items: center; gap: 5px; }

/* ================= UPDATED: REVIEWS WITH IMAGE ================= */
.review-card-inner { display: flex; gap: 12px; }
.review-img { width: 65px; height: 95px; border-radius: 10px; object-fit: cover; flex-shrink: 0; box-shadow: 0 4px 12px rgba(0,0,0,0.6); }
.review-content { display: flex; flex-direction: column; }

/* ====== RESPONSIVE OPTIMIZATION ====== */
@media(max-width:1024px){
  .nav-menu{display:none;} .menu-toggle{display:flex;}
  .nav-menu.open{ position:absolute; top:100%; left:0; right:0; padding:1rem; background:rgba(5,7,26,.98); border-bottom:var(--border-soft); display:flex; flex-wrap:wrap; }
  .page-wrap{padding-top:5rem;}
  .hero-grid{ grid-template-columns:1fr; }
  .modal-layout{ grid-template-columns: 250px 1fr; }
}

@media(max-width:768px){
  .grid-wrap{ grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:1rem; }
  .anime-card-img{ height: 220px; }
  .poster-card{ flex: 0 0 150px; }
  .poster-img{ height: 200px; }
  .top-format, .top-season { display:none; }
  .top-row-card { padding: 10px 14px; gap: 12px; }
  .top-rank { font-size: 1.2rem; width: 30px; }
  .top-stats { width: auto; text-align:left; }
  .schedule-grid{ grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); }
  .news-grid{ grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); }
  .modal-layout{ grid-template-columns:1fr; }
  .modal-cover-wrap{ max-height:350px; text-align:center; }
  .modal-poster{ max-width: 250px; margin: 0 auto; border-radius:12px; }
  
  .spotlight-nav-btn { opacity: 1; background: rgba(5, 7, 22, 0.85); width: 35px; height: 35px; }
  .spotlight-nav-btn.prev { left: 10px; }
  .spotlight-nav-btn.next { right: 10px; }
  
  .main-tabs { width: 100%; display: flex; justify-content: space-between; }
  .main-tab-btn { padding: 0.5rem 1rem; font-size: 0.85rem; flex: 1; justify-content: center; }
}

@media(max-width:480px){
  .nav-wrap{ padding:.6rem 1rem; }
  .brand-sub{ display:none; }
  .hero-title{ font-size:1.8rem; }
  .hero-left{ padding: 1.8rem 1.2rem; }
  .page-wrap{ padding-inline:1rem; }
  
  .grid-wrap{ grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); gap:0.8rem; }
  .anime-card-img{ height: 200px; }
  .anime-card-body{ padding: 0.8rem; }
  .anime-name{ font-size: 0.85rem; }
  
  .poster-card{ flex: 0 0 130px; }
  .poster-img{ height: 180px; }
  
  .section-head{ flex-direction:column; align-items:flex-start; gap: 0.6rem; }
  .view-all-btn, .carousel-controls { align-self: flex-start; }
  
  .top-img { width: 50px; height: 75px; }
  .top-title-row { font-size: 0.9rem; }
  .schedule-grid{ grid-template-columns:1fr; }
  .news-grid{ grid-template-columns:1fr; }
}