:root{--glow-color: rgba(106, 159, 221, .6);--text-color: #c7d3e1;--heading-color: #e6d8b9;--font-main: "Segoe UI", "Source Sans 3", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif: "Lora", serif;--background-color: #0A141D;--card-background: rgba(22, 34, 47, .7);--accent-color: #d4a373}body{margin:0;font-family:var(--font-main);color:var(--text-color);background-color:var(--background-color);overflow:hidden}.skip-intro{position:fixed;top:calc(1rem + env(safe-area-inset-top,0px));right:1rem;z-index:1200;background:#0a141d99;color:var(--accent-color);border:1px solid rgba(212,163,115,.08);padding:.4rem .6rem;font-weight:600;border-radius:6px;cursor:pointer;box-shadow:none;transition:transform .12s ease,background .12s ease;font-family:var(--font-main);text-decoration:none}.skip-intro:hover{transform:translateY(-2px);background:#0a141db8}.skip-intro:focus-visible{outline:3px solid rgba(212,163,115,.12);outline-offset:3px;border-radius:6px}.scene-container{position:relative;width:100vw;min-height:100vh;height:100dvh;background-image:url(/hintergrund.jpg);background-size:cover;background-position:center center}.main-header{position:absolute;top:5%;left:0;width:100%;z-index:10;text-align:center}h1#gedankenstreich-title{font-family:var(--font-main);font-size:4rem;color:var(--heading-color);display:flex;justify-content:center;white-space:nowrap}#part1{opacity:0;animation:fadeIn 1.5s ease-out forwards;animation-delay:2.5s}#part2-wrapper{position:relative}#part2-wrapper:after{content:"strich –";visibility:hidden}.anim-text{position:absolute;top:0;left:0;opacity:0}#strich-dash{animation:flashInAndOut 3s ease-in-out forwards;animation-delay:3s}#streich{animation:fadeIn 1.5s ease-in forwards;animation-delay:5.5s}.top-left-text{position:absolute;top:8%;left:5%;text-align:left}#ahoiiiiiiii-anim-title{font-family:var(--font-main);font-size:4.5em;color:var(--heading-color);margin:0;font-weight:600;position:relative}#ahoiiiiiiii-anim-title:after{content:"Ahoiiiiiiii";visibility:hidden}.anim-text-h1{position:absolute;top:0;left:0;opacity:0}#uwe{animation:flashInAndOut 3s ease-out forwards;animation-delay:.5s}#ahoiiiiiiii{animation:fadeIn 1.5s ease-out forwards;animation-delay:3s}#synapsen-anim-container{position:absolute;top:45%;left:5%;font-size:1.8em;color:var(--heading-color);font-family:var(--font-main);z-index:30}#synapsen-anim-container:after{content:"Synapsenflutattomant";visibility:hidden}.anim-text-synapsen{position:absolute;top:0;left:0;opacity:0;white-space:nowrap}#mike-copilot{animation:evolution-step 3s ease-in-out forwards;animation-delay:1s}#mike{animation:evolution-step 3s ease-in-out forwards;animation-delay:4s}#micky{animation:evolution-step 3s ease-in-out forwards;animation-delay:7s}#synapsenflutattomant{animation:fadeIn 1.5s ease-in-out forwards;animation-delay:10s}.label-geniestreich{position:absolute;top:calc(50% - 8vh);left:50%;transform:translate(-50%,-50%);z-index:30;color:var(--heading-color);font-family:var(--font-main);opacity:0;animation:fadeIn 1.5s ease-out forwards;animation-delay:11s;font-size:1.8em}.label-verlust,.label-drama{position:absolute;color:var(--heading-color);font-family:var(--font-main);opacity:0;animation:fadeIn 2s ease-out forwards;font-size:1.8em}.label-verlust{bottom:22%;right:8%;animation-delay:11.5s}.label-drama{top:75%;left:25%;animation-delay:12.5s}.glowing-core{position:absolute;top:50%;left:50%;transform:translate(calc(-50% + 4.5vw),calc(-50% + 21.2vh));z-index:1;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 50%);box-shadow:0 0 40px 20px #ffffff1a;animation:subtle-pulse 5s infinite ease-in-out}@media(max-width:1100px)and (orientation:landscape){.main-header{top:calc(env(safe-area-inset-top,0px) + 4.5rem)}h1#gedankenstreich-title{font-size:clamp(1.9rem,5.2vw,3rem);justify-content:flex-end;padding-right:4vw;box-sizing:border-box}.top-left-text{top:calc(env(safe-area-inset-top,0px) + 7.5rem);left:4vw;right:4vw;max-width:42vw}#ahoiiiiiiii-anim-title{font-size:clamp(2rem,6vw,3.4rem)}.top-left-text .subtitle,.top-left-text h2{max-width:34rem}#skip-intro{right:4vw;top:calc(env(safe-area-inset-top,0px) + 1rem)}}@media(max-width:900px)and (orientation:landscape){.main-header{top:calc(env(safe-area-inset-top,0px) + 5rem)}h1#gedankenstreich-title{font-size:clamp(1.6rem,4.8vw,2.4rem);justify-content:flex-end;padding-right:3vw}.top-left-text{top:calc(env(safe-area-inset-top,0px) + 7.2rem);left:3vw;max-width:40vw}#ahoiiiiiiii-anim-title{font-size:clamp(1.8rem,5.6vw,2.8rem)}.top-left-text .subtitle{font-size:clamp(.78rem,1.7vw,.95rem);max-width:22rem}.top-left-text h2{font-size:clamp(1rem,2.1vw,1.35rem);max-width:22rem}}@media(prefers-reduced-motion:reduce){.anim-text,.anim-text-h1,.anim-text-synapsen,.label-verlust,.label-drama,.glowing-core,.label-geniestreich{animation:none!important;transition:none!important;opacity:1!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes flashInAndOut{0%{opacity:0}33%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes evolution-step{0%{opacity:0}25%{opacity:1}75%{opacity:1}to{opacity:0}}@keyframes subtle-pulse{0%,to{transform:translate(calc(-50% + 4.5vw),calc(-50% + 21.2vh)) scale(.95);box-shadow:0 0 40px 20px #ffffff1a;opacity:.8}50%{transform:translate(calc(-50% + 4.5vw),calc(-50% + 21.2vh)) scale(1.05);box-shadow:0 0 60px 30px #ffffff26;opacity:1}}@keyframes subtle-pulse-portrait{0%,to{transform:translate(-50%,-50%) scale(.95);box-shadow:0 0 22px 11px #ffffff14;opacity:.75}50%{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 0 34px 16px #ffffff1f;opacity:.95}}@media(orientation:portrait)and (max-width:600px){.skip-intro{font-size:.8rem;padding:.3rem .5rem}.skip-intro h2{margin:0;font-size:1em}.scene-container{background-position:60% center}.main-header{top:calc(env(safe-area-inset-top,0px) + 3.5rem)}h1#gedankenstreich-title{font-size:clamp(1.5rem,6.5vw,2.8rem);white-space:nowrap}.top-left-text{top:calc(env(safe-area-inset-top,0px) + 10rem);left:3%;right:3%;max-width:none;text-align:left}#ahoiiiiiiii-anim-title{font-size:clamp(1.5rem,7vw,2.8rem)}.top-left-text .subtitle{font-size:clamp(.7rem,3vw,.95rem);line-height:1.4;margin:.4em 0}.top-left-text h2{font-size:clamp(.8rem,3.5vw,1.1rem);margin:.4em 0 0}#synapsen-anim-container{top:37%;left:3%;font-size:clamp(.85rem,3.5vw,1.2rem)}.label-geniestreich{top:calc(50% - 3vh);left:50%;font-size:clamp(.85rem,3.5vw,1.2rem)}.label-verlust{bottom:20%;right:3%;font-size:clamp(.75rem,3vw,1.1rem);white-space:normal;max-width:48vw;text-align:right}.label-drama{top:70%;left:3%;font-size:clamp(.85rem,3.5vw,1.2rem)}.glowing-core{top:calc(72% - 82px);left:52%;transform:translate(-50%,-50%);width:84px;height:84px;animation-name:subtle-pulse-portrait}}