/* Szklana pułapka 4.0 — motyw jasny „Dzień na stronie, noc na ekranie”.
   Strona w świetle dnia (papier z nutą szałwii, leśny atrament, limonka jako akcent).
   Ciemne zostają tylko ekrany: film w hero, okładki filmów, zapowiedź gry i kadr w oknie filmu.
   Ładowany po site.css; reguły jasne działają wyłącznie przy html[data-theme="light"]. */

/* ===== Wspólne dla obu motywów ===== */
.hero-screen { position: absolute; inset: 0; }
.theme-toggle { width: 44px; height: 44px; flex: none; border-radius: 50%; border: 1px solid var(--line-2); background: rgba(255,255,255,.04); display: grid; place-items: center; transition: transform .5s var(--spring), border-color .3s, background .3s; }
.theme-toggle:hover { border-color: var(--lime); transform: rotate(-16deg); }
.theme-toggle svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; overflow: visible; }
.theme-toggle .sun, .theme-toggle .moon { transform-origin: 12px 12px; transition: opacity .35s, transform .7s var(--spring); }
.theme-toggle .sun { opacity: 0; transform: rotate(-90deg) scale(.3); }
html[data-theme="light"] .theme-toggle .sun { opacity: 1; transform: none; }
html[data-theme="light"] .theme-toggle .moon { opacity: 0; transform: rotate(90deg) scale(.3); }
/* Zmiana motywu: koło odsłania nowy wygląd od przełącznika */
::view-transition-old(root), ::view-transition-new(root) { animation: none; mix-blend-mode: normal; }
::view-transition-new(root) { animation: motyw-odslona .8s cubic-bezier(.22,1,.36,1) both; }
@keyframes motyw-odslona { from { clip-path: circle(0 at var(--tx, 50%) var(--ty, 40px)); } to { clip-path: circle(160vmax at var(--tx, 50%) var(--ty, 40px)); } }

/* ===== Tokeny jasne ===== */
html[data-theme="light"] {
  color-scheme: light;
  --bg: #f2f4ea; --bg-2: #e6ecdb; --deep: #ffffff;
  --lime-ink: #44720b; --mint: #2f9e7e;
  --ink: #0d2a20; --muted: rgba(13,42,32,.78); --faint: rgba(13,42,32,.64);
  --line: rgba(13,42,32,.12); --line-2: rgba(13,42,32,.22);
  --glass: rgba(255,255,255,.62); --glass-2: rgba(255,255,255,.85);
}
/* Ciemne wyspy: ekrany zachowują kinowe barwy także w jasnym motywie */
html[data-theme="light"] :is(.hero-screen, .hero-second, .hero-meta, .film-card, .fd-media, .game-stage) {
  --bg: #04110d; --deep: #0a211a; --lime-ink: #d4ef78; --mint: #7fe3c5;
  --ink: #eef5ec; --muted: rgba(238,245,236,.72); --faint: rgba(238,245,236,.5);
  --line: rgba(255,255,255,.12); --line-2: rgba(255,255,255,.22);
  color: var(--ink);
}

/* ===== Typografia i akcenty ===== */
html[data-theme="light"] em, html[data-theme="light"] .eyebrow, html[data-theme="light"] .kicker, html[data-theme="light"] .shatter-caption,
html[data-theme="light"] .mobile-menu small, html[data-theme="light"] .preloader-count small, html[data-theme="light"] .rc-verdict.ok,
html[data-theme="light"] .marquee-track b, html[data-theme="light"] .marquee-track .lime { color: var(--lime-ink); }
html[data-theme="light"] .eyebrow .dot { background: var(--lime-ink); box-shadow: 0 0 0 4px rgba(212,239,120,.6); }
html[data-theme="light"] :focus-visible { outline-color: var(--lime-ink); }
html[data-theme="light"] .glass { background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,255,255,.64)); border-color: rgba(13,42,32,.1); box-shadow: inset 0 1px 0 #fff, 0 18px 50px rgba(20,52,38,.1); }

