@charset "UTF-8";
:root{color-scheme:dark;--bg:#07111d;--panel:#0d1a28;--panel2:#102233;--text:#f1f8f9;--muted:#9baebb;--muted2:#627c8b;--line:rgba(183,221,226,.13);--mint:#a5f6d1;--cyan:#68cdd3;--blue:#7fb5ff;--amber:#ffd496;--font:Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;--radius:18px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.6;min-width:320px;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
a:focus-visible,button:focus-visible{outline:3px solid var(--mint);outline-offset:5px}
::selection{background:var(--mint);color:var(--bg)}
.container{width:min(1200px,calc(100% - 96px));margin-inline:auto}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.ico{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.ico.small{width:16px;height:16px}
.skip-link{position:fixed;top:-90px;left:20px;background:var(--mint);color:#05111b;padding:9px 15px;z-index:300}.skip-link:focus{top:12px}
.ambient{position:absolute;pointer-events:none;border-radius:50%;filter:blur(100px);opacity:.22;z-index:-1}.ambient-a{width:580px;height:530px;background:#074a4b;top:170px;right:-260px}.ambient-b{width:480px;height:400px;background:#123258;top:900px;left:-350px}
.site-header{position:sticky;top:0;z-index:100;background:rgba(7,17,29,.88);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid rgba(160,214,222,.085)}
.nav-shell{height:88px;display:flex;align-items:center;gap:38px}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{width:45px;height:45px;display:grid;place-items:center;background:linear-gradient(145deg,#b3f4cf,#57c0c3);clip-path:polygon(50% 0%,93% 24%,93% 76%,50% 100%,7% 76%,7% 24%)}.brand-mark-core{width:38px;height:38px;display:grid;place-items:center;background:#0a1b28;clip-path:inherit;color:#b8f4d5;font-weight:950;font-size:14px;letter-spacing:-1px}.brand-name{font-size:16px;font-weight:950;letter-spacing:-.6px;line-height:1.04}.brand-name>span{color:var(--mint)}.brand-name small{display:block;color:var(--muted2);font-size:8px;letter-spacing:3px;font-weight:800;margin-top:7px}.main-nav{display:flex;align-items:center;gap:30px;margin-left:auto}.main-nav a{font-size:12px;color:#b2c1c9;font-weight:650;transition:color .2s}.main-nav a:hover,.footer-links a:hover,.footer-bottom a:hover{color:var(--mint)}
.nav-cta{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(165,246,209,.32);border-radius:8px;font-size:12px;font-weight:760;padding:12px 17px;color:var(--mint);transition:background .2s,transform .2s}.nav-cta:hover{background:rgba(165,246,209,.08);transform:translateY(-2px)}.nav-cta .ico{width:16px;height:16px}.mobile-menu{display:none;background:transparent;border:1px solid var(--line);border-radius:9px;color:#fff;padding:9px;cursor:pointer}
.hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;column-gap:44px;padding-top:94px;min-height:668px;position:relative;padding-bottom:92px}.eyebrow{display:flex;align-items:center;gap:11px;color:var(--mint);font-size:10px;font-weight:800;letter-spacing:3px;margin:0 0 31px}.eyebrow-line{display:inline-block;width:28px;height:1px;background:var(--mint)}.eyebrow-dot{width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 14px var(--mint)}
h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(50px,5.25vw,80px);line-height:.99;font-weight:950;letter-spacing:-4.5px;margin:0 0 28px}.hero .period{color:var(--mint)}.hero .outline{-webkit-text-stroke:1.35px #b3dad7;color:transparent}.hero-lead{font-size:15px;color:#a9bbc5;max-width:505px;line-height:1.9;margin:0 0 29px}.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:49px;padding:14px 19px;border-radius:8px;font-weight:850;font-size:12px;line-height:1.2;transition:transform .2s,background .2s,box-shadow .2s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--mint);color:#081c25;box-shadow:0 8px 30px rgba(119,241,192,.12)}.btn-primary:hover{background:#cefce3;box-shadow:0 12px 30px rgba(119,241,192,.2)}.btn-ghost{border:1px solid #355263;color:#d4e3e7}.btn-ghost:hover{background:rgba(169,226,225,.08)}.btn .ico{width:16px;height:16px}.hero-tags{display:flex;gap:18px;flex-wrap:wrap;margin-top:42px}.hero-tags span{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.7px;font-weight:800;color:#718c99}.hero-tags i{width:5px;height:5px;border:1px solid #73aaae;transform:rotate(45deg)}
.hero-art{position:relative;padding:19px 10px}.art-glow{position:absolute;inset:16% 0 9% 8%;background:radial-gradient(ellipse,rgba(38,139,130,.24),transparent 67%);filter:blur(18px)}.art-frame{position:relative;background:linear-gradient(142deg,#102536,#0c1829 70%,#0c2330);border:1px solid rgba(148,225,212,.24);border-radius:13px;box-shadow:0 35px 95px rgba(0,0,0,.32),inset 0 1px 0 rgba(208,253,230,.07);transform:rotate(2.1deg);overflow:hidden}.art-frame::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(133,191,188,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(133,191,188,.035) 1px,transparent 1px);background-size:35px 35px;pointer-events:none}.art-header,.art-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:800;letter-spacing:1.8px;color:#7f9ba4;padding:17px 20px;border-bottom:1px solid var(--line)}.art-header>span:nth-child(2){margin-right:auto;margin-left:8px}.art-header-dot{width:7px;height:7px;background:var(--mint);border-radius:50%}.art-footer{border-top:1px solid var(--line);border-bottom:0}.art-footer>span:first-child{display:flex;align-items:center;gap:9px}.signal-square{display:inline-block;width:8px;height:8px;background:var(--mint)}.network-art{height:382px;position:relative;overflow:hidden}.network-lines{position:absolute;width:100%;height:100%;inset:0}.network-road{fill:none;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.network-road.dim{stroke:rgba(76,153,155,.15);stroke-width:17}.network-road.bright{stroke:url(#pathline);stroke-width:4;stroke-dasharray:8 8;opacity:.68}.map-stamp{position:absolute;display:flex;align-items:center;gap:12px;min-width:194px;border:1px solid rgba(148,225,212,.27);background:rgba(8,22,32,.94);padding:11px 13px;border-radius:8px;box-shadow:0 13px 33px rgba(0,0,0,.3)}.map-stamp strong,.map-stamp small{display:block;line-height:1.5}.map-stamp strong{color:#e7f8f3;font-size:11px;letter-spacing:.7px}.map-stamp small{color:#71929a;font-size:8px;font-weight:700;letter-spacing:1.25px}.stamp-icon{display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;border-radius:7px}.stamp-green{background:#17443d;color:#a1f5ce}.stamp-blue{background:#182d47;color:#8eb8ff}.stamp-amber{background:#3b3429;color:#f8d79f}.stamp-one{top:36px;left:33px}.stamp-two{top:160px;right:16px}.stamp-three{bottom:27px;left:40px}.floating-label{position:absolute;bottom:-6px;right:-22px;display:flex;align-items:center;gap:10px;padding:11px 16px;border:1px solid #306768;background:#0a2530;transform:rotate(-3deg);border-radius:6px;color:#b6e6db;font-size:9px;font-weight:800;letter-spacing:1px;box-shadow:0 15px 34px rgba(0,0,0,.25)}.small-cross{color:var(--mint);font-size:16px}.hero-bottom{position:absolute;bottom:25px;left:0;right:0;display:flex;align-items:center;gap:16px;font-size:9px;color:#587481;letter-spacing:2px;font-weight:800}.hero-bottom span:last-child{margin-left:auto}.scroll-line{width:75px;height:1px;background:#36565e}
.section{padding-top:100px;padding-bottom:38px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:38px;margin-bottom:38px}.section-eyebrow{font-size:10px;letter-spacing:2.3px;margin-bottom:18px}.section h2{font-size:clamp(34px,4.5vw,62px);letter-spacing:-3.2px;line-height:1.05;font-weight:950;margin:0}.section h2 span{color:var(--mint)}.section-top>p{color:#98adba;max-width:354px;font-size:14px;line-height:1.85;margin:0 0 4px}
.project-grid{display:grid;grid-template-columns:1.34fr 1fr 1fr;gap:17px}.project-card{position:relative;min-height:418px;background:linear-gradient(165deg,#12273a,#0c1b2b 72%);border:1px solid var(--line);border-radius:13px;overflow:hidden;padding:23px;display:flex;flex-direction:column;transition:transform .22s,border-color .22s,box-shadow .22s}.project-card:hover{transform:translateY(-7px);border-color:rgba(165,246,209,.45);box-shadow:0 25px 50px rgba(0,0,0,.18)}.main-project{background:linear-gradient(149deg,#173d40 0%,#112c39 40%,#0d2130 100%)}.card-top{display:flex;justify-content:space-between;align-items:center}.project-index{font-size:10px;letter-spacing:1.9px;color:#9db4c0;font-weight:800}.circle-arrow{width:32px;height:32px;border:1px solid rgba(181,227,226,.25);border-radius:50%;display:grid;place-items:center}.circle-arrow .ico{width:15px;height:15px}.card-visual{height:126px;position:relative;margin:10px -23px 12px;overflow:hidden}.route-visual .route-graphic{font-size:89px;font-weight:950;letter-spacing:-8px;color:rgba(194,255,226,.17);position:absolute;left:32px;top:-24px}.route-visual .route-graphic span{color:rgba(194,255,226,.31)}.route-visual>svg{position:absolute;left:0;bottom:0;width:100%;height:100%;fill:none;stroke:rgba(147,230,214,.3);stroke-width:3}.route-visual>svg circle{fill:#b3efd9;stroke:none}.project-info{margin-top:auto}.project-tag{font-size:9px;letter-spacing:1.8px;font-weight:830;color:var(--mint)}.project-card h3{font-size:29px;letter-spacing:-1.5px;line-height:1.13;margin:15px 0}.project-card p{font-size:12px;color:#9cb2bc;line-height:1.8;margin:0 0 16px}.inline-link{display:inline-flex;align-items:center;gap:10px;color:#d6eee7;font-size:11px;font-weight:800}.inline-link .ico{width:14px;height:14px}.card-small-icon{margin-top:42px;margin-bottom:37px;width:84px;height:84px;border-radius:19px;display:grid;place-items:center;transform:rotate(-9deg)}.card-small-icon .ico{width:41px;height:41px;stroke-width:1.25}.map-tile{background:linear-gradient(120deg,#155754,#16454d);color:#9af1d5;box-shadow:20px 20px 0 rgba(24,92,91,.18)}.terminal-tile{background:linear-gradient(120deg,#1f426d,#1c3153);color:#a4cfff;box-shadow:20px 20px 0 rgba(22,63,99,.2)}
.omsi-section{padding-top:120px}.feature-panel{display:grid;grid-template-columns:1fr .95fr;min-height:460px;overflow:hidden;border-radius:16px;border:1px solid rgba(157,223,224,.17);background:linear-gradient(110deg,#112738,#102632)}.feature-copy{padding:57px 46px}.feature-copy h2{font-size:clamp(34px,4vw,55px)}.feature-copy p:not(.eyebrow){font-size:13px;max-width:445px;line-height:1.95;color:#a6b8c2;margin:22px 0 26px}.feature-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.text-link{display:inline-flex;gap:9px;align-items:center;font-size:12px;font-weight:800;color:var(--mint)}.text-link .ico{width:15px;height:15px}.feature-visual{position:relative;overflow:hidden;min-height:400px;background:radial-gradient(circle at 69% 31%,#2c6d78,#173e4f 36%,#102839 75%)}.feature-visual::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 36px,rgba(155,231,218,.04) 36px 37px),repeating-linear-gradient(90deg,transparent 0 36px,rgba(155,231,218,.04) 36px 37px)}.sun{position:absolute;right:65px;top:59px;width:124px;height:124px;border-radius:50%;background:rgba(160,242,201,.11);border:1px solid rgba(178,239,216,.3);box-shadow:0 0 0 40px rgba(173,247,215,.03),0 0 0 90px rgba(173,247,215,.025)}.road{position:absolute;width:110%;height:100px;background:rgba(13,34,45,.5);transform:rotate(-15deg);bottom:43px;left:-5%}.road-back{bottom:145px;background:rgba(93,166,162,.12)}.bus-illustration{position:absolute;width:92%;height:auto;bottom:55px;left:5%;filter:drop-shadow(0 30px 13px rgba(0,0,0,.18))}.bus-route-label{position:absolute;left:35px;top:29px;font-size:10px;color:#a6d7d4;letter-spacing:1.6px;font-weight:800}.bus-route-label strong{font-size:16px;color:#d7ffe8;padding:3px 8px;margin-left:4px;border:1px solid rgba(178,246,220,.4)}.feature-cross{position:absolute;color:#b6fce4;font-size:22px}.feature-cross.one{right:22px;bottom:27px}.feature-cross.two{left:38px;bottom:35px}
.stream-section{padding-top:138px;padding-bottom:70px;display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:64px}.stream-left p:not(.eyebrow){max-width:455px;line-height:1.9;color:#9cb0bd;font-size:14px;margin:24px 0 28px}.stream-right{padding:0 0 0 28px}.stream-card{position:relative;background:linear-gradient(147deg,#30305b,#1d2542 45%,#181d33);border:1px solid #444969;border-radius:14px;min-height:313px;padding:23px 26px;overflow:hidden}.stream-card::before{content:"";width:360px;height:360px;background:radial-gradient(circle,rgba(151,115,240,.32),transparent 65%);position:absolute;top:-160px;right:-100px}.stream-card::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 47px,rgba(225,217,255,.035) 48px),repeating-linear-gradient(90deg,transparent 0 47px,rgba(225,217,255,.035) 48px)}.stream-card-top,.stream-card-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;color:#b3aee4;font-size:9px;letter-spacing:1.7px;font-weight:900}.camera-circle{width:9px;height:9px;border-radius:50%;background:#e7aafa;box-shadow:0 0 0 6px rgba(231,170,250,.1)}.stream-icon{position:relative;z-index:1;display:grid;place-items:center;width:60px;height:60px;border-radius:15px;background:#d9bafa;color:#362953;margin-top:32px;margin-bottom:19px;transform:rotate(-8deg)}.stream-icon .ico{width:35px;height:35px}.stream-card>strong{position:relative;z-index:1;display:block;line-height:1.02;font-weight:950;letter-spacing:-2px;font-size:43px}.stream-card-footer{margin-top:29px}.stream-card-footer .ico{width:19px;height:19px}
.about-section{padding-top:107px;padding-bottom:113px;display:grid;grid-template-columns:1fr 1fr;gap:95px;border-top:1px solid var(--line);margin-top:46px}.about-content p{font-size:14px;color:#9db4c0;line-height:1.98;margin-bottom:17px}.about-content strong{color:#ecfff6}.about-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:27px}.about-pills span{padding:8px 11px;font-size:9px;font-weight:850;letter-spacing:1.1px;border:1px solid rgba(164,234,220,.21);border-radius:4px;color:#a1d8cd}
.end-banner{background:linear-gradient(111deg,#a7f5d1,#83cbd1);border-radius:17px;padding:51px 64px 48px;color:#0a2b36;margin-bottom:92px;position:relative;overflow:hidden}.end-banner::before{content:"";position:absolute;width:520px;height:520px;border:2px solid rgba(7,71,74,.11);border-radius:50%;right:-160px;top:-280px;box-shadow:0 0 0 70px rgba(10,78,83,.04),0 0 0 140px rgba(10,78,83,.04)}.end-banner>span{font-size:10px;font-weight:900;letter-spacing:2px;position:relative}.end-banner h2{font-size:clamp(32px,5vw,62px);letter-spacing:-2.7px;line-height:1.05;margin:15px 0 24px;position:relative}.end-banner h2 em{font-style:normal;color:#296c6b}.btn-light{position:relative;background:#092532;color:#cbffe5}
.site-footer{padding-bottom:23px}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px;align-items:start;padding-bottom:51px}.footer-top>p{font-size:12px;line-height:1.85;color:#7593a0}.footer-links{display:flex;flex-direction:column;gap:11px;justify-self:end}.footer-links a{font-size:12px;color:#acbec8;transition:color .2s}.footer-bottom{border-top:1px solid var(--line);padding-top:21px;display:flex;justify-content:space-between;gap:20px;color:#698797;font-size:11px}.footer-bottom>div{display:flex;gap:24px}.footer-bottom a:hover{color:var(--mint)}
/* Legal pages */.legal-main{padding-top:76px;padding-bottom:100px;min-height:62vh}.legal-main h1{font-size:clamp(38px,5vw,64px);line-height:1.05;letter-spacing:-2px;margin-bottom:24px}.legal-box{max-width:780px;background:var(--panel);border:1px solid var(--line);padding:30px;border-radius:13px;color:#b8c9d1}.legal-box h2{font-size:20px;color:var(--text);margin:32px 0 12px}.legal-box h2:first-child{margin-top:0}.legal-box p,.legal-box li{line-height:1.85}.legal-box a{color:var(--mint);text-decoration:underline}.notice-placeholder{padding:18px 20px;background:#422f1e;border:1px solid #987444;color:#ffe2b2;border-radius:9px;font-size:13px}
@media(max-width:1080px){.container{width:min(100% - 60px,1200px)}.nav-shell{gap:16px}.main-nav{gap:17px}.hero{gap:15px}.hero h1{font-size:clamp(45px,5.5vw,69px)}.project-card{min-height:440px;padding:19px}.card-visual{margin-left:-19px;margin-right:-19px}.feature-copy{padding:45px 35px}}
@media(max-width:830px){.nav-shell{height:76px}.mobile-menu{display:grid;place-items:center;margin-left:auto}.nav-cta{margin-left:auto}.main-nav{display:none;position:absolute;top:76px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:12px 30px 20px;background:#0b1d2c;border-bottom:1px solid var(--line);box-shadow:0 22px 40px rgba(0,0,0,.3)}.main-nav.is-open{display:flex}.main-nav a{padding:12px 0;font-size:14px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:70px;padding-bottom:80px}.hero-content{max-width:620px}.hero h1{font-size:clamp(52px,9vw,78px)}.hero-art{max-width:610px;width:100%;margin:38px auto 0}.hero-bottom{bottom:15px}.project-grid{grid-template-columns:1fr 1fr}.main-project{grid-column:span 2;min-height:315px}.main-project .card-visual{height:100px}.main-project .project-info{max-width:420px}.project-card{min-height:390px}.feature-panel{grid-template-columns:1fr}.feature-visual{min-height:330px}.bus-illustration{width:min(530px,94%);left:50%;transform:translateX(-50%);bottom:40px}.stream-section{grid-template-columns:1fr;gap:34px}.stream-right{padding:0}.about-section{gap:35px}.section-top{align-items:start;flex-direction:column;gap:14px}}
@media(max-width:600px){.container{width:calc(100% - 34px)}.nav-shell{height:70px}.brand-mark{width:39px;height:39px}.brand-mark-core{width:32px;height:32px}.brand-name{font-size:13px}.brand-name small{font-size:7px;letter-spacing:2px}.nav-cta{display:none}.main-nav{top:70px}.hero{padding-top:55px;padding-bottom:65px}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:23px}.hero h1{font-size:clamp(42px,11.5vw,70px);letter-spacing:-3px}.hero-lead{font-size:14px}.hero-actions{align-items:stretch}.hero-actions .btn{width:100%}.hero-tags{margin-top:29px;gap:12px}.hero-tags span{font-size:8px}.hero-art{padding:0;margin-top:34px}.network-art{height:280px}.map-stamp{padding:8px;min-width:158px;gap:7px}.map-stamp strong{font-size:9px}.map-stamp small{font-size:6px}.stamp-icon{width:30px;height:30px}.stamp-icon .ico{width:16px;height:16px}.stamp-one{left:13px;top:20px}.stamp-two{top:116px;right:10px}.stamp-three{bottom:23px;left:13px}.floating-label{display:none}.art-header,.art-footer{font-size:7px;padding:11px}.hero-bottom{bottom:16px}.hero-bottom span{font-size:8px}.scroll-line{width:22px}.section{padding-top:75px}.section h2{font-size:42px;letter-spacing:-2.3px}.section-top{margin-bottom:24px}.project-grid{grid-template-columns:1fr}.main-project{grid-column:auto;min-height:410px}.project-card{min-height:355px}.main-project .card-visual{height:123px}.card-small-icon{margin-top:24px;margin-bottom:28px}.omsi-section{padding-top:78px}.feature-copy{padding:35px 24px}.feature-copy h2{font-size:clamp(35px,10vw,48px)}.feature-visual{min-height:275px}.bus-illustration{bottom:16px}.stream-section{padding-top:85px}.stream-card{min-height:265px}.stream-card>strong{font-size:37px}.about-section{grid-template-columns:1fr;padding-top:80px;padding-bottom:66px}.end-banner{padding:37px 24px;margin-bottom:58px}.end-banner h2{font-size:35px;letter-spacing:-1.5px}.footer-top{grid-template-columns:1fr;gap:18px;padding-bottom:27px}.footer-links{justify-self:start}.footer-bottom{flex-direction:column;font-size:10px}.footer-bottom>div{flex-wrap:wrap;gap:15px}.legal-main{padding-top:46px}.legal-box{padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.legal-back{margin-left:auto}


/* --- Luftfrikadelle 1.2: Gaming-Unterseiten --- */
.game-section{padding-top:110px}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.game-grid .game-card{min-width:0}.game-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:390px;background:#0b1b2a;border:1px solid rgba(154,243,220,.14);border-radius:22px;text-decoration:none;color:#edfdf6;transition:transform .25s,border-color .25s,box-shadow .25s}.game-card:hover,.game-card:focus-visible{transform:translateY(-5px);border-color:#74e5c2;box-shadow:0 20px 50px #0007}.game-card-art{height:174px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 70% 20%,var(--glow,#397c80),transparent 52%),linear-gradient(130deg,var(--art1,#122b3b),var(--art2,#0c1524));border-bottom:1px solid #76a99b21}.game-tiny{position:absolute;top:19px;left:20px;font-size:9px;font-weight:800;letter-spacing:2px;color:#c7f8e8}.game-glyph{font-size:94px;font-weight:900;line-height:1;letter-spacing:-7px;color:var(--accent,#8ef5d0);opacity:.75;text-shadow:0 0 45px var(--glow,#8cf0c9)}.game-overlay-lines{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 44px,#bceaff07 45px,#bceaff07 46px);transform:skewX(-12deg)}.game-card-bottom{display:flex;flex-direction:column;flex:1;padding:25px}.game-tag{font-size:9px;font-weight:800;letter-spacing:1.5px;color:var(--accent,#8cf0c9)}.game-card h3{font-size:clamp(19px,2.2vw,27px);margin:13px 0 9px;line-height:1.16;color:#f1fff9;letter-spacing:-.7px}.game-card p{color:#9bb2bf;font-size:13px;line-height:1.65;margin:0}.game-card-action{display:block;margin-top:auto;padding-top:28px;font-weight:800;font-size:12px;color:var(--accent,#8cf0c9)}.game-card-action span{margin-left:7px}.game-dbd{--accent:#f6a1a9;--glow:#a32950;--art1:#371e31;--art2:#110f1b}.game-msfs{--accent:#7cd4ff;--glow:#165dbd;--art1:#143657;--art2:#0d2137}.game-arc{--accent:#efc18a;--glow:#bb853f;--art1:#483824;--art2:#16222c}.game-omsi{--accent:#8ce5c5;--glow:#2ca38e;--art1:#123b3d;--art2:#0b202c}.game-xbox{--accent:#b8ed9a;--glow:#4cba63;--art1:#16432d;--art2:#0b2526}.section-outro{padding:25px 0 0;text-align:right}.sub-main{padding-top:90px;padding-bottom:130px;min-height:75vh}.sub-intro{max-width:850px;margin-bottom:48px}.sub-intro h1,.tracker-top h1{font-size:clamp(42px,6vw,84px);line-height:1.04;letter-spacing:-3px;margin:18px 0}.sub-intro h1 span,.tracker-top h1 span{color:#8eeac9}.sub-intro>p:last-child,.tracker-top p{font-size:17px;line-height:1.7;color:#b1c4cc;max-width:740px}.large-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.breadcrumb{display:inline-block;margin-bottom:28px;text-decoration:none;color:#8fe9c9;font-size:13px;font-weight:800}.detail-hero{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:65px;border-radius:26px;overflow:hidden;position:relative;border:1px solid #ffffff26;background:radial-gradient(circle at 86% 17%,var(--glow),transparent 40%),linear-gradient(125deg,var(--art1),var(--art2))}.detail-hero-copy{position:relative;z-index:2;max-width:700px}.detail-hero h1{font-size:clamp(42px,5.7vw,80px);line-height:1.07;color:#fff;margin:10px 0 22px;letter-spacing:-2.5px}.detail-hero p:not(.eyebrow){color:#d7e3e7;font-size:17px;max-width:650px;line-height:1.7}.detail-symbol{font-size:clamp(90px,16vw,240px);font-weight:1000;letter-spacing:-10px;color:var(--accent);opacity:.31;transform:rotate(-10deg);pointer-events:none;white-space:nowrap}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin:27px 0}.tag-row span{padding:8px 12px;background:#ffffff14;border:1px solid #ffffff23;border-radius:30px;font-size:11px;letter-spacing:1px;font-weight:700;color:#e8f8f2}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.detail-tile{min-height:200px;padding:28px;background:#0c1c2a;border:1px solid #ffffff1c;border-radius:17px}.detail-num{font-size:10px;letter-spacing:2px;color:#8be5cb;font-weight:900}.detail-tile h3{font-size:22px;letter-spacing:-.6px;color:#edfdf6;margin:18px 0 10px}.detail-tile p{font-size:13px;color:#9bb1bd;line-height:1.7;margin:0}.sub-bottom-note{margin-top:36px;padding:28px 0;border-top:1px solid #ffffff1e}.sub-bottom-note span{color:#8cf3d1;font-size:10px;letter-spacing:2px;font-weight:800}.sub-bottom-note p{color:#a8bdc8}.sub-bottom-note a{color:#88e6c7}.tracker-top{display:flex;gap:30px;align-items:start;justify-content:space-between;margin-bottom:34px}.tracker-top h1{font-size:clamp(38px,5.5vw,76px)}.flight-status{display:flex;gap:10px;align-items:center;border:1px solid #3c6959;background:#113127;padding:12px 18px;border-radius:60px;color:#a5fbd1;font-size:12px;font-weight:900;letter-spacing:2px;flex-shrink:0}.flight-status i{width:9px;height:9px;background:#6aebae;border-radius:50%;box-shadow:0 0 12px #6aebae}.flight-status.offline{background:#242931;border-color:#414f59;color:#afbac3}.flight-status.offline i{background:#87939a;box-shadow:none}.tracker-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.tracker-stats>div{background:#0c1e2c;border:1px solid #ffffff1c;border-radius:16px;padding:21px;min-width:0}.tracker-stats small{display:block;color:#8fa6b4;font-weight:800;letter-spacing:1.3px;font-size:9px;margin-bottom:12px}.tracker-stats strong{font-size:clamp(17px,2.6vw,30px);color:#e9fff8;letter-spacing:-1px}.tracker-stats span{margin-left:6px;color:#7e9b9f;font-size:12px}.tracker-frame{position:relative;overflow:hidden;background:#091826;border:1px solid #355065;border-radius:24px;box-shadow:0 30px 70px #0006}.tracker-frame-title,.tracker-map-footer{display:flex;justify-content:space-between;gap:15px;padding:17px 23px;letter-spacing:1.2px;font-size:10px;font-weight:800;color:#86bfbd}.tracker-frame-title{border-bottom:1px solid #ffffff17}.tracker-map-footer{border-top:1px solid #ffffff17;color:#7e9aab}.world-map{width:100%;display:block;aspect-ratio:1000/520;background:#081725}.tracker-overlay{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);padding:24px 28px;text-align:center;border-radius:18px;background:#0b1c2aee;border:1px solid #86c0b34a;width:min(460px,86%);backdrop-filter:blur(8px);box-shadow:0 15px 50px #0009}.tracker-overlay[hidden]{display:none}.tracker-overlay b{display:block;font-size:20px;color:#f1fff8}.tracker-overlay span{display:block;font-size:12px;line-height:1.65;color:#a3bdc9;margin-top:12px}.tracker-bottom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}
@media(max-width:1000px){.game-grid,.large-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid,.tracker-bottom-grid{grid-template-columns:1fr 1fr}.detail-hero{padding:42px}.detail-symbol{font-size:130px}.tracker-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.game-grid,.large-grid,.detail-grid,.tracker-bottom-grid{grid-template-columns:1fr}.sub-main{padding-top:45px;padding-bottom:75px}.sub-intro h1,.tracker-top h1{letter-spacing:-1.8px}.game-section{padding-top:70px}.detail-hero{padding:30px 22px}.detail-hero h1{font-size:39px}.detail-symbol{display:none}.tracker-top{flex-direction:column}.tracker-stats{grid-template-columns:1fr 1fr}.tracker-stats>div{padding:13px}.tracker-frame-title,.tracker-map-footer{font-size:8px;padding:12px}.tracker-map-footer{flex-direction:column}.tracker-overlay{padding:14px}.tracker-overlay b{font-size:15px}.tracker-overlay span{font-size:10px}}


/* Luftfrikadelle Website 1.3: cinematic image banners for game cards. */
.game-card-art.with-photo {
  isolation:isolate;
  background:#111f2e;
}
.game-card-art.with-photo .game-art-image {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 48%;
  filter:brightness(.86) saturate(1.06);
  transition:transform .45s ease,filter .45s ease;
  z-index:0;
}
.game-card:hover .game-card-art.with-photo .game-art-image,
.game-card:focus-visible .game-card-art.with-photo .game-art-image {
  transform:scale(1.055);
  filter:brightness(1.01) saturate(1.1);
}
.game-card-art.with-photo::before {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(3,9,16,.61) 0%,rgba(3,9,16,.05) 40%,rgba(3,9,16,.30) 100%);
  z-index:1;
  pointer-events:none;
}
.game-card-art.with-photo .game-tiny {z-index:3;text-shadow:0 1px 8px #000e;}
.game-card-art.with-photo .game-glyph {display:none;}
.game-card-art.with-photo .game-overlay-lines {opacity:.26;z-index:2;pointer-events:none;}
@media (prefers-reduced-motion:reduce) {
  .game-card-art.with-photo .game-art-image {transition:none;}
  .game-card:hover .game-card-art.with-photo .game-art-image,
  .game-card:focus-visible .game-card-art.with-photo .game-art-image {transform:none;}
}