:root{--bg:#0b0d12;--panel:#12161d;--ink:#f2f4f8;--muted:#a5adbb;--lime:#c6ff40}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{position:sticky;top:0;z-index:10;background:#0b0d12ed;border-bottom:1px solid #ffffff16;display:flex;align-items:center;justify-content:space-between;padding:22px 6%}.brand{font-weight:900;letter-spacing:2px}.brand span{color:var(--lime)}nav{display:flex;gap:32px;font-size:14px}nav a:hover,.secondary:hover{color:var(--lime)}#menu{display:none}section{padding:90px 7%;border-bottom:1px solid #ffffff14}.hero{min-height:730px;position:relative;overflow:hidden;display:flex;align-items:center}.grid{position:absolute;inset:0;background:linear-gradient(90deg,#0b0d12 5%,transparent),linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:auto,65px 65px,65px 65px;pointer-events:none}.hero-copy{position:relative;z-index:1;max-width:780px}.eyebrow{color:var(--lime);font:700 12px/1.5 monospace;letter-spacing:3px;margin:0 0 24px}h1{font-size:clamp(50px,6.6vw,100px);line-height:1.02;letter-spacing:-5px;margin:0 0 30px;font-weight:900}em{font-style:normal;color:var(--lime)}.intro{color:var(--muted);font-size:18px}.actions{display:flex;align-items:center;gap:30px;margin-top:36px}.button{display:inline-flex;justify-content:space-between;gap:35px;padding:17px 24px;background:var(--lime);color:#111704;font-size:12px;letter-spacing:1px;font-weight:900;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 35px #c6ff4029}.secondary{font-size:13px}.emblem{position:absolute;right:8%;top:22%;width:340px;height:340px;display:grid;place-content:center;text-align:center;transform:rotate(-12deg);color:var(--lime)}.emblem strong{font-size:175px;line-height:1;text-shadow:15px 15px 0 #c6ff4014}.emblem strong span{font-size:65px}.emblem small{font:10px monospace;letter-spacing:4px;margin-top:25px}.orbit{position:absolute;inset:0;border:1px solid #c6ff4035;border-radius:50%;box-shadow:0 0 100px #c6ff400a;animation:spin 35s linear infinite}.orbit:before{content:'';position:absolute;inset:25px;border:1px dashed #c6ff4040;transform:rotate(45deg)}.hero-foot{position:absolute;bottom:30px;left:7%;right:7%;display:flex;justify-content:space-between;color:var(--muted);font:10px monospace;letter-spacing:2px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}h2{font-size:clamp(34px,4vw,58px);line-height:1.12;letter-spacing:-2px;margin:0 0 28px}.large{font-size:24px;color:var(--ink);margin-top:0}p{color:var(--muted)}.note{font-size:12px;max-width:620px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:40px}.tiny{font:10px monospace;color:var(--muted);letter-spacing:2px;margin-bottom:30px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}article{background:var(--panel);border:1px solid #ffffff12;padding:28px;transition:border-color .2s,transform .2s}article:hover{border-color:var(--lime);transform:translateY(-5px)}.number{font:12px monospace;color:var(--muted)}.symbol{font-size:65px;color:var(--lime);margin:25px 0}h3{font-size:25px;margin:0}.tag{font:10px monospace;letter-spacing:1px;color:var(--lime);display:block;margin-top:30px}.community{text-align:center;background:radial-gradient(ellipse at bottom,#c6ff400d,transparent 70%);padding:110px 7%}.community .note{margin:25px auto 0}.community .button{margin-top:24px}footer{padding:32px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}footer button{background:none;color:var(--muted);border:1px solid #ffffff30;padding:7px 12px}a:focus-visible,button:focus-visible{outline:3px solid var(--lime);outline-offset:6px}.no-effects *{animation:none!important;transition:none!important}.no-effects{scroll-behavior:auto}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1150px){.emblem{right:-90px;opacity:.3}.hero-copy{max-width:750px}}@media(max-width:700px){header{padding:18px 6%}.brand{font-size:14px}#menu{display:block;background:none;border:0;color:var(--ink);font-size:24px}nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--panel);padding:25px 6%;flex-direction:column;gap:20px}nav.open{display:flex}section{padding:65px 7%}.hero{min-height:690px}h1{letter-spacing:-2px}.emblem{right:-150px;top:150px}.intro{font-size:16px}.actions{align-items:start;flex-direction:column;gap:20px}.hero-foot span:last-child{display:none}.split,.cards{grid-template-columns:1fr;gap:25px}.section-head{display:block}.tiny{display:none}.large{font-size:21px}footer{flex-wrap:wrap}.community{padding:80px 7%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

.social-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:25px}.centered{justify-content:center}.legal{display:flex;gap:20px}
/* BYTEBANDIT: obsidian, embers and forged gold */
:root{--bg:#080605;--panel:#15100d;--ink:#fff4df;--muted:#bfb1a3;--lime:#ffab32}
body{background:radial-gradient(ellipse at 90% 10%,#71210b21,transparent 35%),#080605}
header{padding:12px 5%;background:#090605f5;border-bottom:1px solid #f573263f;box-shadow:0 5px 35px #0008}
.brand{display:flex;align-items:center;gap:12px;letter-spacing:2px}.brand img{width:54px;height:54px;object-fit:contain}.brand span{font-size:9px;letter-spacing:3px;color:#dc9147}nav{gap:25px}nav a{font-size:13px}nav a:hover{color:#ffc05c}
section{border-bottom:1px solid #b35d252b;padding:90px 6%}.hero{min-height:690px;display:grid;grid-template-columns:1fr 1.05fr;gap:40px;padding:90px 5% 110px;background:radial-gradient(ellipse at 80% 50%,#a636092a,transparent 65%),linear-gradient(135deg,#090605,#160b07 65%,#080605)}
.grid{background:repeating-linear-gradient(125deg,transparent 0 100px,#ff8a1405 101px 102px);opacity:.8}.hero-copy{max-width:none}h1{font-size:clamp(42px,4.9vw,78px);letter-spacing:-2px;line-height:1.05}h1 em,h2 em{color:#ffad36;text-shadow:0 0 35px #ff661526}h1 em{background:linear-gradient(#ffe5a2,#ffa92e 52%,#e85b16);background-clip:text;-webkit-background-clip:text;color:transparent}
.eyebrow{font-size:10px;letter-spacing:2.3px;color:#f9a751}.intro{font-size:16px}.actions{gap:20px;flex-wrap:wrap}.button{background:linear-gradient(120deg,#ffbd52,#f47b24);color:#1d0a00;border:1px solid #ffd78a;box-shadow:inset 0 1px #fff7,0 4px 20px #ed641518;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.button:hover{box-shadow:0 8px 35px #f4732538;background:linear-gradient(120deg,#ffd185,#ff963d)}
.hero-art{position:relative;z-index:1;min-width:0}.art-frame{border:1px solid #b5683280;padding:7px;background:#060403;box-shadow:0 0 70px #e24b1122,inset 0 0 20px #f575161c;position:relative}.art-frame:before,.art-frame:after{content:'';position:absolute;width:50px;height:3px;background:#ffc461;box-shadow:0 0 18px #fb721a;left:-1px;top:-2px}.art-frame:after{left:auto;top:auto;right:-1px;bottom:-2px}.animated-banner{display:block;width:100%;height:auto}.still-logo{display:none;width:100%;height:auto;max-height:300px;object-fit:contain}.art-caption{display:flex;justify-content:space-between;gap:8px;font:9px monospace;letter-spacing:1.3px;color:#c69468;margin-top:20px}.art-caption b{color:#ff9433}.hero-foot{left:5%;right:5%;color:#9e7e67}.about-logo{display:block;width:min(300px,80%);height:auto;margin:25px auto 0;filter:drop-shadow(0 8px 22px #ff62091a)}
article{background:linear-gradient(145deg,#21150f,#100b08);border-color:#c873343d;box-shadow:inset 0 1px #ffa44c12;position:relative}article:after{content:'';position:absolute;left:28px;bottom:0;width:45px;height:2px;background:#f98c30;box-shadow:0 0 16px #ff6f25}article:hover{border-color:#ef9c4e}.symbol{color:#ffac40;text-shadow:0 0 22px #f76c2730}.tag{color:#dca36a}.number{color:#b78b67}h2{font-size:clamp(34px,3.7vw,55px)}.community{background:radial-gradient(ellipse at bottom,#c84c1521,transparent 75%),#0b0705}footer{border-top:1px solid #9a542f30;background:#060403}footer .brand{font-size:13px}.legal a:hover{color:#ffbd52}.no-effects .animated-banner{display:none}.no-effects .still-logo{display:block}.no-effects .about-logo{filter:none}
@media(max-width:1050px){.hero{grid-template-columns:1fr;padding-top:65px;gap:45px}.hero-copy{max-width:760px}.hero-art{max-width:760px;width:100%;margin:auto}h1{font-size:clamp(48px,7.5vw,78px)}.hero-foot{position:static;grid-column:1;margin-top:10px}.hero{padding-bottom:40px}nav{gap:16px}}
@media(max-width:700px){header{padding:10px 5%}.brand{font-size:12px;gap:8px}.brand img{width:42px;height:42px}.brand span{display:none}nav{top:63px;background:#120b07;border-bottom:1px solid #a75c2c55}.hero{padding:55px 6% 30px;min-height:0;gap:36px}h1{font-size:clamp(40px,9vw,63px)}.actions{align-items:flex-start}.art-caption{font-size:8px;letter-spacing:.4px}.hero-foot{font-size:8px}.about-logo{width:220px}.split{gap:30px}section{padding:65px 6%}.social-links .button{font-size:11px;padding:14px 18px}.community .button{margin-top:0}.legal{flex-wrap:wrap}.community{padding:70px 6%}}
@media(prefers-reduced-motion:reduce){.animated-banner{display:none}.still-logo{display:block}}
.nsm-section{background:radial-gradient(ellipse at 0 50%,#8b360e26,transparent 65%),#0d0907}.nsm-label{display:inline-block;font:700 11px monospace;letter-spacing:4px;color:#e6be89;border-left:3px solid #ff9a35;padding:5px 12px;margin-bottom:26px}.nsm-panel{background:linear-gradient(145deg,#24170f,#100b08);border:1px solid #b36c3555;padding:32px;align-self:center;box-shadow:inset 0 2px #ffad3630}.nsm-panel h3{font-size:26px}.nsm-panel ol{padding-left:20px;color:var(--muted)}.nsm-panel li{padding-left:5px;margin-bottom:14px}.nsm-panel strong{color:#ffbe6a}.nsm-panel label{display:block;font:10px monospace;letter-spacing:2px;color:#e1ac70;margin-top:26px}.server-id{display:block;width:100%;min-width:0;background:#080605;color:#ffe3b7;border:1px solid #ad6d3d66;padding:13px 10px;font:12px monospace;margin-top:9px;border-radius:0}.server-id:focus{outline:2px solid #ffad36;outline-offset:3px}.nsm-websites{display:flex;flex-direction:column;gap:10px;font-size:13px;color:#ffb85d;margin-top:22px}.nsm-websites a:hover{text-decoration:underline}@media(max-width:700px){.nsm-panel{padding:22px}.server-id{font-size:10px}}@media(min-width:701px) and (max-width:1150px){header nav{gap:12px}header nav a{font-size:11px}.nsm-section .split{gap:30px}.server-id{font-size:10px}}
/* Individuelle Bildwelten und klar abgegrenzte Abschnitte */
main>section{position:relative;isolation:isolate;border-bottom:1px solid #e8953c38;box-shadow:inset 0 1px #ffe0b008}main>section:before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(180deg,#080605 0,transparent 65px,transparent calc(100% - 65px),#080605 100%)}
#about{background:radial-gradient(ellipse at 12% 55%,#9b3b1530,transparent 60%),repeating-linear-gradient(135deg,#120c09 0 3px,#160e09 3px 5px);border-left:3px solid #c87c32}.about-logo{background:#000;border:1px solid #a9642e44;padding:5px;box-shadow:0 12px 40px #0009}
#worlds{background:radial-gradient(ellipse at 80% 0,#7a390e36,transparent 70%),linear-gradient(150deg,#1b1009,#090706)}#worlds article{box-shadow:0 15px 40px #0008,inset 0 1px #ffbb5930}#videos{background:linear-gradient(90deg,#0a0706ed,#180e08d9),url('assets/banner.gif') center/cover}#videos:after{content:'';position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(0deg,transparent 0 6px,#0002 7px 8px);pointer-events:none}
#nordstreitmacht{background:linear-gradient(90deg,#041019ed 0,#07121bea 44%,#06131cbb 100%),url('assets/nordstreitmacht.jpg') center/cover;border-top:1px solid #75bfe26b;border-bottom:1px solid #75bfe26b}.nsm-section .eyebrow{color:#9ad7f5}.nsm-section h2 em{color:#b2e5ff;text-shadow:0 0 35px #48b5ff26}.nsm-label{color:#c7edff;border-color:#74c9f6}.nsm-panel{background:linear-gradient(145deg,#0b1a24f5,#060d14f2);border-color:#6babc253;box-shadow:inset 0 2px #a0dcff30;margin-top:16px;padding:25px}.nsm-banner{display:block;width:100%;height:auto;border:1px solid #7cb4c86e;box-shadow:0 16px 50px #0007}.nsm-section .split{align-items:center}.nsm-panel strong,.nsm-panel label,.nsm-websites{color:#b6e7ff}.nsm-panel .server-id{background:#040b11;border-color:#5288a361}.nsm-section .button{background:linear-gradient(120deg,#c7eeff,#74bfe5);border-color:#c7eeff;color:#061521}.nsm-section .secondary{color:#d3eafa}
#partners{background:linear-gradient(90deg,#100905ef 0,#130c08db 38%,#0b070649 80%),linear-gradient(0deg,#080605,transparent 35%,transparent 75%,#080605),url('assets/draco-hall.webp') center/cover;min-height:520px}#partners .split{align-items:center}#partners .split>div{padding:25px 30px;border-left:2px solid #f5ad49;background:linear-gradient(90deg,#100905e8,#1009058a);max-width:560px;box-shadow:0 20px 50px #0004}.draco-logo{display:block;float:right;width:135px;height:135px;object-fit:contain;margin:-10px 0 15px 15px;filter:drop-shadow(0 0 20px #ed8b3326)}#community{background:radial-gradient(ellipse at center,#71330c38,transparent 70%),repeating-linear-gradient(45deg,#180f09 0 1px,#0c0806 1px 22px)}
.no-effects #videos{background:linear-gradient(120deg,#1d1008,#090605)}@media(prefers-reduced-motion:reduce){#videos{background:linear-gradient(120deg,#1d1008,#090605)}}@media(max-width:700px){#nordstreitmacht{background:linear-gradient(#06131aeb,#07121bf2),url('assets/nordstreitmacht.jpg') center/cover}#partners{background:linear-gradient(#100905ca,#100905f2),url('assets/draco-hall.webp') 65% center/cover}#partners .split>div{padding:22px}.draco-logo{width:100px;height:100px}.nsm-panel{padding:20px}}
.about-logo{background:transparent;border:0;padding:0;box-shadow:none;filter:drop-shadow(0 8px 22px #ff62091a)}
/* Startanimation */
.start-intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 65%,#7a280d66,transparent 58%),#070403;color:#fff0d8;overflow:hidden;transition:opacity .4s,visibility .4s}.intro-center{text-align:center;position:relative;padding:30px 20px;animation:intro-reveal .85s ease-out both}.intro-center img{width:min(270px,48vw);height:auto;filter:drop-shadow(0 0 35px #ff660b55);animation:intro-logo 2.8s ease-out both}.intro-center .eyebrow{font-size:9px;letter-spacing:2px;margin:18px 0}.intro-title{font-size:clamp(30px,7vw,57px);font-weight:900;letter-spacing:7px;line-height:1.1;color:#ffe2ab;margin:12px 0}.intro-title span{color:#ff9d2d}.intro-subtitle{font:10px monospace;letter-spacing:4px;color:#cba781}.intro-progress{width:180px;height:2px;background:#ffffff16;margin:26px auto 0;overflow:hidden}.intro-progress span{display:block;height:100%;background:#ffb447;box-shadow:0 0 15px #f57022;transform-origin:left;animation:intro-load 3.2s linear both}.intro-skip{position:absolute;right:25px;bottom:25px;padding:10px 16px;border:1px solid #d995474f;background:#140b07;color:#e7c295;font-size:12px}.intro-skip:hover{border-color:#ffbd65;color:#fff1d9}.intro-embers{position:absolute;inset:-20%;opacity:.55;background:radial-gradient(circle at 15% 80%,#ffa43a 0 1px,transparent 3px),radial-gradient(circle at 75% 70%,#ff651c 0 2px,transparent 4px),radial-gradient(circle at 35% 55%,#ffc878 0 1px,transparent 3px),radial-gradient(circle at 85% 35%,#ff811b 0 1px,transparent 3px),radial-gradient(circle at 60% 90%,#ffb536 0 1px,transparent 3px);background-size:310px 370px;animation:intro-embers 4s linear both;pointer-events:none}.intro-leaving{opacity:0;visibility:hidden;pointer-events:none}@keyframes intro-reveal{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes intro-logo{from{transform:scale(.85);filter:drop-shadow(0 0 3px #ff660b22)}to{transform:scale(1);filter:drop-shadow(0 0 35px #ff660b55)}}@keyframes intro-load{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes intro-embers{from{transform:translateY(40px);opacity:0}30%{opacity:.55}to{transform:translateY(-120px);opacity:.15}}@media(prefers-reduced-motion:reduce){.start-intro{display:none}}@media(max-height:600px){.intro-center img{width:140px}.intro-center .eyebrow{margin:10px 0}.intro-title{font-size:30px}.intro-skip{bottom:12px;right:12px}}
/* Explosiver Intro-Auftritt – ein Glutstoß, keine Blitzfolge */
.start-intro{background:radial-gradient(ellipse at 50% 52%,#8d2a1740,transparent 65%),#050302}.intro-center{animation:intro-impact 1.4s cubic-bezier(.16,1,.3,1) both}.intro-center img{animation:intro-logo-impact 6.2s ease-out both}.intro-title{animation:intro-type-impact 1.6s ease-out both;text-shadow:0 0 28px #fa6c2740}.intro-subtitle{animation:intro-caption 2.2s ease-out both}.intro-progress span{animation-duration:6.2s}.intro-embers{opacity:.8;background-size:180px 230px;animation:intro-embers-v2 6.2s ease-out both}.intro-blast{position:absolute;inset:-25%;pointer-events:none;background:radial-gradient(ellipse at center,#ffb34077 0,#ed5b1660 12%,#8b210b45 30%,transparent 60%);animation:intro-blast 2.2s ease-out both}.intro-shockwave{position:absolute;left:50%;top:48%;width:250px;height:250px;margin:-125px;border-radius:50%;border:2px solid #ffb95e;box-shadow:0 0 45px #ff812c77,inset 0 0 35px #ff812c55;pointer-events:none;animation:intro-shockwave 1.9s cubic-bezier(.1,.6,.3,1) both}.intro-sparks{position:absolute;inset:-25%;pointer-events:none;background:radial-gradient(ellipse at 20% 50%,#ffbd60 0 1px,transparent 4px),radial-gradient(ellipse at 68% 80%,#ff7b22 0 2px,transparent 5px),radial-gradient(ellipse at 80% 30%,#ffd68b 0 1px,transparent 4px),radial-gradient(ellipse at 40% 20%,#ffab41 0 1px,transparent 4px);background-size:150px 190px;animation:intro-spark-burst 5.8s ease-out both}.intro-skip{z-index:2}
@keyframes intro-impact{0%{opacity:0;transform:scale(.55) translateY(25px)}30%{opacity:1;transform:scale(1.07)}47%{transform:scale(.98)}65%,100%{opacity:1;transform:scale(1)}}
@keyframes intro-logo-impact{0%{transform:scale(.75);filter:drop-shadow(0 0 5px #ff660b22)}12%{transform:scale(1.06);filter:drop-shadow(0 0 65px #ff660bb0)}25%{transform:scale(1);filter:drop-shadow(0 0 35px #ff660b80)}100%{transform:scale(1.035);filter:drop-shadow(0 0 45px #ff660b70)}}
@keyframes intro-type-impact{0%,25%{opacity:0;letter-spacing:17px;transform:translateY(10px)}65%{opacity:1;letter-spacing:6px;transform:none}100%{opacity:1;letter-spacing:7px;transform:none}}
@keyframes intro-caption{0%,60%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:none}}
@keyframes intro-blast{0%{opacity:0;transform:scale(.25)}20%{opacity:1;transform:scale(.8)}100%{opacity:0;transform:scale(1.8)}}
@keyframes intro-shockwave{0%{opacity:0;transform:scale(.15)}12%{opacity:.9}100%{opacity:0;transform:scale(7)}}
@keyframes intro-spark-burst{0%{opacity:0;transform:scale(.4) rotate(-8deg)}12%{opacity:.95}55%{opacity:.65}100%{opacity:0;transform:scale(1.5) rotate(5deg) translateY(-80px)}}
@keyframes intro-embers-v2{0%{opacity:0;transform:translateY(80px) scale(.8)}15%{opacity:.8}100%{opacity:.15;transform:translateY(-180px) scale(1.15)}}
@media(max-width:700px){.intro-title{font-size:clamp(26px,7vw,42px)}.intro-shockwave{width:180px;height:180px;margin:-90px}.intro-center .eyebrow{letter-spacing:1px;font-size:8px}}