/* ===== Przyciski ===== */
html[data-theme="light"] .btn-lime { box-shadow: 0 10px 30px rgba(120,160,30,.32), inset 0 -3px 0 rgba(0,0,0,.1), inset 0 0 0 1px rgba(13,42,32,.08); }
html[data-theme="light"] .btn-ghost { background: rgba(255,255,255,.72); }
html[data-theme="light"] .game-stage .btn-ghost { background: rgba(255,255,255,.06); }
html[data-theme="light"] :is(.btn-ghost, .rc-actions button, .theme-toggle, .sound-toggle):hover { border-color: var(--lime-ink); }
html[data-theme="light"] .game-stage .btn-ghost:hover { border-color: rgba(212,239,120,.6); }
html[data-theme="light"] .btn-light { background: var(--forest); color: #f2f4ea; }
html[data-theme="light"] .chip-btn { background: rgba(255,255,255,.72); }
html[data-theme="light"] .chip-btn:hover { border-color: var(--lime-ink); background: rgba(212,239,120,.32); }
html[data-theme="light"] .chip-btn:is([aria-pressed="true"], .is-speaking) { background: var(--lime); border-color: var(--lime); }
html[data-theme="light"] .link-arrow { background-image: linear-gradient(var(--lime-ink), var(--lime-ink)); }
html[data-theme="light"] .link-arrow::after { color: var(--lime-ink); }
html[data-theme="light"] .shard-burst { background: linear-gradient(135deg, var(--lime), var(--lime-ink)); }

/* ===== Preloader, kursor, nagłówek ===== */
html[data-theme="light"] .preloader { background: radial-gradient(circle at 50% 45%, #fff, var(--bg) 70%); }
html[data-theme="light"] .preloader-mark { stroke: var(--forest); filter: drop-shadow(0 0 18px rgba(212,239,120,.95)); }
html[data-theme="light"] .pre-crack { stroke: var(--lime-ink); }
html[data-theme="light"] .cursor { border-color: rgba(68,114,11,.7); backdrop-filter: blur(2px) saturate(1.5); -webkit-backdrop-filter: blur(2px) saturate(1.5); }
html[data-theme="light"] .brand svg { stroke: var(--lime-ink); }
html[data-theme="light"] .logo-chip { background: transparent; padding-inline: 4px; }
html[data-theme="light"] .main-nav a::before { background: rgba(13,42,32,.06); }
html[data-theme="light"] :is(.sound-toggle, .theme-toggle) { background: rgba(13,42,32,.03); }
html[data-theme="light"] .sound-toggle[aria-pressed="true"] { border-color: var(--lime-ink); }
html[data-theme="light"] .sound-toggle[aria-pressed="true"] .eq i { background: var(--lime-ink); }
html[data-theme="light"] .mobile-menu { background: rgba(242,244,234,.92); }

/* ===== Hero: jasna strona z ekranem filmu, który przy przewijaniu wypełnia kadr ===== */
html[data-theme="light"] .hero-sticky { background: radial-gradient(circle at 16% 34%, rgba(212,239,120,.42), transparent 42%), radial-gradient(circle at 30% 90%, rgba(127,227,197,.22), transparent 40%), var(--bg); }
html[data-theme="light"] .hero-screen { clip-path: inset(calc(var(--frame, 1) * 86px) calc(var(--frame, 1) * 14px) calc(var(--frame, 1) * 14px) calc(var(--split, 1) * 46% + var(--frame, 1) * 14px) round calc(var(--frame, 1) * 32px)); }
html[data-theme="light"] .hero-content { max-width: 41%; }
html[data-theme="light"] .hero-title { font-size: clamp(2.8rem, 5.5vw, 6.6rem); }
html[data-theme="light"] .hero-meta { left: calc(46% + 44px); right: 96px; bottom: 36px; }

/* ===== Pasek, kino, szkło w ruchu ===== */
html[data-theme="light"] .cinema { background: radial-gradient(ellipse at 18% 0%, rgba(212,239,120,.3), transparent 55%), var(--bg); }
html[data-theme="light"] .film-card { border-color: transparent; box-shadow: 0 30px 70px -30px rgba(13,42,32,.6); }
html[data-theme="light"] .film-card:is(:hover, :focus-visible) { box-shadow: 0 40px 90px -26px rgba(13,42,32,.65), 0 0 0 2px var(--accent); }
html[data-theme="light"] .reel-bar i { background: var(--lime-ink); }
html[data-theme="light"] .shatter { background: radial-gradient(ellipse at 70% 50%, #fff 0%, var(--bg) 62%); }

/* ===== Zasady ===== */
html[data-theme="light"] .path { background: radial-gradient(circle at 12% 60%, color-mix(in srgb, var(--c) 26%, transparent), transparent 55%), rgba(255,255,255,.72); box-shadow: 0 14px 40px rgba(20,52,38,.08); }
html[data-theme="light"] .path-mixed { --c: #66716c; }
html[data-theme="light"] .path-bin { filter: drop-shadow(0 14px 16px rgba(13,42,32,.3)); }
html[data-theme="light"] .path:hover .path-bin { filter: drop-shadow(0 20px 20px rgba(13,42,32,.32)) drop-shadow(0 0 18px color-mix(in srgb, var(--c) 45%, transparent)); }
html[data-theme="light"] .search svg { stroke: var(--lime-ink); }
html[data-theme="light"] .search:focus-within { border-color: var(--lime-ink); }
html[data-theme="light"] .rc-front { background: radial-gradient(circle at 50% 30%, rgba(127,227,197,.24), transparent 60%), linear-gradient(160deg, #fff, rgba(255,255,255,.76)); box-shadow: 0 16px 44px rgba(20,52,38,.09); }
html[data-theme="light"] .rc-front img { filter: drop-shadow(0 18px 20px rgba(13,42,32,.26)); }
html[data-theme="light"] .rc-choices button { background: rgba(13,42,32,.03); }
html[data-theme="light"] .rc-choices button:hover { background: color-mix(in srgb, var(--c) 16%, #fff); }
html[data-theme="light"] .rc-back { box-shadow: 0 16px 44px rgba(20,52,38,.12); }
html[data-theme="light"] .rc-verdict.no { color: #b23e29; }
html[data-theme="light"] .rc-actions button { background: rgba(255,255,255,.75); }
html[data-theme="light"] .table-filters button.active { background: var(--forest); border-color: var(--forest); color: #f2f4ea; }
html[data-theme="light"] .item-list li { background: rgba(255,255,255,.74); border-color: rgba(13,42,32,.06); }
html[data-theme="light"] .item-list li:hover { background: #fff; border-color: var(--line-2); }
html[data-theme="light"] :is(.il-listen:hover, .il-listen.is-speaking) { border-color: var(--lime-ink); color: var(--lime-ink); }

/* ===== Odsłuch, projekt, wsparcie, stopka ===== */
html[data-theme="light"] .audio-wave { background: radial-gradient(circle at 40% 35%, #1f4d3c, var(--forest) 70%); border-color: transparent; box-shadow: 0 18px 40px rgba(15,46,37,.25); }
html[data-theme="light"] .logo-plate { background: #fff; box-shadow: 0 10px 30px rgba(20,52,38,.08), inset 0 0 0 1px rgba(13,42,32,.08); }
html[data-theme="light"] .logo-plate:hover { box-shadow: 0 18px 44px rgba(20,52,38,.14), inset 0 0 0 1px rgba(68,114,11,.3); }
html[data-theme="light"] .footer-big { color: rgba(13,42,32,.06); -webkit-text-stroke: 1px rgba(13,42,32,.14); }
html[data-theme="light"] .footer-big em { color: rgba(68,114,11,.24); }
html[data-theme="light"] .footer-links :is(button, a):hover { color: var(--lime-ink); }
html[data-theme="light"] .credit-logo-jasne { display: block !important; }
html[data-theme="light"] .credit-logo-ciemne { display: none; }
html[data-theme="light"] .jar-meter { background: rgba(255,255,255,.8); box-shadow: 0 10px 30px rgba(20,52,38,.12); }
html[data-theme="light"] .jar-lid { fill: var(--lime-ink); }

/* ===== Okna, odtwarzacz, komunikaty ===== */
html[data-theme="light"] .film-dialog { background: rgba(248,250,243,.95); border-color: rgba(255,255,255,.8); box-shadow: 0 40px 120px rgba(13,42,32,.35); }
html[data-theme="light"] .info-dialog { background: rgba(248,250,243,.97); }
html[data-theme="light"] :is(.film-dialog, .info-dialog)::backdrop { background: rgba(13,42,32,.42); }
html[data-theme="light"] .story-steps { background: rgba(13,42,32,.04); }
html[data-theme="light"] .fd-rule { background: linear-gradient(135deg, rgba(212,239,120,.45), rgba(212,239,120,.12)); border-color: rgba(68,114,11,.28); }
html[data-theme="light"] .fd-nav button:hover { color: var(--lime-ink); }
html[data-theme="light"] .fd-close { background: rgba(255,255,255,.78); border-color: rgba(13,42,32,.12); color: var(--forest); }
html[data-theme="light"] .fd-close:hover { background: var(--lime); }
html[data-theme="light"] .voice-pill button { background: rgba(13,42,32,.04); }
html[data-theme="light"] .vp-bars i { background: var(--lime-ink); }
html[data-theme="light"] .toast { background: var(--forest); color: #f2f4ea; box-shadow: 0 20px 50px rgba(13,42,32,.25); }

/* ===== Telefon: ekran filmu nad tekstem ===== */
@media (max-width: 860px) {
  html[data-theme="light"] .hero-screen { clip-path: inset(calc(var(--frame, 1) * 78px) calc(var(--frame, 1) * 10px) calc(var(--split, 1) * 52% + var(--frame, 1) * 10px) calc(var(--frame, 1) * 10px) round calc(var(--frame, 1) * 24px)); }
  html[data-theme="light"] .hero-content { max-width: none; bottom: 44px; }
  html[data-theme="light"] .hero-title { font-size: clamp(2.4rem, 11vw, 3.4rem); margin-bottom: 18px; }
  html[data-theme="light"] .hero-lead { margin-bottom: 22px; }
  html[data-theme="light"] .hero-meta { display: none; }
}