/* v1.16: Die Startseite setzt das vorhandene RetroNode-Zeichen einmal zusammen. */
.hero.hero--logo{display:flex;justify-content:center;align-items:center;min-height:0;padding:59px 0 68px;text-align:center}
.hero--logo:before{display:none}
.hero--logo .hero-copy{width:100%;display:flex;align-items:center;flex-direction:column}
.logo-intro-title{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;margin:0!important;padding:0!important;border:0!important}
.logo-intro{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:25px;width:min(100%,850px);min-height:153px;margin-bottom:27px}
.logo-intro:before{content:"";position:absolute;left:8%;right:8%;bottom:13px;height:1px;background:linear-gradient(90deg,transparent,#65715b 33%,#dfff7a 50%,#65715b 67%,transparent);transform:scaleX(0);animation:logo-trace 1.05s .68s ease-out both}
.logo-intro-mark{flex:none;width:100px;height:100px;display:grid;grid-template-columns:repeat(2,39px);grid-template-rows:repeat(2,39px);gap:9px;place-content:center;transform:rotate(-12deg);filter:drop-shadow(0 0 18px #dfff7950)}
.logo-intro-mark span{display:block;background:var(--lime);border-radius:5px;opacity:0;animation:logo-piece .68s cubic-bezier(.2,.9,.2,1.1) both}
.logo-intro-mark span:nth-child(1){--start-x:-125px;--start-y:-76px;--angle:-65deg;--final-opacity:1;animation-delay:.1s}
.logo-intro-mark span:nth-child(2){--start-x:115px;--start-y:-95px;--angle:80deg;--final-opacity:.75;animation-delay:.23s}
.logo-intro-mark span:nth-child(3){--start-x:-95px;--start-y:90px;--angle:55deg;--final-opacity:.55;animation-delay:.36s}
.logo-intro-mark span:nth-child(4){--start-x:128px;--start-y:76px;--angle:-70deg;--final-opacity:.3;animation-delay:.49s}
.logo-intro-wordmark{display:flex;position:relative;align-items:baseline;white-space:nowrap;font:700 clamp(48px,6.6vw,88px)/.95 'Space Grotesk',sans-serif;letter-spacing:-.07em;filter:drop-shadow(0 0 20px #dfff7921)}
.logo-intro-wordmark>span{display:block;opacity:0;animation:logo-text .65s cubic-bezier(.2,.72,.19,1) both}
.logo-intro-wordmark>span:first-child{color:#f4f3ee;animation-delay:.72s;--offset:-26px}
.logo-intro-wordmark>span:nth-child(2){color:var(--lime);animation-delay:.92s;--offset:26px}
.logo-intro-wordmark small{position:absolute;bottom:-20px;left:1%;font:700 clamp(9px,1.1vw,12px)/1 'DM Sans',sans-serif;letter-spacing:clamp(2px,.38vw,4px);color:#a8adba;opacity:0;animation:logo-subtitle .45s 1.4s ease-out both}
.logo-intro-spark{position:absolute;z-index:-1;width:5px;height:5px;transform:rotate(45deg);background:var(--lime);box-shadow:0 0 15px var(--lime);opacity:0;animation:logo-spark .62s ease-out both}
.logo-intro-spark--a{left:18%;top:8%;animation-delay:.12s}.logo-intro-spark--b{right:12%;top:17%;animation-delay:.5s}.logo-intro-spark--c{right:27%;bottom:15%;animation-delay:.8s}
.hero--logo .hero-actions{justify-content:center;opacity:0;animation:logo-actions .48s 1.5s ease-out both}
@keyframes logo-piece{0%{opacity:0;transform:translate(var(--start-x),var(--start-y)) scale(.35) rotate(var(--angle))}70%{opacity:var(--final-opacity)}100%{opacity:var(--final-opacity);transform:translate(0,0) scale(1) rotate(0)}}
@keyframes logo-text{from{opacity:0;transform:translateX(var(--offset));filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes logo-trace{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:.8}}
@keyframes logo-subtitle{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes logo-actions{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes logo-spark{0%{opacity:0;transform:translateY(14px) rotate(45deg) scale(.25)}45%{opacity:.95}100%{opacity:0;transform:translateY(-10px) rotate(90deg) scale(1)}}
/* Der Tagesfakt bleibt erreichbar, nun unter den Beiträgen auf jeder Breite. */
.daily-fact--after-posts{display:grid;grid-template-columns:135px minmax(0,1fr);align-items:end;gap:0;max-width:640px;margin:38px 0 24px}
.daily-fact--after-posts .daily-fact-hero{width:144px;max-width:100%;height:auto;z-index:1;margin-right:-12px}
.daily-fact--after-posts .daily-fact-bubble{padding:16px 18px;margin-bottom:10px}
.daily-fact--after-posts .daily-fact-bubble::after{left:-9px;bottom:27px;transform:rotate(135deg)}
.daily-fact--after-posts p{max-height:none;overflow:visible;font-size:13px}
@media(max-width:820px){.hero.hero--logo{padding:49px 0 57px}.logo-intro{min-height:130px;gap:19px}.logo-intro-mark{width:78px;height:78px;grid-template-columns:repeat(2,29px);grid-template-rows:repeat(2,29px);gap:7px}.logo-intro-wordmark{font-size:clamp(42px,7vw,64px)}.daily-fact--after-posts{grid-template-columns:120px minmax(0,1fr);max-width:610px;margin:27px 0 12px}.daily-fact--after-posts .daily-fact-hero{width:128px}}
@media(max-width:600px){.hero.hero--logo{padding:43px 0 48px}.logo-intro{min-height:100px;gap:10px;margin-bottom:25px}.logo-intro-mark{width:48px;height:48px;grid-template-columns:repeat(2,17px);grid-template-rows:repeat(2,17px);gap:5px}.logo-intro-mark span{border-radius:2px}.logo-intro-wordmark{font-size:clamp(30px,8.7vw,48px);letter-spacing:-.075em}.logo-intro-wordmark small{bottom:-15px;font-size:7px;letter-spacing:1.8px}.logo-intro:before{bottom:6px}.hero--logo .hero-actions{gap:10px}.hero--logo .hero-actions .button{min-height:43px;font-size:11px;padding:9px 11px}.daily-fact--after-posts{grid-template-columns:80px minmax(0,1fr)}.daily-fact--after-posts .daily-fact-hero{width:91px}.daily-fact--after-posts .daily-fact-bubble{padding:12px}.daily-fact--after-posts p{font-size:12px}}
@media(max-width:390px){.hero.hero--logo{padding:38px 0 40px}.logo-intro-mark{width:39px;height:39px;grid-template-columns:repeat(2,14px);grid-template-rows:repeat(2,14px);gap:4px}.logo-intro-wordmark{font-size:29px}.hero--logo .hero-actions{flex-direction:column;width:100%}.hero--logo .hero-actions .button{width:min(100%,255px)}}
@media(prefers-reduced-motion:reduce){.logo-intro-mark span,.logo-intro-wordmark>span,.logo-intro-wordmark small,.hero--logo .hero-actions{animation:none;opacity:1;transform:none;filter:none}.logo-intro-mark span{opacity:var(--final-opacity)}.logo-intro-mark{transform:rotate(-12deg)}.logo-intro:before{animation:none;transform:none}.logo-intro-spark{display:none}}

/* v1.16.1: einmalige, rund sieben Sekunden lange Arcade-Bootsequenz. */
.hero.hero--logo{padding:42px 0 58px}
.logo-intro{min-height:220px;padding:40px 28px 42px;margin-bottom:25px;border:2px solid #778c80;border-radius:3px;background:repeating-linear-gradient(0deg,transparent 0 3px,#090f2040 3px 4px),linear-gradient(135deg,#1d253a,#101625 57%,#171f32);box-shadow:inset 0 0 0 4px #141a28,inset 0 0 0 5px #596477,0 17px 38px #03051080,0 0 24px #a8f66b1f;overflow:hidden}
.logo-intro:after{content:"";position:absolute;z-index:5;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 42%,#dfff7919 50%,transparent 58%);transform:translateX(-120%);animation:arcade-sweep 1.1s 5.6s ease-in-out both}
.logo-intro:before{left:10%;right:10%;bottom:31px;height:2px;z-index:1;animation:logo-trace .9s 5.8s steps(12,end) both}
.logo-intro-mark,.logo-intro-wordmark{position:relative;z-index:3}
.logo-intro-mark{filter:drop-shadow(0 0 9px #dfff79a1)}
.logo-intro-mark span{animation:arcade-mark-on .2s 3.95s steps(2,end) both;opacity:0}
.logo-intro-mark span:nth-child(1){animation-delay:3.84s}.logo-intro-mark span:nth-child(2){animation-delay:3.98s}.logo-intro-mark span:nth-child(3){animation-delay:4.12s}.logo-intro-mark span:nth-child(4){animation-delay:4.26s}
.logo-intro-wordmark>span{animation:arcade-word-in 1.42s 4.5s steps(10,end) both;opacity:0;transform:none;filter:none}
.logo-intro-wordmark>span:nth-child(2){animation-delay:4.96s}
.logo-intro-wordmark small{animation:logo-subtitle .45s 6.04s steps(5,end) both}
.logo-intro-spark--a{animation-delay:3.8s}.logo-intro-spark--b{animation-delay:4.45s}.logo-intro-spark--c{animation-delay:5.9s}
.hero--logo .hero-actions{animation:logo-actions .46s 6.5s ease-out both}
.logo-arcade-hud,.logo-arcade-loading{position:absolute;z-index:4;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;color:#bde989;font:700 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:2px;text-shadow:0 0 10px #b7fb7770}
.logo-arcade-hud{top:17px}.logo-arcade-loading{bottom:12px;gap:15px;font-size:9px;white-space:nowrap}
.logo-arcade-loading>div{height:7px;flex:1;max-width:400px;border:1px solid #7d9c8e;background:#0d1322;padding:1px;overflow:hidden}
.logo-arcade-loading i{display:block;width:100%;height:3px;background:repeating-linear-gradient(90deg,var(--lime) 0 12px,transparent 12px 15px);transform:scaleX(0);transform-origin:left;animation:arcade-progress 6.1s .35s steps(24,end) both}
.logo-arcade-loading>span:last-child{opacity:0;animation:arcade-ready .25s 6.25s steps(2,end) both}
.logo-arcade-canvas{position:absolute;z-index:2;inset:0;display:block;width:100%;height:100%;pointer-events:none;image-rendering:pixelated}
@keyframes arcade-mark-on{from{opacity:0;filter:brightness(3)}to{opacity:var(--final-opacity);filter:none}}
@keyframes arcade-word-in{0%{opacity:0;clip-path:inset(0 100% 0 0);text-shadow:3px 0 #86ffee,-3px 0 #e685c4}10%{opacity:1}75%{text-shadow:3px 0 #86ffee,-3px 0 #e685c4}100%{opacity:1;clip-path:inset(0);text-shadow:none}}
@keyframes arcade-progress{to{transform:scaleX(1)}}
@keyframes arcade-ready{to{opacity:1;color:var(--lime)}}
@keyframes arcade-sweep{from{transform:translateX(-120%)}to{transform:translateX(120%)}}
@media(max-width:820px){.hero.hero--logo{padding:38px 0 51px}.logo-intro{min-height:188px;padding:37px 20px 42px}}
@media(max-width:600px){.hero.hero--logo{padding:32px 0 45px}.logo-intro{min-height:160px;padding:34px 9px 36px}.logo-arcade-hud,.logo-arcade-loading{left:10px;right:10px;font-size:7px;letter-spacing:1px}.logo-arcade-hud{top:13px}.logo-arcade-loading{bottom:10px;gap:6px}.logo-intro:before{bottom:27px}}
@media(max-width:390px){.logo-intro{min-height:148px}.logo-arcade-hud span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.logo-intro:after,.logo-arcade-canvas{display:none}.logo-intro-mark span{animation:none;opacity:var(--final-opacity)}.logo-intro-wordmark>span,.logo-intro-wordmark small,.hero--logo .hero-actions,.logo-arcade-loading>span:last-child{animation:none;opacity:1;clip-path:none;text-shadow:none}.logo-arcade-loading i{animation:none;transform:none}.logo-intro:before{animation:none;transform:none}}