.ng-card{display:grid;grid-template-columns:auto 1fr auto;gap:1.1rem;align-items:center;background:#fff;border:1px solid #ECE5DB;border-radius:18px;padding:1.1rem 1.2rem;text-decoration:none;color:#1A1A1A;box-shadow:0 14px 30px -26px rgba(94,0,0,.5)}.ng-card:hover{border-color:#8B0000}.ng-mark{width:72px;height:72px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(150deg,#A31515,#5E0000);color:#FFD700;font:900 2.6rem/1 Montserrat,sans-serif}.ng-k{display:block;font:800 .64rem Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#8B0000}.ng-card b{display:block;font:900 1.3rem Montserrat,sans-serif;margin:.1rem 0 .2rem}.ng-d{font-size:.86rem;color:#4A4540;line-height:1.6}.ng-go{font:800 .8rem Inter,sans-serif;color:#FFD700;background:#800000;border-radius:99px;padding:.55rem 1rem;white-space:nowrap}@media(max-width:560px){.ng-card{grid-template-columns:1fr}}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',sans-serif;background:#F5F5F5;color:#1A1A1A;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Montserrat',sans-serif}

/* Film card */
.film-card{background:#fff;border-radius:14px;border:1px solid #E5E5E5;overflow:hidden;transition:all .2s;cursor:default}
.film-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.1);border-color:#800000}
.film-card.blockbuster{border-top:3px solid #FFD700}
.film-card.hit{border-top:3px solid #800000}
.film-card.average{border-top:3px solid #9E9E9E}
.film-card.hidden{display:none!important}

/* Result badges */
.b-blockbuster{background:#FFD700;color:#1A1A1A;font-family:'Montserrat',sans-serif;font-weight:800;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;padding:.22rem .65rem;border-radius:4px}
.b-hit{background:#800000;color:#fff;font-family:'Montserrat',sans-serif;font-weight:800;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;padding:.22rem .65rem;border-radius:4px}
.b-average{background:#9E9E9E;color:#fff;font-family:'Montserrat',sans-serif;font-weight:800;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;padding:.22rem .65rem;border-radius:4px}
.b-child{background:#FFF6D6;color:#8B0000;font-family:'Montserrat',sans-serif;font-weight:800;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;padding:.22rem .65rem;border-radius:4px}

/* Filter tabs */
.ftab{padding:.4rem 1rem;border-radius:99px;font-size:.72rem;font-weight:700;cursor:pointer;transition:all .18s;font-family:'Inter',sans-serif;border:1.5px solid #E5E5E5;background:#fff;color:#717171;white-space:nowrap}
.ftab.active,.ftab:hover{background:#800000;color:#fff;border-color:#800000}
.ftab.gold.active,.ftab.gold:hover{background:#FFD700;color:#1A1A1A;border-color:#FFD700}

/* Hero poster area */
.poster-placeholder{border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.4rem;font-size:1.4rem}

/* Featured film card */
.featured-card{background:linear-gradient(135deg,#5E0000,#5E0000);border-radius:20px;padding:1.5rem;border:1px solid rgba(255,215,0,.2);position:relative;overflow:hidden}
.featured-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#800000,#FFD700,#800000)}

/* Search */
.search-box{background:#fff;border:1.5px solid #E5E5E5;border-radius:10px;padding:.55rem 1rem;font-family:'Inter',sans-serif;font-size:.88rem;width:100%;outline:none;color:#1A1A1A;transition:border-color .2s}
.search-box:focus{border-color:#800000}

/* Era section header */
.era-header{background:#1A1A1A;border-radius:12px;padding:.7rem 1.2rem;display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}

/* Reveal animations disabled */

/* Stats chip */
.stat-c{background:#fff;border:1px solid #E5E5E5;border-radius:12px;padding:.9rem 1rem;text-align:center;flex:1}

/* Table film list */
.film-row{display:grid;grid-template-columns:40px 1fr 100px 80px 90px;gap:.5rem;align-items:center;padding:.7rem 1rem;border-bottom:1px solid #F5F5F5;font-family:'Inter',sans-serif;font-size:.82rem;transition:background .15s}
.film-row:hover{background:#FFF5F5}
.film-row:last-child{border-bottom:none}
@media(max-width:640px){.film-row{grid-template-columns:30px 1fr 70px;}.film-row .hide-mob{display:none}}

::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-thumb{background:#E5E5E5;border-radius:3px}

  /* Lazy load film cards */
  .film-card{animation:fadeCard .3s ease both}
  
  @keyframes fadeCard{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

  #films-showing{text-align:center;font-family:'Inter',sans-serif;font-size:.78rem;color:#6B645C;margin:.5rem 0 1rem}