/* Decorative scene layers; all navigation and game information stay above them. */
.hero{isolation:isolate;overflow:clip;background:#0b090b url('assets/cinematic/duell.png') center/cover no-repeat}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;pointer-events:none}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(8,6,9,.86),rgba(8,6,9,.50) 42%,rgba(8,6,9,.12) 80%),linear-gradient(0deg,#0b090b,transparent 26%,transparent 80%,#0b090b55)}
.hero-content{position:relative;text-shadow:0 2px 18px #0008}
.video-toggle{position:absolute;right:5.5%;bottom:34px;min-height:42px;padding:9px 16px;border:1px solid #b3818570;border-radius:3px;background:#120a10b8;backdrop-filter:blur(8px);color:#eee4d6;font:500 12px 'Segoe UI',sans-serif;cursor:pointer}
.video-toggle:hover{background:#42202bec;border-color:#ed9a9a}
.section.scene{position:relative;isolation:isolate;overflow:clip;max-width:none;margin:0;min-height:80svh;padding-inline:max(28px,calc((100% - 1150px)/2));border:0;background:#0b090b}
.scene-backdrop{position:absolute;inset:0;z-index:-2;pointer-events:none}
.scene-image{position:sticky;top:0;display:block;width:100%;height:100svh;min-height:650px;object-fit:cover;object-position:center}
.scene::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(0deg,#0b090b,transparent 160px,transparent calc(100% - 160px),#0b090b),linear-gradient(90deg,#09070be0,#09070b99 55%,#09070b80)}
.scene p{color:#d4c9c7}.scene .eyebrow{color:#f19ba1}.scene .fine{color:#beb0b3}
.scene .cards article,.scene .guide-panel{background:linear-gradient(140deg,#201319e3,#100d10d9);backdrop-filter:blur(4px)}
.scene .progress-card{background:radial-gradient(ellipse at 100% 0,#73233355,transparent 65%),#151013e8;backdrop-filter:blur(6px)}
.scene .atlas-card{background:linear-gradient(140deg,#24151fea,#100c11e8)}
.scene .farm-note{background:#1c1117e6}.scene .questions{background:#100c10d6;padding:8px 28px;border:1px solid #73404c70}
.scene .steps{background:#100b10c9;padding:30px 20px;border:1px solid #73404c70}
.scene th{background:#29171ff2}.scene td{background:#110c11c7}
#entwicklung .scene-image{object-position:65% center}#upgrade-details .scene-image{object-position:45% center}
@media(max-width:800px){.section.scene{padding-inline:28px}.scene-image{object-position:60% center}.scene::after{background:linear-gradient(0deg,#0b090b,transparent 100px,transparent calc(100% - 100px),#0b090b),#09070ba8}.scene .steps{padding:26px 12px}.scene .questions{padding:6px 20px}}
@media(max-width:500px){.hero-video{object-position:58% center}.hero::before{background:linear-gradient(0deg,#0b090b,transparent 35%),#08060999}.video-toggle{right:25px;bottom:22px;font-size:11px}.scroll{bottom:30px;font-size:8px;letter-spacing:1.5px}.scroll span{margin-left:8px}.section.scene{padding-inline:24px}.scene-image{min-height:100svh}.scene .steps{gap:30px}}