.origin{background:#f1ddae;color:#352624;padding-top:38px;padding-bottom:30px;position:relative;overflow:hidden}.origin-top{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #67493844;padding-bottom:24px;margin-bottom:50px;align-items:center}.origin-top .eyebrow{margin:0;font-size:9px;letter-spacing:.13em}.origin-era{font:700 10px 'Courier New',monospace;border:1px solid #674938;padding:8px 12px;transform:rotate(3deg);white-space:nowrap}.origin-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:8%;align-items:center}.origin-copy h2{font-size:clamp(48px,5.6vw,85px);line-height:.97;letter-spacing:-.025em;margin-bottom:25px}.origin-copy h2 em{font-style:normal;color:#ac3e28}.origin-memory{font-size:9px;letter-spacing:.12em;color:#875c42;margin-bottom:20px}.origin-copy>p:not(.eyebrow){font-size:15px;line-height:1.7;max-width:560px;color:#5e493d}.origin-copy>p.origin-intro{font-size:20px;font-weight:700;color:#352624;line-height:1.45;margin:0 0 18px}.origin-punchline{border-left:3px solid #ae4229;padding-left:20px;margin:25px 0}.origin-punchline>span{font-size:10px;letter-spacing:.08em;font-weight:800;color:#a63b25}.origin-punchline p{font-size:14px;line-height:1.65;max-width:470px;margin-top:8px}.origin-signature{display:flex;gap:18px;align-items:center;margin:25px 0}.origin-kai{font-family:Georgia,serif;font-style:italic;font-weight:700;font-size:36px;transform:rotate(-8deg)}.origin-kai>span{font-family:Arial,sans-serif;font-size:22px;margin-left:4px}.origin-signature>div{display:flex;flex-direction:column;gap:7px}.origin-signature b{font-size:8px;letter-spacing:.08em}.origin-signature>div>span{font-size:10px;color:#6d5344}.origin-copy .btn{background:#352624;color:#fff2d5;border-color:#352624;font-size:11px}
.origin-art{height:610px;position:relative;isolation:isolate;perspective:900px}.origin-art:before{content:'';position:absolute;inset:0;opacity:.2;background-image:radial-gradient(#5f3c28 1px,transparent 1px);background-size:5px 5px;mask-image:linear-gradient(45deg,#000,transparent 70%);z-index:-1}.origin-year{font:230px/.8 Impact,'Arial Narrow',sans-serif;letter-spacing:-.04em;color:#b75030;position:absolute;left:2%;top:1%;transform:rotate(-8deg);z-index:-1}.origin-year>span{font-size:.5em;letter-spacing:0}.origin-sun{position:absolute;width:265px;height:265px;right:-3%;top:10%;background:#edb941;border-radius:50%;z-index:-2}.origin-stripes{position:absolute;top:225px;left:-25%;width:145%;transform:rotate(-14deg);z-index:-1}.origin-stripes i{display:block;height:26px;background:#a94c30}.origin-stripes i:nth-child(2){background:#d4813b}.origin-stripes i:nth-child(3){background:#edb941}.origin-stripes i:nth-child(4){background:#7a9b82}.origin-wall{position:absolute;left:0;right:0;bottom:90px;height:130px;background:repeating-linear-gradient(0deg,transparent 0 40px,#e9caa6 41px 43px),repeating-linear-gradient(90deg,#bc8060 0 99px,#e9caa6 100px 103px);transform:skewY(-5deg);opacity:.7;border-top:3px solid #8d5a42;z-index:-1}.origin-floor{position:absolute;width:110%;height:105px;bottom:25px;left:-5%;background:repeating-linear-gradient(12deg,transparent 0 40px,#875a3933 41px 42px),#ddc291;transform:skewY(-5deg);z-index:-1;box-shadow:0 25px 35px #845e2525}.origin-stamp{position:absolute;right:0;top:8px;font-family:'Courier New',monospace;text-align:center;font-size:10px;line-height:1.4;color:#973d28;border:3px double currentColor;border-radius:50%;width:115px;height:115px;display:flex;flex-direction:column;justify-content:center;transform:rotate(14deg);background:#f5e5c3b0;z-index:4}.origin-stamp b{font-size:19px}.origin-stamp span{font-size:8px}
.milk-carton{position:absolute;width:185px;height:270px;top:220px;left:12%;transform:rotate(-11deg) rotateY(-19deg);transform-style:preserve-3d;animation:milk-sway 8s ease-in-out infinite;filter:drop-shadow(13px 19px 11px #5e3d283d)}.milk-face{position:absolute;inset:0;background:#fff2d1;border:1px solid #d7b785;overflow:hidden}.milk-kicker{display:block;font:700 8px 'Courier New',monospace;letter-spacing:.08em;padding:18px 17px 0;color:#54785f}.milk-face>b{display:block;position:relative;font:45px/.9 Impact,sans-serif;margin:27px 17px 0;color:#50735c;letter-spacing:-.02em}.milk-face>b>span{display:block;color:#b84e31;font:63px/1 Arial,sans-serif;position:absolute;right:0;top:42px}.milk-wave{position:absolute;left:-20px;right:-20px;height:29px;bottom:56px;background:#64967a;transform:rotate(-8deg);border-block:6px solid #c2d1a2;box-shadow:0 7px 0 #b65334}.milk-footer{position:absolute;bottom:18px;left:17px;font:700 8px/1.4 'Courier New',monospace;color:#54785f}.milk-side{position:absolute;right:-40px;top:0;width:42px;height:270px;background:repeating-linear-gradient(0deg,transparent 0 10px,#668c6430 11px 12px),#ddcda8;transform:skewY(-24deg);transform-origin:left;border:1px solid #b69c74}.milk-top{position:absolute;top:-65px;left:0;width:185px;height:65px;background:linear-gradient(160deg,#f9ebc7,#cdb78b);clip-path:polygon(0 100%,27% 10%,85% 10%,100% 100%);border-bottom:1px solid #b99d6e}.milk-top span{position:absolute;left:46px;top:3px;width:109px;height:8px;background:#537861;transform:rotate(-2deg)}
.pfennig{position:absolute;border-radius:50%;background:conic-gradient(from 30deg,#b97831,#f2c66c,#986127,#edb653,#b97831);border:6px ridge #c18a39;box-shadow:3px 5px 0 #845120,6px 9px 0 #9d6227,12px 23px 20px #583c2b66;display:grid;place-items:center;color:#74481c;text-shadow:1px 1px 0 #ffe2a0}.pfennig>div{width:88%;height:88%;border:3px double #9e682f;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.pfennig span{font:700 9px Arial,sans-serif;letter-spacing:.12em}.pfennig b{font:91px/.95 Georgia,serif;font-weight:700;letter-spacing:-.1em;margin-right:8px}.pfennig strong{font:700 15px Georgia,serif;letter-spacing:.04em;margin-top:5px}.pfennig i{font-size:11px;font-style:normal}.pfennig-one{width:215px;height:215px;right:0;top:190px;transform:rotate(16deg) rotateY(-24deg);animation:pfennig-float 6s ease-in-out infinite}.pfennig-two{width:115px;height:115px;right:9%;bottom:43px;transform:rotateX(61deg) rotateZ(-14deg)}.pfennig-two b{font-size:45px}.pfennig-two strong{font-size:10px}.origin-note{position:absolute;left:5%;bottom:42px;font:700 10px/1.6 'Courier New',monospace;letter-spacing:.03em;background:#f8eac5;padding:12px 16px;transform:rotate(5deg);box-shadow:3px 4px 0 #68452e44;border:1px solid #b8a17b}.origin-art-caption{position:absolute;bottom:-5px;left:2%;font-size:7px;letter-spacing:.11em;color:#7e6346}.origin-bridge{margin-top:56px;border-top:1px solid #67493844;padding-top:24px;display:flex;gap:20px;align-items:center;font-size:11px;letter-spacing:.06em}.origin-bridge>span{color:#866348}.origin-bridge>i{font:25px Arial,sans-serif;font-style:normal;color:#ad4229}.origin-bridge strong{color:#a83d26}
@keyframes milk-sway{0%,100%{transform:translateY(0) rotate(-11deg) rotateY(-19deg)}50%{transform:translateY(-8px) rotate(-8deg) rotateY(-13deg)}}@keyframes pfennig-float{0%,100%{transform:translateY(0) rotate(16deg) rotateY(-24deg)}50%{transform:translateY(-17px) rotate(10deg) rotateY(-9deg)}}.motion-paused .origin-art *{animation-play-state:paused!important}
@media(max-width:1150px){.site-header nav{gap:18px}.origin-layout{gap:5%}.origin-art{transform:scale(.86);transform-origin:center;min-width:0}.origin-copy h2{font-size:57px}.origin-copy>p:not(.eyebrow){font-size:13px}.origin-copy>p.origin-intro{font-size:18px}}
@media(max-width:900px){.origin-layout{grid-template-columns:minmax(0,1fr);gap:40px}.origin-copy{order:0}.origin-art{order:1;width:470px;max-width:100%;margin:auto;transform:none;height:585px}.origin-copy h2{font-size:65px}.origin-copy>p:not(.eyebrow){max-width:none}.origin-copy>p.origin-intro{font-size:20px}.origin-punchline p{max-width:none}.origin-bridge{margin-top:30px}}
@media(max-width:650px){.origin{padding-top:30px;padding-bottom:27px}.origin-top{gap:18px;padding-bottom:20px;margin-bottom:33px;align-items:flex-start}.origin-top .eyebrow{font-size:8px;line-height:1.65;max-width:210px;letter-spacing:.06em}.origin-era{font-size:8px;padding:7px 9px}.origin-layout{gap:25px}.origin-memory{font-size:8px;margin-bottom:15px}.origin-copy h2{font-size:clamp(40px,12.3vw,68px);margin-bottom:20px;line-height:1}.origin-copy>p:not(.eyebrow){font-size:13px;line-height:1.7}.origin-copy>p.origin-intro{font-size:18px;line-height:1.45}.origin-punchline{padding-left:17px;margin:21px 0}.origin-punchline>span{font-size:9px}.origin-punchline p{font-size:13px}.origin-signature{gap:15px;margin:22px 0}.origin-signature>div>span{font-size:9px;line-height:1.5}.origin-copy .btn{font-size:10px;padding:16px 18px;gap:20px;max-width:100%}.origin-art{width:340px;height:470px}.origin-year{font-size:180px;left:0;top:3%}.origin-sun{width:210px;height:210px;top:12%;right:0}.origin-stripes{top:190px}.origin-stripes i{height:20px}.origin-stamp{width:92px;height:92px;top:13px;font-size:8px}.origin-stamp b{font-size:15px}.origin-stamp span{font-size:6px}.milk-carton{width:142px;height:205px;top:192px;left:7%}.milk-side{height:205px;width:31px;right:-30px}.milk-top{width:142px;height:50px;top:-50px}.milk-top span{left:36px;width:82px;height:6px}.milk-kicker{font-size:6px;padding:14px 13px 0}.milk-face>b{font-size:34px;margin:20px 13px 0}.milk-face>b>span{font-size:48px;top:32px}.milk-wave{height:22px;bottom:44px;border-width:4px}.milk-footer{font-size:6px;bottom:13px;left:13px}.pfennig-one{width:155px;height:155px;right:0;top:174px;border-width:4px}.pfennig b{font-size:65px}.pfennig span{font-size:6px}.pfennig strong{font-size:11px}.pfennig i{font-size:8px}.pfennig-two{width:91px;height:91px;right:5%;bottom:29px;border-width:4px}.pfennig-two b{font-size:36px}.pfennig-two strong{font-size:8px}.origin-wall{height:100px;bottom:68px}.origin-floor{height:85px;bottom:12px}.origin-note{font-size:8px;bottom:25px;left:0;padding:10px 12px}.origin-art-caption{font-size:6px;bottom:-6px;left:0}.origin-bridge{gap:9px;font-size:8px;letter-spacing:.03em;padding-top:20px;line-height:1.5}.origin-bridge>i{font-size:22px}.origin-bridge>*{flex:1}.origin-bridge>i{flex:0}}
@media(max-width:370px){.origin-copy h2{font-size:39px}.origin-art{height:420px}.origin-year{font-size:150px}.origin-sun{width:175px;height:175px}.origin-stamp{width:78px;height:78px}.origin-stamp b{font-size:13px}.origin-stamp span{font-size:5px}.milk-carton{transform:scale(.88) rotate(-11deg) rotateY(-19deg);transform-origin:left bottom;top:150px;animation-name:milk-sway-small}.pfennig-one{width:132px;height:132px;top:160px}.pfennig-one b{font-size:54px}.pfennig-one strong{font-size:9px}.origin-stripes{top:175px}.origin-copy .btn{font-size:9px;padding:15px}.origin-bridge{font-size:7px}}
@keyframes milk-sway-small{0%,100%{transform:translateY(0) scale(.88) rotate(-11deg) rotateY(-19deg)}50%{transform:translateY(-8px) scale(.88) rotate(-8deg) rotateY(-13deg)}}
@media(prefers-reduced-motion:reduce){.origin-art *{animation:none!important}}

.origin-copy,.origin-art{min-width:0}
/* 18.10.2026: Deko-Streifen der Story auf dem Handy am Abschnittsrand abschneiden (kein Überstand in FR/JA) */
@media(max-width:900px){.origin-art{overflow:hidden}.arena-panel{overflow:hidden}}
/* 20.10.2026 (Kai): Regenbogen kleiner und im Bildbereich halten, Text immer darüber lesbar */
.origin-stripes{left:-20%;width:118%}
.origin-stripes i{height:20px}
.origin-copy{position:relative;z-index:2}

/* WHAT IF? / $FLIPIF teaser (21.10.2026) */
.whatif-teaser{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(28px,5vw,80px);padding:var(--section) var(--pad);background:radial-gradient(circle at 26% 48%,#4a1d86 0,#24103f 42%,#140a22 100%);color:#fff;isolation:isolate}
.whatif-teaser:before{content:"?";position:absolute;right:-2vw;bottom:-14vw;font:400 clamp(260px,40vw,640px)/1 var(--display);color:#ffffff0d;z-index:-1;pointer-events:none}
.whatif-coin{display:block;justify-self:center;width:min(100%,460px);border-radius:50%;perspective:900px}
.whatif-coin img{width:100%;height:auto;filter:drop-shadow(0 26px 46px #000a) drop-shadow(0 0 60px #dcff0026);animation:whatifSpin 9s var(--ease) infinite}
.whatif-coin:hover img{animation-duration:2.4s}
@keyframes whatifSpin{0%,62%{transform:rotateY(0)}80%{transform:rotateY(180deg)}100%{transform:rotateY(360deg)}}
.whatif-copy{max-width:620px}
.whatif-copy .eyebrow{margin-bottom:22px;color:#dcff00}
.whatif-tag{display:inline-block;padding:4px 9px;border:1px solid currentColor;border-radius:99px;letter-spacing:.04em}
.whatif-copy h2{margin-bottom:26px}
.whatif-lead{font-size:clamp(16px,1.35vw,19px);max-width:540px;margin-bottom:32px;color:#f3efdf}
.whatif-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:22px}
.whatif-q{font-weight:800;color:#dcff00;max-width:540px;margin:-16px 0 28px}
.whatif-note{font-size:13px;line-height:1.45;color:#f3efdfd9;max-width:540px}
@media (prefers-reduced-motion:reduce){.whatif-coin img{animation:none}}
body.motion-paused .whatif-coin img{animation:none}
@media (max-width:820px){.whatif-teaser{grid-template-columns:1fr;text-align:left}.whatif-coin{width:min(70vw,320px)}.whatif-teaser:before{bottom:auto;top:-40px}}

/* Spiel im Dialog (31.10.2026): eigene Leiste für das X, damit es nie über dem Spiel-Menü liegt */
#media-dialog.is-game{padding-top:44px;background:#0d0a12}
#media-dialog.is-game .close{top:3px;right:6px;width:38px;height:38px;font-size:20px;line-height:1;z-index:5}
@media(max-width:650px){#media-dialog.is-game{padding-top:40px}#media-dialog.is-game .close{top:2px;right:4px;width:36px;height:36px}}
#media-dialog.is-game #media-body iframe{height:calc(90svh - 46px)}
@media(max-width:650px){#media-dialog.is-game #media-body iframe{height:calc(100svh - 42px)}}