@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500&display=swap');

:root {
  --bg: #060a14;
  --panel: #0a0f1d;
  --border: #1c2942;
  --border-hover: #2c4468;
  --text: #e8ecf3;
  --muted: #8a94a6;
  --dim: #5a6478;
  --faint: #3a4458;
  --blue: #4fa8d4;
  --amber: #e8862c;
  --red: #c0392b;
}

* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body { margin: 0; padding: 0; overflow-x: hidden; background: var(--bg); }
body {
  min-height: 100vh;
  color: var(--text);
  font-family: 'Montserrat', sans-serif;
  background:
    radial-gradient(ellipse 900px 500px at 15% -10%, rgba(58,143,212,0.10), transparent 60%),
    radial-gradient(ellipse 700px 500px at 100% 0%, rgba(232,134,44,0.06), transparent 55%),
    var(--bg);
}

.poster {
  width: 100%;
  aspect-ratio: 2 / 3;
  border-radius: 3px;
  overflow: hidden;
  border: 1px solid #263a56;
  position: relative;
  min-width: 0;
}
.poster-svg { width: 100%; height: 100%; display: block; }
.poster img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.poster-foot {
  position: absolute; bottom: 0; left: 0; right: 0;
  background: linear-gradient(0deg, rgba(6,10,20,0.95), rgba(6,10,20,0.1));
  padding: 6px 5px 5px;
}
.poster-title {
  font-family: 'Montserrat', sans-serif; font-size: 9.5px; font-weight: 700;
  text-transform: uppercase; line-height: 1.15; color: #f2f5fa; overflow-wrap: break-word;
}
.poster-meta { font-size: 8px; color: #7a8499; margin-top: 2px; overflow-wrap: break-word; }
.poster-meta .dot { margin: 0 3px; }