@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap";:root{--radius: 0px;--max: 1120px;--font-sans: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}html{color-scheme:light dark;scroll-behavior:smooth}html[data-theme=dark]{color-scheme:dark;--bg: #0a0a0a;--panel: #101010;--text: #f5f5f5;--text-soft: #b5b5b5;--muted: #8a8a8a;--line: #1f1f1f;--accent: #f5f5f5;--accent-invert: #0a0a0a;--timeline-image-fade: rgba(0, 0, 0, .35);--timeline-meta-bg: rgba(0, 0, 0, .22);--timeline-meta-border: rgba(255, 255, 255, .08);--timeline-card-shadow: 0 18px 44px rgba(0, 0, 0, .42);--timeline-card-glow: rgba(255, 255, 255, .03);--timeline-marker-fill: #0a0a0a;--timeline-marker-ring: rgba(245, 245, 245, .7);--timeline-marker-halo: rgba(245, 245, 245, .12);--timeline-marker-glow: rgba(245, 245, 245, .18);--timeline-thread: #d31b30;--timeline-thread-dark: #5e0a2b;--timeline-thread-glow: rgba(211, 27, 48, .35);--timeline-thread-edge: var(--timeline-thread-dark);--timeline-thread-highlight: #ef4a58;--timeline-thread-gold: #f2c94c}html[data-theme=light]{color-scheme:light;--bg: #f7f7f7;--panel: #ffffff;--text: #111111;--text-soft: #3b3b3b;--muted: #666666;--line: #d9d9d9;--accent: #111111;--accent-invert: #f7f7f7;--timeline-image-fade: rgba(0, 0, 0, .18);--timeline-meta-bg: rgba(255, 255, 255, .65);--timeline-meta-border: rgba(0, 0, 0, .08);--timeline-card-shadow: 0 14px 30px rgba(0, 0, 0, .08);--timeline-card-glow: rgba(0, 0, 0, .02);--timeline-marker-fill: #ffffff;--timeline-marker-ring: rgba(17, 17, 17, .55);--timeline-marker-halo: rgba(17, 17, 17, .08);--timeline-marker-glow: rgba(0, 0, 0, .12);--timeline-thread: #b31324;--timeline-thread-dark: #5a0b2b;--timeline-thread-glow: rgba(179, 19, 36, .25);--timeline-thread-edge: var(--timeline-thread-dark);--timeline-thread-highlight: #e34755;--timeline-thread-gold: #f2c94c}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);color:var(--text);background:var(--bg);min-height:100vh}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}main{width:min(100% - 2.5rem,var(--max));margin:0 auto;padding:3.5rem 0 6rem}section{margin:4rem 0}h1,h2,h3,h4{margin:0 0 1rem;font-weight:600;letter-spacing:-.02em}p{margin:0 0 1.25rem;color:var(--text-soft);line-height:1.65}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.15rem;border-radius:var(--radius);border:1px solid var(--accent);font-weight:600;letter-spacing:.01em;background:var(--accent);color:var(--accent-invert);transition:transform .2s ease}.btn:hover{transform:translateY(-1px)}.btn.secondary{background:transparent;color:var(--text);border-color:var(--line)}.btn.secondary:hover{border-color:var(--accent)}.btn.btn-small{font-size:.9rem;padding:.5rem .85rem}.tag{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .6rem;border-radius:var(--radius);border:1px solid var(--line);color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.card{background:var(--panel);border-radius:var(--radius);border:1px solid var(--line);padding:1.5rem}.grid{display:grid;gap:1.6rem}.grid.two{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.list{margin:0;padding:0;list-style:none;display:grid;gap:.6rem;color:var(--text-soft)}.list li:before{content:"—";margin-right:.6rem;color:var(--text)}.reveal{opacity:0;transform:translate3d(var(--reveal-x, 0),var(--reveal-y, 20px),0);transition:opacity .6s ease,transform .6s ease;pointer-events:none}.reveal.in-view{opacity:1;transform:translateZ(0);pointer-events:auto}[data-i18n]{display:none}html[data-lang=de] [data-i18n=de],html[data-lang=en] [data-i18n=en]{display:inline}.block-i18n{display:none}html[data-lang=de] .block-i18n[data-i18n=de],html[data-lang=en] .block-i18n[data-i18n=en]{display:block}.nav{width:min(100% - 2.5rem,var(--max));margin:2.5rem auto 0;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.9rem 1.2rem;border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);position:sticky;top:1.5rem;z-index:10}.logo{font-weight:700;letter-spacing:.12em;text-transform:uppercase}.nav-menu{display:flex;align-items:center;gap:1.5rem}.nav-links{display:flex;gap:.9rem;flex-wrap:wrap;font-size:.95rem;color:var(--text-soft)}.nav-links a{padding:.35rem .5rem;border-radius:var(--radius);transition:color .2s ease,background .2s ease}.nav-links a:hover{color:var(--text);background:var(--bg)}.lang-switch,.theme-switch{display:flex;gap:.4rem}.nav-controls{display:flex;gap:1.2rem;align-items:center}.theme-toggle{display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;background:transparent;border-radius:var(--radius);color:var(--text);cursor:pointer;padding:0;position:relative;transition:all .3s ease;border:none;z-index:9999}.theme-toggle:hover{color:var(--accent)}.theme-toggle .icon{width:1.2rem;height:1.2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--icon-rotate, 0deg)) scale(var(--icon-scale, 1));transform-origin:center;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s ease;opacity:1}.theme-toggle .icon-sun{--icon-rotate: 0deg;--icon-scale: 1}.theme-toggle .icon-moon{--icon-rotate: -180deg;--icon-scale: 0;opacity:0}html[data-theme=dark] .theme-toggle .icon-sun{--icon-rotate: 180deg;--icon-scale: 0;opacity:0}html[data-theme=dark] .theme-toggle .icon-moon{--icon-rotate: 0deg;--icon-scale: 1;opacity:1}.theme-ripple{position:fixed;width:40px;height:40px;border-radius:50%;background:var(--accent);pointer-events:none;transform:translate(-50%,-50%);animation:ripple-expand .8s ease-out forwards;opacity:.3;z-index:9998}@keyframes ripple-expand{0%{transform:translate(-50%,-50%) scale(0);opacity:.4}to{transform:translate(-50%,-50%) scale(min(100vw,100vh));opacity:0}}.nav-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:.3rem;width:2.4rem;height:2.4rem;border:1px solid var(--line);background:transparent;border-radius:var(--radius);color:var(--text);cursor:pointer}.nav-toggle-bar{width:1.2rem;height:2px;background:currentColor;border-radius:999px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.lang-switch button{border:1px solid var(--line);background:transparent;color:var(--text-soft);border-radius:var(--radius);padding:.35rem .7rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.lang-switch button.is-active{border-color:var(--accent);color:var(--text)}.hero{display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start}.hero h1{font-size:clamp(2.4rem,4vw,3.6rem)}.hero p{font-size:1.02rem}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.hero-cta{margin-bottom:clamp(4.5rem,8vw,6.5rem);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.hero.stay-loop{margin-top:8rem;margin-bottom:2rem;padding:clamp(2rem,4vw,3rem);border:1px solid var(--line);background:var(--panel);align-items:center}.stay-loop-content{width:100%}.hero.stay-loop h2{font-size:clamp(2rem,3.4vw,3rem)}.stay-loop-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.2rem}.stay-loop-note{font-size:.9rem;color:var(--muted)}.hero-links{display:grid;gap:1rem;align-content:start;justify-self:end;width:min(100%,320px);--link-offset: clamp(18px, 2.6vw, 34px);padding-right:var(--link-offset)}.link-card{display:grid;gap:.35rem;padding:1rem 1.2rem;border:1px solid var(--line);background:var(--panel);box-shadow:var(--timeline-card-shadow);transform:translate(calc(var(--link-offset) * .5)) scale(.97);transition:border-color .2s ease,transform .3s ease}.link-card:hover{border-color:var(--text);transform:translate(0) scale(1)}.link-grid{display:grid;gap:1rem;--link-offset: 0px}@media(max-width:700px){.hero-cta{grid-template-columns:1fr;gap:6.5rem}.hero.stay-loop{padding:2rem 1.6rem}.hero-links{justify-self:stretch;width:100%;padding-right:0;--link-offset: 0px}.link-card{transform:scale(.97)}}.link-kicker{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.link-title{font-size:1.05rem;color:var(--text)}.link-meta{font-size:.85rem;color:var(--text-soft)}.snapshot{display:grid;gap:2rem;padding:2.5rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.snapshot-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.snapshot-item{border-left:4px solid var(--text);padding-left:1rem}.snapshot-item p{margin:0;color:var(--text-soft)}.timeline-head{display:flex;flex-direction:column;gap:1rem}.timeline-section{margin-top:6rem;margin-bottom:6rem}.timeline-head h2{text-align:center}.timeline{display:grid;gap:2.5rem;position:relative;margin-top:2rem;--line-height: 0px;--line-x: 50%;--marker-size: 12px;--marker-border: 2px;--marker-total: calc(var(--marker-size) + var(--marker-border) * 2);--node-offset: 34px;--thread-width: clamp(6px, 1.1vw, 11px);--thread-core-width: calc(var(--thread-width) - 3px);--thread-stripe-width: calc(var(--thread-core-width) * .42)}.timeline:before{display:none}.timeline-thread{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}.timeline-thread-path{fill:none;stroke-linecap:round;stroke-linejoin:round}.timeline-thread-path.is-guide{stroke:none;filter:none}.timeline-thread-mask{fill:none;stroke:#fff;stroke-width:calc(var(--thread-core-width) - 1px);stroke-linecap:round;stroke-linejoin:round}.timeline-thread-path.is-edge{stroke:var(--timeline-thread-edge);stroke-width:var(--thread-width);opacity:.95;filter:blur(.4px) drop-shadow(0 3px 8px rgba(0,0,0,.28)) drop-shadow(0 0 18px var(--timeline-thread-glow))}.timeline-thread-path.is-base{stroke:var(--timeline-thread);stroke-width:var(--thread-core-width)}.timeline-thread-path.is-highlight{stroke:var(--timeline-thread-highlight);stroke-width:calc(var(--thread-core-width) * .45);opacity:.62}.timeline-thread-path.is-stripe{stroke:var(--timeline-thread-edge);stroke-width:var(--thread-stripe-width);stroke-linecap:round;stroke-linejoin:round;opacity:.55;mix-blend-mode:multiply;filter:blur(.2px)}.timeline-thread-path.is-fade{stroke:url(#thread-fade-gradient);stroke-width:calc(var(--thread-width) + 4px);stroke-linecap:round;stroke-linejoin:round;opacity:.28;filter:blur(1.6px);pointer-events:none}.timeline-thread-path.is-fringe{fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;filter:drop-shadow(0 0 6px var(--timeline-thread-glow))}.timeline-thread-path.is-fringe-edge{stroke:var(--timeline-thread-edge);stroke-width:calc(var(--thread-core-width) * .72);opacity:1}.timeline-thread-path.is-fringe-gradient{stroke:url(#thread-fringe-gradient-end);stroke-width:calc(var(--thread-core-width) * .22);opacity:0}.timeline-thread-path.is-fringe-gradient.is-fringe-start{stroke:url(#thread-fringe-gradient-start)}.timeline-thread-path.is-fringe-gradient.is-fringe-end{stroke:url(#thread-fringe-gradient-end)}.timeline-thread-path.is-fringe-core{stroke:var(--timeline-thread);stroke-width:calc(var(--thread-core-width) * .36);opacity:.95}.timeline-thread-path.is-fringe-core.is-fringe-start{stroke:url(#thread-fringe-core-gradient-start)}.timeline-thread-path.is-fringe-core.is-fringe-end{stroke:url(#thread-fringe-core-gradient-end)}.timeline-thread-path.is-fringe-highlight{stroke:var(--timeline-thread-highlight);stroke-width:calc(var(--thread-core-width) * .14);opacity:.45}.timeline-thread-path.is-fringe-highlight.is-fringe-start{stroke:url(#thread-fringe-gradient-start)}.timeline-thread-path.is-fringe-highlight.is-fringe-end{stroke:url(#thread-fringe-gradient-end)}.timeline-thread-path.is-ring{fill:var(--timeline-thread-gold);stroke:#b78214;stroke-width:.8px;opacity:1;filter:drop-shadow(0 2px 5px rgba(0,0,0,.32));pointer-events:none}.timeline-row{display:grid;grid-template-columns:1fr 48px 1fr;grid-template-areas:"left marker right";column-gap:1.8rem;align-items:start;position:relative;z-index:1}.timeline-card{position:relative;display:flex;gap:1.25rem;align-items:flex-start}.timeline-card.card{background:linear-gradient(180deg,var(--timeline-card-glow),var(--panel) 45%);box-shadow:var(--timeline-card-shadow)}.timeline-row.left .timeline-card{grid-area:left;flex-direction:row-reverse}.timeline-row.right .timeline-card{grid-area:right}.timeline-card-media{width:clamp(120px,22vw,180px);flex:0 0 auto;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel)}.timeline-card-figure{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden}.timeline-card-figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 60%,var(--timeline-image-fade) 100%);pointer-events:none}.timeline-card-figure img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0;border:none}.timeline-card-body{flex:1;min-width:0}.timeline-row.left .timeline-card-body{text-align:right}.timeline-row.right .timeline-card-body{text-align:left}.timeline-row .timeline-marker{grid-area:marker;position:relative;width:100%;z-index:2}.timeline-row .timeline-marker span{position:absolute;top:var(--node-offset);left:50%;width:var(--marker-size);height:var(--marker-size);border-radius:999px;background:var(--timeline-marker-fill);border:var(--marker-border) solid var(--timeline-marker-ring);box-shadow:0 0 0 6px var(--timeline-marker-halo);opacity:0;transform:translate(-50%,-50%) scale(.6);transition:opacity .3s ease,transform .3s ease}.timeline-row.is-active .timeline-marker span{opacity:1;transform:translate(-50%,-50%) scale(1);box-shadow:0 0 0 6px var(--timeline-marker-halo),0 0 18px var(--timeline-marker-glow)}.timeline-node{position:absolute;top:var(--node-offset);width:24px;height:1px;background:var(--timeline-thread-dark);opacity:.45;pointer-events:none}.timeline-row.left .timeline-node{right:-24px}.timeline-row.right .timeline-node{left:-24px}.timeline-meta{display:flex;gap:.75rem;flex-wrap:wrap;color:var(--muted);font-size:.85rem;margin-bottom:.75rem}.timeline-meta.under{margin:0;padding:.3rem .6rem;gap:.55rem;font-size:.72rem;color:var(--text);background:var(--timeline-meta-bg);border-top:1px solid var(--timeline-meta-border);backdrop-filter:blur(2px)}.timeline-image{width:100%;height:auto;margin:.75rem 0;border-radius:var(--radius);border:1px solid var(--line);object-fit:cover}.card.card-game{padding:0}.card-image{width:100%;aspect-ratio:315 / 250;object-fit:cover}.card-game{display:flex;flex-direction:column;height:100%}.card-content{display:flex;flex-direction:column;flex:1;justify-content:space-between;padding:1.5rem}.card-content>div{flex:1}.card-footer{padding:1rem 1.5rem;border-top:1px solid var(--line);font-size:.85rem}.card-footer-top{display:flex;justify-content:flex-end;margin-bottom:.5rem}.card-footer-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.card-tags{display:flex;flex-wrap:wrap;color:var(--muted);font-style:italic;margin-bottom:.5rem}.card-platforms{color:var(--text-soft);font-size:.85rem}.timeline-row.left .timeline-meta{justify-content:flex-end}.timeline .reveal{transition:opacity .4s ease,transform .5s ease;pointer-events:auto;will-change:transform,opacity}.site-footer{width:min(100% - 2.5rem,var(--max));margin:0 auto 3rem;border-top:1px solid var(--line);padding-top:2rem;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem 2rem;color:var(--muted)}.site-footer-brand{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;min-width:0}.site-footer-name{font-size:.95rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}.site-footer-separator{color:var(--muted)}.site-footer-tagline{color:var(--text-soft);font-size:.92rem;line-height:1.4}.site-footer-links{display:flex;align-items:center;justify-content:flex-end;gap:.9rem 1rem}.site-footer a{color:var(--text-soft);white-space:nowrap;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;transition:color .2s ease}.site-footer a:hover{color:var(--text)}article{max-width:720px}article h1{font-size:clamp(2rem,3vw,3rem)}article .meta{color:var(--muted);font-size:.9rem;margin-bottom:2rem}@media(max-width:900px){.nav{position:sticky;top:.75rem;margin-top:1rem;padding:.65rem .9rem;flex-wrap:wrap;gap:.8rem}.logo{flex:1}.nav-toggle{display:inline-flex}.nav-menu{width:100%;display:none;flex-direction:column;align-items:flex-start;gap:1rem;padding-top:.8rem;border-top:1px solid var(--line)}.nav.is-open .nav-menu{display:flex}.nav-links{flex-direction:column;align-items:flex-start;width:100%}.nav-controls{width:100%;justify-content:space-between}.site-footer{grid-template-columns:1fr;align-items:flex-start;gap:.85rem;padding-top:1.5rem}.site-footer-separator{display:none}.site-footer-tagline{flex-basis:100%}.site-footer-links{justify-content:flex-start;flex-wrap:wrap}.timeline{--line-x: calc((var(--marker-total) + 12px) / 2);--node-offset: 30px;gap:1.5rem;--thread-width: clamp(7px, 1.8vw, 10px);--thread-core-width: max(4px, calc(var(--thread-width) - 2px));--thread-stripe-width: max(1.6px, calc(var(--thread-core-width) * .42))}.timeline:before{display:none}.timeline-row{grid-template-columns:calc(var(--marker-total) + 12px) 1fr;grid-template-areas:"marker card"}.timeline-row.left .timeline-card,.timeline-row.right .timeline-card{grid-area:card;flex-direction:column}.timeline-row.left .timeline-card-body{text-align:left}.timeline-card-media{width:100%}.timeline-row .timeline-marker{grid-area:marker;justify-content:flex-start}.timeline-row .timeline-marker span{left:50%;transform:translate(-50%,-50%) scale(.6)}.timeline-node{opacity:.3;width:24px;left:-24px;right:auto}.timeline-row.left .timeline-meta{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.btn{transition:none}}