:root{
  --bg:#050a0d;--bg2:#081219;--panel:#0a151b;--panel2:#0d1e27;--cyan:#16c8f4;--cyan2:#078eb7;
  --cyan-soft:#63ddf7;--text:#f6fbff;--muted:#8ba1ad;--line:rgba(116,197,217,.16);--green:#59e1b3;--warn:#ffc264;
  --danger:#ff6576;--shadow:0 28px 80px rgba(0,0,0,.48);--max:1280px;--head:'Arial Narrow','Roboto Condensed',Impact,Haettenschweiler,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#050b0e;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}
body:before{content:"";position:fixed;inset:0;z-index:-4;background:radial-gradient(circle at 68% 3%,rgba(0,164,217,.19),transparent 29%),radial-gradient(circle at 12% 47%,rgba(15,117,143,.1),transparent 34%),linear-gradient(120deg,#050b0e,#071117 48%,#050a0d)}
body:after{content:"";position:fixed;inset:0;z-index:-3;opacity:.28;background-image:linear-gradient(rgba(45,174,205,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(45,174,205,.07) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,transparent 3%,#000 28%,#000 80%,transparent)}
.site-header{position:sticky;top:0;z-index:80;background:linear-gradient(180deg,rgba(5,10,13,.98),rgba(5,10,13,.88));border-bottom:1px solid rgba(92,179,201,.14);backdrop-filter:blur(18px)}.nav{min-height:78px;display:flex;align-items:center;gap:26px}.site-logo{display:flex;align-items:center;gap:12px;min-width:230px}.site-logo img{width:72px;height:54px;object-fit:contain;filter:drop-shadow(0 0 15px rgba(17,196,238,.25))}.site-logo-word{font-family:var(--head);font-size:25px;font-weight:900;font-style:italic;letter-spacing:-.025em;text-transform:uppercase;line-height:.86}.site-logo-word em{font-style:italic;color:var(--cyan)}.site-logo-word small{display:block;margin-top:7px;font-family:Inter,system-ui,sans-serif;color:#5f7480;font-style:normal;font-size:9px;letter-spacing:.18em}.nav-links{display:flex;align-items:center;gap:3px;flex:1}.nav-links a{padding:12px 13px;color:#8da0aa;font-size:13px;font-weight:720;transition:.2s}.nav-links a:hover,.nav-links a.active{color:white;background:rgba(21,79,95,.24)}.nav-links a:before{display:inline-block;margin-right:7px;opacity:.72}.nav-links a[href="/"]:before{content:"▦"}.nav-links a[href^="/updates"]:before{content:"▤"}.nav-links a[href^="/entwickler"]:before{content:"⚙"}.nav-links a[href^="/spiel"]:before{content:"▣"}.nav-actions{display:flex;gap:10px;align-items:center}.mini-status{padding:9px 11px;border:1px solid rgba(65,183,209,.22);background:rgba(9,31,39,.72);font-size:11px;color:#8db2bd}.mini-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 13px var(--green);margin-right:7px}.nav-play{padding:11px 16px;background:var(--cyan);color:#031015;font-weight:900;font-size:12px;box-shadow:0 0 28px rgba(22,200,244,.18)}
.hero{position:relative;min-height:715px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid rgba(65,175,201,.12)}.hero:before{content:"BAHN\A LEITSTELLE";white-space:pre;position:absolute;left:max(22px,calc((100vw - var(--max))/2 - 18px));top:54px;color:transparent;-webkit-text-stroke:1px rgba(80,199,228,.055);font-family:var(--head);font-style:italic;font-weight:900;font-size:clamp(120px,16vw,260px);line-height:.64;letter-spacing:-.05em;pointer-events:none}.hero:after{content:"";position:absolute;right:-10%;top:-8%;width:65%;height:112%;background:radial-gradient(ellipse at 55% 45%,rgba(12,186,229,.19),transparent 47%),radial-gradient(ellipse at 54% 65%,rgba(255,255,255,.045),transparent 38%);filter:blur(1px);pointer-events:none}.hero-grid{position:relative;z-index:3;display:grid;grid-template-columns:.94fr 1.06fr;align-items:center;min-height:665px;gap:30px}.hero-copy{padding:62px 0 100px}.rank-chip{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;padding:7px 11px 7px 7px;border-left:2px solid var(--cyan);background:rgba(8,28,35,.82);font-size:11px;color:#b4c7cf;text-transform:uppercase;letter-spacing:.055em}.rank-chip b{display:grid;place-items:center;width:26px;height:24px;background:var(--cyan);color:#071217;font-size:12px}.hero h1{margin:0;max-width:720px;font-family:var(--head);font-size:clamp(46px,5.2vw,82px);line-height:.93;font-style:italic;font-weight:900;text-transform:uppercase;letter-spacing:-.027em;text-shadow:0 4px 34px rgba(0,0,0,.7)}.hero h1 span{color:var(--cyan);text-shadow:0 0 36px rgba(22,200,244,.24)}.hero p{max-width:660px;margin:22px 0 0;color:#9aadb6;font-size:16px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 23px;border:1px solid rgba(127,186,200,.24);background:rgba(7,18,23,.78);color:#d6e4ea;font-size:12px;font-weight:850;transition:.2s}.btn:hover{border-color:rgba(40,210,249,.7);transform:translateY(-2px)}.btn.primary{border-color:transparent;background:var(--cyan);color:#041118;box-shadow:0 12px 30px rgba(10,178,218,.22)}.btn.primary:after{content:"›";font-size:24px;line-height:0}.microline{display:flex;gap:22px;flex-wrap:wrap;margin-top:31px;padding-top:18px;border-top:1px solid rgba(89,177,198,.13);color:#66808b;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.microline span b{color:#cce8ef;margin-right:5px}
.hero-art{position:relative;min-height:640px;display:flex;align-items:center;justify-content:center}.hero-logo-halo{position:absolute;width:560px;height:560px;border-radius:50%;border:1px solid rgba(45,194,227,.32);box-shadow:0 0 0 42px rgba(21,181,219,.035),0 0 0 94px rgba(21,181,219,.018),inset 0 0 90px rgba(12,183,224,.07)}.hero-logo-halo:before,.hero-logo-halo:after{content:"";position:absolute;border:1px solid rgba(76,195,222,.2);border-radius:50%;inset:55px}.hero-logo-halo:after{inset:112px;border-style:dashed;animation:spin 36s linear infinite}.hero-logo{position:relative;z-index:2;width:min(680px,108%);max-height:600px;object-fit:contain;filter:drop-shadow(0 42px 35px rgba(0,0,0,.7)) drop-shadow(0 0 26px rgba(11,185,229,.15));transform:translateY(8px)}@keyframes spin{to{transform:rotate(360deg)}}.callout{position:absolute;z-index:4;padding:10px 13px;background:rgba(6,14,18,.86);border-left:2px solid var(--cyan);color:#bed0d7;font-size:10px;box-shadow:0 11px 30px rgba(0,0,0,.25);backdrop-filter:blur(8px)}.callout.one{right:-14px;top:152px}.callout.two{left:6px;bottom:119px}.callout.three{right:17px;bottom:208px}.callout strong{color:#fff}.callout i{color:var(--cyan);font-style:normal;margin-left:6px}
.feature-strip{position:relative;z-index:8;margin-top:-92px;padding-bottom:42px}.strip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.strip-card{position:relative;min-height:128px;padding:20px 20px 18px;border:1px solid rgba(95,180,201,.15);background:linear-gradient(120deg,rgba(8,20,25,.98),rgba(8,38,48,.91));box-shadow:0 20px 50px rgba(0,0,0,.35);overflow:hidden}.strip-card:nth-child(2){background:linear-gradient(120deg,rgba(7,27,34,.98),rgba(10,73,91,.88))}.strip-card:after{content:"";position:absolute;right:-35px;bottom:-50px;width:120px;height:120px;border-radius:50%;background:rgba(8,202,244,.07)}.strip-card b{display:block;font-family:var(--head);font-size:19px;font-style:italic;text-transform:uppercase;letter-spacing:.01em}.strip-card p{margin:8px 0 0;color:#7f96a0;font-size:12px}.strip-icon{position:absolute;right:16px;top:15px;color:var(--cyan);font-size:20px}.section{padding:82px 0}.section.dark{background:rgba(3,9,12,.62);border-block:1px solid rgba(71,158,179,.1)}.section-head{max-width:760px;margin-bottom:34px}.kicker{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);font-weight:900;font-size:10px;text-transform:uppercase;letter-spacing:.16em}.kicker:before{content:"";width:26px;height:1px;background:var(--cyan)}.section h2,.page-hero h1{margin:12px 0;font-family:var(--head);font-size:clamp(35px,4vw,58px);line-height:.96;font-style:italic;text-transform:uppercase;letter-spacing:-.02em}.section-head p,.page-hero p{margin:0;color:#839aa5}.feature-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-card{min-height:210px;padding:22px;border:1px solid rgba(82,166,187,.14);background:linear-gradient(145deg,rgba(10,24,30,.97),rgba(5,14,18,.97));transition:.2s}.feature-card:hover{transform:translateY(-4px);border-color:rgba(26,194,233,.42)}.feature-card .num{font-family:var(--head);font-size:35px;color:rgba(28,200,241,.28);font-style:italic}.feature-card h3{font-family:var(--head);font-style:italic;text-transform:uppercase;margin:20px 0 8px;font-size:20px}.feature-card p{margin:0;color:#7d929c;font-size:12px}.feature-card .line{width:45px;height:3px;background:var(--cyan);margin-top:18px}.release-card{display:grid;grid-template-columns:115px 1fr auto;gap:24px;align-items:center;padding:27px;border-left:3px solid var(--cyan);background:linear-gradient(90deg,rgba(8,40,50,.82),rgba(5,15,19,.84));border-top:1px solid rgba(93,178,198,.12);border-bottom:1px solid rgba(93,178,198,.12)}.version{font-family:var(--head);font-size:31px;font-weight:900;font-style:italic;color:var(--cyan)}.release-card h3{margin:0;font-family:var(--head);font-size:25px;font-style:italic;text-transform:uppercase}.release-card p{margin:5px 0 0;color:#8197a0;font-size:13px}.notice{padding:17px 19px;border-left:2px solid #278ca6;background:rgba(8,34,42,.62);color:#8aa1ac;font-size:12px}.notice strong{color:#d6e8ed}.page-hero{padding:72px 0 45px;border-bottom:1px solid rgba(76,165,185,.11)}.page-hero .wrap{max-width:980px}.timeline{display:grid;gap:12px}.update{display:grid;grid-template-columns:130px 1fr;gap:22px;padding:23px;border:1px solid rgba(75,157,177,.14);background:rgba(7,20,25,.86)}.update .tag{font-family:var(--head);font-size:24px;font-style:italic;color:var(--cyan)}.update .date{display:block;color:#536b75;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.update h2{font-family:var(--head);font-style:italic;text-transform:uppercase;margin:0 0 8px;font-size:24px}.update ul{margin:7px 0 0;padding-left:18px;color:#8ba1ab;font-size:13px}.update li+li{margin-top:5px}.developer-grid{display:grid;grid-template-columns:330px 1fr;gap:20px;align-items:start}.profile{position:sticky;top:98px;padding:27px;border:1px solid rgba(87,172,193,.17);background:linear-gradient(145deg,#0a1c23,#061014)}.dev-logo{width:100%;height:215px;object-fit:contain;filter:drop-shadow(0 18px 20px rgba(0,0,0,.52))}.profile h2{font-family:var(--head);font-style:italic;text-transform:uppercase;font-size:38px;margin:14px 0 3px}.profile p{margin:0;color:#8197a0}.profile-meta{display:grid;gap:8px;margin-top:20px}.profile-meta div{padding:11px;border-left:2px solid rgba(27,196,234,.58);background:rgba(6,23,29,.85)}.profile-meta span{display:block;color:#58717b;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.bio{display:grid;gap:13px}.bio article{padding:25px;border:1px solid rgba(84,166,185,.14);background:rgba(7,20,25,.87)}.bio article h3{font-family:var(--head);font-style:italic;text-transform:uppercase;margin:0 0 8px;font-size:25px}.bio article p{margin:0;color:#8a9fa8;font-size:14px}.skill-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.skill-pills span{padding:7px 10px;background:#09242c;border:1px solid rgba(38,183,216,.19);color:#86cad9;font-size:11px;font-weight:800}.cta{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px;border:1px solid rgba(78,169,190,.16);background:linear-gradient(90deg,rgba(9,44,54,.82),rgba(5,15,19,.82))}.cta h2{margin:0;font-family:var(--head);font-size:34px;font-style:italic;text-transform:uppercase}.cta p{margin:4px 0 0;color:#7e959f}.site-footer{padding:38px 0 48px;border-top:1px solid rgba(76,161,180,.12);background:#04090c;color:#5f7780;font-size:11px}.footer-row{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.footer-row strong{color:#b8cbd2}.footer-links{display:flex;gap:17px;flex-wrap:wrap}.footer-links a:hover{color:var(--cyan)}.data-sources{margin-top:10px;max-width:810px}.game-shell-info{padding:9px 15px;background:#061116;border-bottom:1px solid rgba(80,172,193,.13);color:#78919b;font-size:11px}.game-shell-info .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px}.game-shell-info a{color:#5fcce3;font-weight:800}
@media(max-width:1050px){.nav-links a{padding-inline:8px}.site-logo{min-width:190px}.hero-grid{grid-template-columns:1fr .95fr}.hero-art{min-height:560px}.hero-logo-halo{width:460px;height:460px}.feature-cards{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.nav{flex-wrap:wrap;padding:10px 0}.site-logo{min-width:0}.nav-links{order:3;width:100%;overflow:auto}.nav-actions{margin-left:auto}.mini-status{display:none}.hero{min-height:auto}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:65px 0 10px}.hero-art{min-height:470px}.hero-logo{width:min(650px,100%)}.hero-logo-halo{width:410px;height:410px}.callout.one{right:0;top:75px}.callout.two{left:0;bottom:70px}.callout.three{display:none}.feature-strip{margin-top:-35px}.strip-grid{grid-template-columns:1fr}.release-card{grid-template-columns:1fr}.developer-grid{grid-template-columns:1fr}.profile{position:static}.footer-row,.cta{flex-direction:column;align-items:flex-start}}
@media(max-width:560px){.wrap{width:min(var(--max),calc(100% - 24px))}.site-logo img{width:57px;height:43px}.site-logo-word{font-size:21px}.nav-play{padding-inline:11px}.hero h1{font-size:48px}.hero-art{min-height:380px}.hero-logo-halo{width:330px;height:330px}.callout{font-size:9px}.feature-cards{grid-template-columns:1fr}.update{grid-template-columns:1fr}.page-hero{padding-top:48px}.hero:before{font-size:105px}.microline{gap:12px}.profile{padding:20px}}

/* v0.15 · Responsive website */
@media(max-width:980px){
  .site-header{position:sticky}.nav{min-height:68px;gap:12px;flex-wrap:nowrap}.site-logo{min-width:170px}.site-logo img{width:58px;height:44px}.site-logo-word{font-size:20px}.nav-links{overflow-x:auto;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}.nav-links::-webkit-scrollbar{display:none}.nav-links a{flex:0 0 auto}.nav-actions{flex:0 0 auto}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:58px 0 0}.hero-art{min-height:430px}.hero-logo{max-height:440px}.hero-logo-halo{width:400px;height:400px}.feature-strip{margin-top:-24px}.strip-grid{grid-template-columns:1fr 1fr 1fr}.feature-cards{grid-template-columns:1fr 1fr}.developer-grid{grid-template-columns:280px 1fr}.profile{top:84px}
}
@media(max-width:760px){
  .wrap{width:min(var(--max),calc(100% - 24px))}.nav{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:54px 42px;padding:6px 0 4px;gap:0 8px}.site-logo{grid-column:1;grid-row:1;min-width:0}.site-logo img{width:50px;height:38px}.site-logo-word{font-size:18px}.site-logo-word small{font-size:7px;margin-top:5px}.nav-actions{grid-column:2;grid-row:1}.mini-status{display:none}.nav-play{min-height:38px;padding:0 12px}.nav-links{grid-column:1/-1;grid-row:2;width:100%;order:initial;border-top:1px solid rgba(70,169,190,.1)}.nav-links a{padding:10px 12px;font-size:11px}.hero{min-height:auto}.hero-grid{min-height:0}.hero-copy{padding:48px 0 6px}.hero h1{font-size:clamp(42px,12vw,62px)}.hero p{font-size:14px}.hero-actions .btn{flex:1;min-width:145px}.hero-art{min-height:360px}.hero-logo-halo{width:min(78vw,340px);height:min(78vw,340px)}.hero-logo{width:min(620px,104%)}.callout.one{top:44px}.callout.two{bottom:50px}.callout.three{display:none}.feature-strip{margin-top:-12px}.strip-grid{grid-template-columns:1fr}.feature-cards{grid-template-columns:1fr}.release-card{grid-template-columns:1fr;gap:12px}.developer-grid{grid-template-columns:1fr}.profile{position:static}.cta,.footer-row{flex-direction:column;align-items:flex-start}.section{padding:58px 0}.page-hero{padding:48px 0 30px}.update{grid-template-columns:1fr}.game-shell-info .wrap{align-items:flex-start;flex-direction:column;gap:5px}
}
@media(max-width:420px){
  .site-logo-word{font-size:16px}.site-logo img{width:44px;height:34px}.nav-play{font-size:10px;padding-inline:10px}.nav-links a{font-size:10px;padding-inline:10px}.hero-copy{padding-top:38px}.hero h1{font-size:42px}.hero p{font-size:13px}.hero-actions{display:grid;grid-template-columns:1fr;margin-top:22px}.btn{width:100%;min-height:46px}.hero-art{min-height:315px}.callout{display:none}.microline{display:grid;grid-template-columns:1fr 1fr;font-size:8px}.strip-card{min-height:112px}.section h2,.page-hero h1{font-size:36px}.release-card{padding:20px}.profile{padding:18px}.dev-logo{height:175px}.bio article{padding:19px}.cta{padding:22px}.cta h2{font-size:28px}
}
