*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:#06111c;color:#f4f7fc;font-family:Inter,Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.header{height:84px;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:0 max(5%,calc((100vw - 1350px)/2));background:#06111cf5;border-bottom:1px solid #1b2d3d;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.logo{display:flex;align-items:center;gap:15px;flex-shrink:0;font-size:30px;font-weight:850;letter-spacing:1px;line-height:1}.logo b{color:#1bbcf9}.logo small{display:block;font-size:8px;letter-spacing:2.1px;font-weight:650;margin-top:9px}.logo svg{width:63px;height:52px;fill:none;stroke:#22c0ff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.header nav{display:flex;align-items:center;gap:32px;font-size:13px}.header nav a:hover,.header nav a:first-child{color:#22c0ff}.menu{display:none}.hero{min-height:505px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 78% 50%,#132b69 0%,#081327 55%,#050b14 100%)}.hero-image{position:absolute;inset:0 0 0 37%;background:url('assets/hero.webp') center right/cover no-repeat}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#050c16 0%,#050c16f5 28%,#050c16a3 49%,transparent 75%);pointer-events:none}.hero-inner{max-width:1350px;margin:auto;padding:68px 5%;position:relative;z-index:1}.hero-text{max-width:480px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;margin:0 0 20px}.cyan{color:#20c0ff}.hero h1{font-size:clamp(43px,5vw,66px);line-height:1.04;letter-spacing:-1.6px;margin:0 0 22px;font-weight:850}.hero h1 em{font-style:normal;color:#19bdf7}.hero-text>p:not(.eyebrow){font-size:16px;line-height:1.65;max-width:450px}.buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:11px 21px;border:1px solid #c7d7e4;border-radius:7px;font-weight:650;font-size:13px;background:#06111c44;transition:.2s}.btn:hover{border-color:#1fc3ff;color:#22c0ff}.btn.filled{background:#1bbcf2;color:#06111c;border-color:#1bbcf2}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:25px max(5%,calc((100vw - 1350px)/2));background:#071722;border-block:1px solid #1a2d3c}.features>div{display:flex;align-items:center;gap:17px;padding:5px 20px;border-right:1px solid #2a3a47;font-size:14px;font-weight:700}.features>div:last-child{border:0}.features small{display:block;color:#b8c3d0;font-size:12px;font-weight:400;margin-top:5px}.feature-icon{font-size:35px}.section{max-width:1350px;margin:auto;padding:48px 5%}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-title .eyebrow{margin-bottom:8px}h2{font-size:clamp(26px,3vw,36px);line-height:1.2;margin:0 0 17px;letter-spacing:-.5px}.section-title h2{margin:0}.tiny{font-size:12px;white-space:nowrap}.games{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.game{min-width:0}.cover{position:relative;aspect-ratio:1.34;border-radius:10px;overflow:hidden;background:#17283b}.cover img{width:100%;height:100%;object-fit:cover;display:block}.platform{position:absolute;top:10px;left:10px;background:#101a2be8;border-radius:5px;padding:7px 11px;font-size:12px}.platform.switch{background:#f5223e}.game h3{font-size:15px;line-height:1.4;margin:12px 0 9px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span{font-size:11px;border:1px solid #27445a;border-radius:5px;background:#0c2334;padding:5px 8px}.panels{max-width:1350px;margin:0 auto;display:grid;grid-template-columns:1.65fr 1fr;gap:15px;padding:8px 5% 0}.panel{min-height:240px;border:1px solid #293a4b;border-radius:12px;padding:28px 24px;overflow:hidden;background-size:cover;background-position:center;position:relative}.panel:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06111ce8,#06111cc7 50%,#06111c20)}.panel>*{position:relative}.panel .eyebrow{margin-bottom:10px}.panel h2{font-size:27px;margin-bottom:10px}.panel p:not(.eyebrow){font-size:14px;line-height:1.55;max-width:400px}.panel .btn{margin-top:6px}.signal{background-image:url('assets/signal.webp')}.rig{background-image:url('assets/rig.webp')}.about{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:55px}.about p:not(.eyebrow){line-height:1.7;font-size:15px;color:#d3dce7}.about .btn{margin-top:12px}.about img{width:100%;border-radius:12px}.setup{padding-top:25px;padding-bottom:70px}.setup-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.setup-grid article{background:#0c2232;border:1px solid #263e51;border-radius:12px;padding:25px}.setup-grid article>span{font-size:36px;color:#25bff9}.setup-grid h3{margin:16px 0 8px}.setup-grid p{color:#afbdc9;margin:0}footer{border-top:1px solid #203241;padding:25px 5% 18px}.footer-top,.footer-bottom{max-width:1220px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-top .logo{font-size:25px}.footer-top .logo svg{width:49px}.footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:12px}.footer-bottom{border-top:1px solid #1b2e3e;margin-top:20px;padding-top:20px;font-size:12px;color:#aebcca}.footer-bottom>span:last-child{display:flex;gap:20px}@media(max-width:900px){.header{padding:0 5%;height:76px}.menu{display:flex;flex-direction:column;gap:5px;border:0;background:transparent;padding:12px;cursor:pointer}.menu span{height:2px;width:26px;background:#fff}.header nav{display:none;position:absolute;top:76px;left:0;right:0;background:#081725;flex-direction:column;align-items:stretch;gap:0;padding:12px 5%;border-bottom:1px solid #29445b}.header nav.open{display:flex}.header nav a{padding:14px}.features{grid-template-columns:repeat(2,1fr);gap:15px}.features>div:nth-child(2){border:0}.games{grid-template-columns:repeat(2,minmax(0,1fr))}.panels{grid-template-columns:1fr 1fr}.about{gap:25px}}@media(max-width:600px){.logo{font-size:24px;gap:8px}.logo svg{width:43px;height:39px}.logo small{font-size:6.5px;letter-spacing:1.4px}.hero{min-height:660px}.hero-image{inset:auto 0 0 0;height:350px;background-position:center}.hero:after{background:linear-gradient(180deg,#06111c 0%,#06111cf5 38%,#06111c88 64%,transparent 100%)}.hero-inner{padding:45px 6%}.hero h1{font-size:clamp(38px,10vw,55px)}.hero-text>p:not(.eyebrow){font-size:14px;line-height:1.55}.eyebrow{font-size:10px;letter-spacing:1.2px}.features{padding:22px 5%;gap:12px}.features>div{padding:10px 3px;gap:10px;font-size:12px}.feature-icon{font-size:25px}.features small{font-size:11px}.section{padding:38px 5%}.section-title{align-items:start}.tiny{font-size:10px;white-space:normal;max-width:115px;text-align:center;padding:8px}.games{gap:22px 12px}.cover{aspect-ratio:1.18}.game h3{font-size:13px}.tags span{font-size:10px}.panels{grid-template-columns:1fr;padding:0 5%}.panel{min-height:250px}.about{grid-template-columns:1fr}.about img{max-height:330px;object-fit:cover}.setup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.setup-grid article{padding:16px}.setup-grid h3{font-size:15px}.setup-grid p{font-size:12px}.footer-top,.footer-bottom{align-items:start;flex-direction:column}.footer-links{gap:14px}.footer-bottom{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.feature-icon svg{width:38px;height:38px;display:block}.setup-icon{display:inline-flex;align-items:center;justify-content:center}.setup-icon svg{width:56px;height:56px;display:block;color:#20bafa}@media(max-width:600px){.feature-icon svg{width:28px;height:28px}.setup-icon svg{width:42px;height:42px}}
/* v4: Sticky-header-safe anchor navigation */
html{scroll-padding-top:110px}
[id]{scroll-margin-top:110px}
/* Remove platform overlays: platform branding is already part of cover artwork */
.platform{display:none!important}
/* Consistent game card alignment, even when names wrap */
.game{display:flex;flex-direction:column}
.game h3{min-height:3em;display:flex;align-items:flex-start;margin-bottom:10px}
.game .tags{margin-top:0}
@media(max-width:900px){html{scroll-padding-top:102px}[id]{scroll-margin-top:102px}}
@media(max-width:600px){.game h3{min-height:3.15em}.section-title{scroll-margin-top:110px}}
/* v5 lowercase branding */
.logo{letter-spacing:.1px}
/* areamg v14: native HTTP error pages */
.error-body{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 42%,#12325b 0%,#091c31 38%,#06111c 78%)}.error-header{position:relative;top:auto;flex-shrink:0}.error-main{width:100%;max-width:1100px;margin:auto;padding:65px 5% 80px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px}.error-copy{position:relative;z-index:1}.error-code{font-size:clamp(110px,19vw,240px);line-height:.92;font-weight:900;letter-spacing:-.09em;margin:12px 0 15px;color:#24bffa;text-shadow:0 0 70px #1cbfff55}.error-copy h1{font-size:clamp(28px,4.5vw,49px);line-height:1.13;margin:0 0 20px}.error-copy>p:not(.eyebrow){max-width:520px;color:#c5d4e3;line-height:1.7;font-size:16px}.error-copy .buttons{margin-top:32px}.error-art{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.error-orbit{width:78%;aspect-ratio:1;border:1px solid #1abaff65;border-radius:50%;box-shadow:0 0 70px #12b8ff1a,inset 0 0 65px #0aaaff13;display:flex;align-items:center;justify-content:center;position:relative}.error-orbit:before,.error-orbit:after{content:'';position:absolute;inset:12%;border:1px dashed #2d9ec05c;border-radius:50%}.error-orbit:after{inset:-12%;border-style:solid;border-color:#20bfff24}.error-orbit svg{width:65%;max-width:250px;fill:none;stroke:#20c0ff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 17px #12bfff88)}.error-footer{margin-top:auto}.error-footer .footer-bottom{border-top:0;margin-top:0;padding-top:0}@media(max-width:650px){.error-header{height:75px}.error-main{grid-template-columns:1fr;padding:46px 6% 55px;gap:8px}.error-code{font-size:clamp(100px,30vw,170px)}.error-copy>p:not(.eyebrow){font-size:14px}.error-art{position:absolute;right:-70px;top:145px;width:260px;opacity:.18;pointer-events:none}.error-footer{padding:22px 6%}.error-footer .footer-bottom{gap:10px}}
/* v15: WhatsApp-Kontakt nur auf der Startseite */
.whatsapp-float{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:999;display:inline-flex;align-items:center;gap:9px;padding:12px 17px;border-radius:999px;background:#25d366;color:#062d17!important;text-decoration:none;font-weight:800;font-size:14px;box-shadow:0 8px 28px #0008,0 0 20px #25d36640;transition:transform .2s ease,box-shadow .2s ease}
.whatsapp-float svg{width:25px;height:25px;flex:none}.whatsapp-float:hover,.whatsapp-float:focus-visible{transform:translateY(-3px);box-shadow:0 12px 32px #000a,0 0 24px #25d36677}.whatsapp-float:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:540px){.whatsapp-float{right:15px;bottom:max(16px,env(safe-area-inset-bottom));padding:13px}.whatsapp-float span{display:none}.whatsapp-float svg{width:27px;height:27px}}
/* Keep the embedded PS5 artwork badge fully visible on narrow screens. */
.cover img.cover-left{object-position:left center}
/* PlayStation brand mark: local SVG, correctly scaled */
.feature-icon .playstation-mark{display:block;width:38px;height:38px;object-fit:contain;filter:brightness(0) invert(1)}
.setup-icon .playstation-mark{display:block;width:56px;height:56px;object-fit:contain;filter:brightness(0) saturate(100%) invert(64%) sepia(83%) saturate(2424%) hue-rotate(157deg) brightness(103%) contrast(104%)}
@media(max-width:600px){.feature-icon .playstation-mark{width:28px;height:28px}.setup-icon .playstation-mark{width:42px;height:42px}}