/* Вариант «Кино» (эксперимент): только тёмный, фон страницы — размытая
   обложка книги, стеклянные карточки, огромные заголовки капсом. */
@import url("https://fonts.googleapis.com/css2?family=Unbounded:wght@400;700;900&family=Manrope:wght@400;600&display=swap");

[data-skin~="cinema"], [data-skin~="cinema"] * { --font-display: "Unbounded", sans-serif !important; }
[data-skin~="cinema"] { --font-text: Manrope, system-ui, sans-serif; --radius: 22px; }
[data-skin~="cinema"] { background: #07080a; }
[data-skin~="cinema"] body { background: transparent; position: relative; }
[data-skin~="cinema"] body::before {
  content: ""; position: fixed; inset: -60px; z-index: -2;
  background: var(--page-cover, none) center / cover no-repeat, var(--bg);
  filter: blur(48px) saturate(1.4) brightness(.55);
  transform: scale(1.1);
}
[data-skin~="cinema"] body::after {
  content: ""; position: fixed; inset: 0; z-index: -1;
  background: linear-gradient(180deg, #0000 0%, #07080acc 55%, #07080a 100%),
              radial-gradient(circle at 50% 120%, color-mix(in srgb, var(--accent) 35%, transparent), transparent 60%);
}
[data-skin~="cinema"] main, [data-skin~="cinema"] .site-foot { position: relative; }
/* Тема только тёмная: из инструментов в шапке остаётся вход в кабинет. */
[data-skin~="cinema"] #theme-toggle { display: none; }
[data-skin~="cinema"] .acc-link { background: #fff1; border-color: #ffffff26; color: #fffd; text-transform: uppercase; font-size: .7rem; letter-spacing: .14em; height: 34px; }
[data-skin~="cinema"] .acc-link.in { border-color: color-mix(in srgb, var(--accent) 70%, transparent); }
[data-skin~="cinema"] .acc-link[aria-current="page"] { background: var(--accent); color: var(--accent-ink); }
[data-skin~="cinema"] .site-head { background: #0006; border-bottom: 1px solid #ffffff14; }
[data-skin~="cinema"] .brand { font-size: .9rem; text-transform: uppercase; letter-spacing: .2em; }
[data-skin~="cinema"] .nav a, [data-skin~="cinema"] .nav-group > summary { text-transform: uppercase; font-size: .72rem; letter-spacing: .16em; color: #fffa; }
[data-skin~="cinema"] .nav-group > summary.current { color: var(--accent-ink); }
[data-skin~="cinema"] .nav-drop { background: #0b0d12; border-color: #ffffff1c; }

[data-skin~="cinema"] h1, [data-skin~="cinema"] h2 { text-transform: uppercase; font-weight: 900; letter-spacing: -.02em; }
[data-skin~="cinema"] h1 {
  font-size: clamp(2rem, 6.5vw, 4.6rem); line-height: .92;
  background: linear-gradient(180deg, #fff 30%, color-mix(in srgb, var(--accent) 70%, #fff));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
[data-skin~="cinema"] h2 { font-size: clamp(1.6rem, 5.5vw, 3rem); }
[data-skin~="cinema"] h3 { font-weight: 700; }
[data-skin~="cinema"] .kicker { color: var(--accent); font-weight: 600; letter-spacing: .3em; }
[data-skin~="cinema"] .hero { min-height: calc(100svh - 70px); display: grid; align-items: center; }
[data-skin~="cinema"] .hero .lede, [data-skin~="cinema"] .tagline { color: #fffd; }
[data-skin~="cinema"] .motto { font-family: Manrope, sans-serif; text-transform: uppercase; letter-spacing: .14em; font-size: .9rem; }
[data-skin~="cinema"] .btn { border-radius: 999px; text-transform: uppercase; letter-spacing: .14em; font-size: .78rem; padding: 15px 26px; font-weight: 600; box-shadow: 0 10px 30px -8px var(--accent); }
[data-skin~="cinema"] .btn.ghost { background: #ffffff10; color: #fff; border-color: #ffffff40; box-shadow: none; backdrop-filter: blur(8px); }

[data-skin~="cinema"] .cover { border-radius: 14px; box-shadow: 0 40px 80px -20px #000, 0 0 0 1px #ffffff1a; }
[data-skin~="cinema"] .hero .cover { transform: perspective(900px) rotateY(-12deg) rotateX(3deg); }
[data-skin~="cinema"] .fan > :first-child { transform: perspective(900px) rotateY(18deg) translateX(14%); }
[data-skin~="cinema"] .fan > :last-child { transform: perspective(900px) rotateY(-18deg) translate(-14%, 10%); }

[data-skin~="cinema"] .band { background: none; border: 0; }
[data-skin~="cinema"] .book-card, [data-skin~="cinema"] .pod-card, [data-skin~="cinema"] .player, [data-skin~="cinema"] .dlc-teaser,
[data-skin~="cinema"] .story-tile, [data-skin~="cinema"] .social, [data-skin~="cinema"] .panel, [data-skin~="cinema"] .book-group, [data-skin~="cinema"] .card {
  background: #ffffff0c; border: 1px solid #ffffff1c; border-radius: var(--radius);
  backdrop-filter: blur(18px) saturate(1.3); -webkit-backdrop-filter: blur(18px) saturate(1.3);
}
[data-skin~="cinema"] .book-card:hover { border-color: var(--accent); background: #ffffff14; }
[data-skin~="cinema"] .book-card { position: relative; overflow: hidden; }
[data-skin~="cinema"] .book-card::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--accent) 40%, transparent), transparent 60%);
}
[data-skin~="cinema"] .play { box-shadow: 0 0 0 10px color-mix(in srgb, var(--accent) 25%, transparent), 0 0 60px var(--accent); }
[data-skin~="cinema"] .meta div { border-top-color: #ffffff22; }
[data-skin~="cinema"] .switcher a { border-color: #ffffff30; color: #fffb; backdrop-filter: blur(6px); }
[data-skin~="cinema"] .prose p:first-child::first-letter { font-weight: 900; }
[data-skin~="cinema"] .site-foot { border-top-color: #ffffff14; }
[data-skin~="cinema"] input { background: #0006; border-color: #ffffff24; }
[data-skin~="cinema"] .hero .wrap > * { min-width: 0; }
[data-skin~="cinema"] .fan { min-height: 380px; }
[data-skin~="cinema"] .fan .cover { width: min(48%, 230px); flex: none; }
[data-skin~="cinema"] .switcher ~ h1 { font-size: clamp(1.8rem, 6vw, 3.6rem); }
@media (min-width: 860px) { [data-skin~="cinema"] .hero .wrap { grid-template-columns: 1.6fr 1fr; } }