/* Scene v5, extracted from scenes/drac-scene-v5.html. */
/* ===== DRAC scene v2 — samowystarczalny blok ===== */
  .drac-scene{position:relative;width:100%;max-width:820px;aspect-ratio:4/3;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  .drac-scene svg{display:block;width:100%;height:100%;overflow:hidden}
  .drac-scene .hit{cursor:pointer}
  .drac-scene .grain{position:absolute;inset:0;pointer-events:none;mix-blend-mode:multiply;opacity:.5;
    -webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 55%,transparent 82%);mask-image:radial-gradient(ellipse at 50% 50%,#000 55%,transparent 82%);
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .19 0 0 0 0 .18 0 0 0 0 .17 1.1 0 0 0 -.42'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}

/* Keep the scene inside the reading column and make touch targets larger on phones. */
.hero-figure.hero-scene{min-width:0;margin:0;width:100%;max-width:none}