*{box-sizing:border-box}
html{background:#010912;scroll-behavior:smooth}
body{margin:0;background:#010912;color:#fff;font-family:Arial,Helvetica,sans-serif}
.page{position:relative;width:min(100%,1024px);margin:0 auto;line-height:0;background:#020b13}
.design{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.hotspot{position:absolute;display:block;z-index:5;border:0;background:transparent;padding:0;margin:0;cursor:pointer;text-decoration:none;border-radius:10px}
.hotspot:focus-visible{outline:2px solid #00cfff;outline-offset:2px;background:rgba(0,207,255,.08)}
.semantic-anchor{position:absolute;left:0;width:1px;height:1px;top:37.5%}
.app-anchor{top:63%}
/* Header */
.nav-home{left:20.2%;top:1.0%;width:5.1%;height:2.7%}.nav-app{left:26.4%;top:1.0%;width:5.3%;height:2.7%}.nav-live{left:32.5%;top:1.0%;width:7.2%;height:2.7%}.nav-shows{left:39.9%;top:1.0%;width:8.0%;height:2.7%}.nav-playlist{left:48.1%;top:1.0%;width:6.4%;height:2.7%}.nav-events{left:54.8%;top:1.0%;width:6.1%;height:2.7%}.nav-team{left:61.5%;top:1.0%;width:5.1%;height:2.7%}.nav-about{left:67.4%;top:1.0%;width:7.1%;height:2.7%}.nav-contact{left:75.0%;top:1.0%;width:6.3%;height:2.7%}.nav-chat{left:81.5%;top:.9%;width:15%;height:3.1%}
.hero-download{left:14.8%;top:20.2%;width:24.1%;height:3.2%}
/* 4 cards */
.feat-mobile{left:6.1%;top:25.2%;width:21.0%;height:11.8%}.feat-all{left:28.5%;top:25.2%;width:21.0%;height:11.8%}.feat-games{left:50.8%;top:25.2%;width:21.0%;height:11.8%}.feat-free{left:73.1%;top:25.2%;width:21.0%;height:11.8%}
/* interactive demo menu */
.demo-live{left:3.8%;top:45.8%;width:19.0%;height:2.5%}.demo-games{left:3.8%;top:48.4%;width:19.0%;height:2.5%}.demo-lounge{left:3.8%;top:51.0%;width:19.0%;height:2.5%}.demo-events{left:3.8%;top:53.6%;width:19.0%;height:2.5%}.demo-shows{left:3.8%;top:56.2%;width:19.0%;height:2.5%}
/* downloads */
.all-games{left:3.6%;top:69.7%;width:15.0%;height:2.6%}.googleplay{left:58.2%;top:69.6%;width:11.2%;height:3.5%}.appstore{left:69.7%;top:69.6%;width:10.7%;height:3.5%}.webapp{left:80.8%;top:69.6%;width:11.2%;height:3.5%}
/* FAQ */
.faq1{left:72.4%;top:77.3%;width:24%;height:1.65%}.faq2{left:72.4%;top:79.15%;width:24%;height:1.65%}.faq3{left:72.4%;top:81.0%;width:24%;height:1.65%}.faq4{left:72.4%;top:82.85%;width:24%;height:1.65%}.faq5{left:72.4%;top:84.70%;width:24%;height:1.65%}
/* socials */
.social-facebook{left:61.6%;top:93.7%;width:2.6%;height:2.2%}.social-instagram{left:65.8%;top:93.7%;width:3.0%;height:2.2%}.social-discord{left:70.3%;top:93.7%;width:3.0%;height:2.2%}.social-whatsapp{left:74.6%;top:93.7%;width:3.0%;height:2.2%}.social-youtube{left:79.2%;top:93.7%;width:3.2%;height:2.2%}.social-tiktok{left:83.7%;top:93.7%;width:3.0%;height:2.2%}
.dialog{border:1px solid #00cfff;border-radius:18px;background:linear-gradient(180deg,#061a28,#020a12);color:#fff;max-width:520px;width:calc(100% - 32px);box-shadow:0 0 35px rgba(0,207,255,.28);padding:28px 30px;line-height:1.5}
.dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(3px)}
.dialog h2{margin:0 36px 10px 0;color:#00d6ff;font-size:26px}.dialog p{margin:0;color:#d6e5ee;font-size:16px}.close{position:absolute;right:14px;top:10px;border:0;background:transparent;color:#00d6ff;font-size:34px;cursor:pointer}
@media(max-width:700px){.page{width:100%}.dialog h2{font-size:22px}.dialog p{font-size:15px}}
/* Einheitliche MoonFire-Hauptnavigation – wie auf der Startseite */
.mf-top-nav{position:absolute;z-index:50;left:20.5%;top:0;width:78.0%;height:5.54%;display:flex;align-items:center;justify-content:space-between;gap:.2%;padding:0 .65%;background:#02070d;border-bottom:1px solid rgba(0,200,255,.28);white-space:nowrap;overflow:hidden;line-height:1;font-family:Arial,Helvetica,sans-serif}
.mf-top-nav-item{position:relative;display:flex;align-items:center;justify-content:center;height:100%;padding:0 .18%;color:#fff;font-size:clamp(6px,.92vw,10px);font-weight:700;line-height:1;text-transform:none;text-shadow:0 1px 3px #000;text-decoration:none;cursor:pointer}
.mf-top-nav-item:visited{color:#fff}.mf-top-nav-item:hover{color:#dff8ff}.mf-top-nav-item:focus-visible{outline:2px solid #fff;outline-offset:-4px;border-radius:4px}
.mf-top-nav-item.active,.mf-top-nav-item.active:visited{color:#00d8ff}
.mf-top-nav-item.active::after{content:"";position:absolute;left:8%;right:8%;bottom:25%;height:2px;background:#00d8ff;border-radius:2px;box-shadow:0 0 8px rgba(0,216,255,.55)}