:root{
 --bg:#03040a;--panel:#070a13;--line:#172442;--text:#f4f7ff;--muted:#8e98ad;
 --blue:#08a8ff;--pink:#ff27c8;--max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 Arial,Helvetica,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}

/* ---------- STARTSEITE ---------- */
.home{min-height:100vh;overflow:hidden;background:#020309}
.background-art{
 position:fixed;inset:0;background:url("assets/nexis-hero.png") center center/cover no-repeat;
 transform:scale(1.035);z-index:0;
}
.background-overlay{
 position:fixed;inset:0;z-index:1;
 background:
   linear-gradient(180deg,rgba(2,3,9,.38),rgba(2,3,9,.58)),
   linear-gradient(90deg,rgba(2,3,9,.70),rgba(2,3,9,.15) 52%,rgba(2,3,9,.65));
}
.background-glow{position:fixed;width:480px;height:480px;border-radius:50%;filter:blur(120px);opacity:.12;z-index:1;pointer-events:none}
.glow-blue{background:#008cff;left:-220px;bottom:-180px}.glow-pink{background:#ff009d;right:-220px;top:0}

.home-header{position:fixed;left:0;right:0;top:0;height:78px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;z-index:5;background:linear-gradient(180deg,rgba(2,3,9,.65),transparent);border-bottom:1px solid rgba(255,255,255,.06)}
.mini-brand{display:flex;align-items:center;gap:10px}.mini-brand img{width:42px;height:42px;object-fit:cover;border-radius:10px;mix-blend-mode:screen}.mini-brand strong{display:block;letter-spacing:.3em;font-size:14px}.mini-brand small{display:block;color:#4dcaff;font-size:6px;letter-spacing:.35em;margin-top:1px}
.server-state{font-size:9px;letter-spacing:.12em;color:#d6dbe7}.server-state span{display:inline-block;width:7px;height:7px;background:#20e57a;border-radius:50%;box-shadow:0 0 10px #20e57a;margin-right:7px}
.landing{position:relative;z-index:3;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:110px 20px 90px}
.landing-content{width:min(850px,100%)}
.eyebrow{font-size:10px;font-weight:800;letter-spacing:.38em;color:#6ad5ff}
.landing h1{margin:18px 0 5px;font-size:clamp(85px,13vw,175px);line-height:.78;letter-spacing:.12em;padding-left:.12em;background:linear-gradient(90deg,#41dfff,#fff 45%,#ff58dd);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 45px rgba(0,168,255,.12)}
.tagline{font-size:12px;letter-spacing:.5em;color:#e1d9ff;padding-left:.5em}.intro{margin:25px auto 32px;color:#d1d6e1;font-size:14px;line-height:1.8;text-shadow:0 2px 12px #000}
.main-nav{display:grid;grid-template-columns:repeat(2,minmax(240px,360px));justify-content:center;gap:14px}.main-nav.three-items{grid-template-columns:repeat(3,minmax(220px,300px))}.discord-card:hover{box-shadow:0 0 35px rgba(88,101,242,.16)}.discord-card .icon{color:#9ca8ff}
.main-nav-card{height:112px;display:grid;grid-template-columns:32px 45px 1fr 22px;align-items:center;text-align:left;padding:17px;border:1px solid rgba(89,117,178,.48);border-radius:13px;background:rgba(4,7,15,.72);backdrop-filter:blur(12px);box-shadow:0 15px 45px rgba(0,0,0,.25);transition:transform .3s,border-color .3s,background .3s}
.main-nav-card:hover{transform:translateY(-5px);background:rgba(7,11,24,.88);border-color:#5471c0}.rules-link:hover{box-shadow:0 0 35px rgba(0,168,255,.14)}.shop-link:hover{box-shadow:0 0 35px rgba(255,39,200,.12)}
.main-nav-card .number{align-self:start;color:#94a8e9;font-size:10px}.main-nav-card .icon{grid-row:1/3;font-size:28px;color:#3fc9ff;text-shadow:0 0 15px rgba(0,168,255,.35)}.shop-link .icon{color:#ff5ddd;text-shadow:0 0 15px rgba(255,39,200,.35)}
.card-copy{grid-column:3}.card-copy strong{display:block;font-size:11px;letter-spacing:.08em}.card-copy small{display:block;color:#8994a8;font-size:9px;margin-top:4px}.arrow{grid-column:4;color:#aebcff;font-size:18px}
.hint{margin-top:32px;display:flex;align-items:center;justify-content:center;gap:13px;color:#8993a8;font-size:7px;letter-spacing:.38em}.hint .line{width:70px;height:1px;background:linear-gradient(90deg,transparent,#315180)}
.home-footer{position:fixed;bottom:20px;left:38px;right:38px;z-index:4;display:flex;justify-content:space-between;color:#68738a;font-size:7px;letter-spacing:.18em}

/* ---------- REGELWERK ---------- */
.rules-page{background:var(--bg)}
.topbar{position:fixed;top:0;right:0;left:280px;height:70px;background:rgba(3,4,10,.94);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;z-index:100;padding:0 20px}
.top-brand{position:absolute;left:18px;display:flex;align-items:center;gap:8px}.top-brand img{width:35px;height:35px;border-radius:8px;object-fit:cover;mix-blend-mode:screen}.top-brand span{font-size:11px;font-weight:800;letter-spacing:.22em}.top-brand small{display:block;color:#45caff;font-size:5px;letter-spacing:.32em;margin-top:1px}
.search{width:500px;max-width:55%;height:38px;border:1px solid #1b2a4b;border-radius:20px;background:#050811;display:flex;align-items:center;padding:0 12px}.search span{font-size:20px;color:#71809a}.search input{flex:1;background:transparent;border:0;outline:0;color:#fff;padding:0 10px;font-size:12px}.search kbd{font-size:9px;color:#748198;border:1px solid #1c2946;border-radius:4px;padding:3px 6px}
.status{position:absolute;right:22px;display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.08em}.status i{width:8px;height:8px;border-radius:50%;background:#21e681;box-shadow:0 0 10px #21e681}
.menu-btn{display:none}.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;background:#04060d;border-right:1px solid var(--line);z-index:110;overflow-y:auto;padding:18px 14px}.brand{text-align:center;padding-bottom:18px;border-bottom:1px solid #121c31}.brand img{display:block;width:115px;height:115px;object-fit:cover;margin:0 auto -4px;border-radius:24px;filter:drop-shadow(0 0 18px rgba(0,168,255,.3));mix-blend-mode:screen}.brand-name{font-size:20px;letter-spacing:.32em;font-weight:800}.brand-sub{font-size:7px;color:#36caff;letter-spacing:.45em;margin-left:.45em;margin-top:3px}
nav{padding:15px 0}nav a{display:flex;align-items:center;gap:13px;padding:10px 12px;border-radius:8px;margin:3px 0;color:#bfc6d4;font-size:12px;min-height:38px;transition:.22s}nav a:hover{background:#0a1020;color:#fff;transform:translateX(2px)}nav a.active{color:#fff;background:linear-gradient(90deg,rgba(0,168,255,.12),rgba(255,39,200,.12));border:1px solid #263b68}
.discord{display:block;margin:8px 2px 15px;padding:13px;border:1px solid #1b3262;border-radius:10px;background:#070b16}.discord strong{display:block;color:#aeb9ff;font-size:10px}.discord small{color:#68748c;font-size:9px}
.main{margin-left:280px;padding:92px 28px 45px;min-height:100vh}.rules-hero{position:relative;max-width:var(--max);height:310px;margin:0 auto;border:1px solid #20325e;border-radius:15px;overflow:hidden;background:#050711}.rules-hero-bg{position:absolute;inset:0;background:url("assets/nexis-hero.png") center 44%/cover no-repeat}.rules-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,4,10,.96),rgba(3,4,10,.65) 46%,rgba(3,4,10,.2)),linear-gradient(0deg,rgba(3,4,10,.3),transparent)}.rules-hero-content{position:absolute;left:6%;top:50%;transform:translateY(-50%);max-width:600px}.rules-hero h1{font-size:52px;margin:9px 0}.rules-hero p{font-size:12px;color:#bdc5d5}.btn{display:inline-block;padding:10px 16px;border-radius:8px;font-size:10px;font-weight:800}.primary{background:linear-gradient(90deg,#007fff,#d22fff);box-shadow:0 0 25px rgba(114,42,255,.25)}
.overview{max-width:var(--max);margin:24px auto 0}.title{font-size:13px;color:#e7ebf6;margin-bottom:14px;letter-spacing:.3em}.title span{color:#55cfff}.overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tile{min-height:102px;border:1px solid #18284a;border-radius:10px;background:linear-gradient(135deg,#080c18,#050710);padding:14px;display:grid;grid-template-columns:26px 34px 1fr 15px;gap:4px 8px;transition:.25s}.tile:hover{transform:translateY(-3px);border-color:#355091}.tile>b{color:#91a9ff;font-size:11px}.tile>span{font-size:22px;color:#18aaff;grid-row:1/3}.tile div{grid-column:3}.tile strong{font-size:9px}.tile small{display:block;color:#7d879c;font-size:9px;margin-top:5px}.tile i{grid-column:4;grid-row:2;color:#9bb1ff;font-style:normal}.important{grid-column:3/5;min-height:102px;border:1px solid rgba(255,39,200,.4);border-radius:10px;padding:17px;background:linear-gradient(100deg,rgba(255,39,200,.08),#060811)}.important strong{font-size:9px;color:#ff69da}.important p{font-size:11px;color:#b6becd;margin:7px 0}
.search-result{display:none;max-width:var(--max);margin:20px auto 0;padding:9px 12px;border:1px solid #1b2b4d;border-radius:8px;background:#060913;color:#94a0b7;font-size:10px}.search-result.show{display:block}.rules{max-width:var(--max);margin:0 auto}.rule{padding-top:75px}.rule header{display:flex;align-items:center;gap:13px;margin-bottom:17px}.rule header label{font-size:11px;font-weight:900;color:#9db4ff;padding:8px 9px;border:1px solid #1b2a4c;border-radius:7px;background:#080c16}.rule em{font-style:normal;font-size:9px;letter-spacing:.25em;color:#55caff}.rule h2{font-size:26px;line-height:1.15;margin:2px 0}.rule mark{margin-left:auto;background:linear-gradient(90deg,#007fff,#df2cff);color:#fff;padding:4px 7px;border-radius:4px;font-size:8px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cards article,.wide,.lead,.new,.warning,.closing{border:1px solid #17243f;background:linear-gradient(135deg,rgba(8,11,22,.98),rgba(5,7,13,.98));border-radius:10px;padding:17px}.cards h3,.wide h3{font-size:12px;margin:0 0 8px}.cards p,.cards li,.wide p,.lead p,.new p,.warning p,.closing p{font-size:11px;color:#9ba5b8}.cards ul{margin:0;padding-left:17px}.cards li{margin:5px 0}.new,.warning,.lead{margin-top:10px}.new{border-color:rgba(0,168,255,.35)}.new strong,.lead strong{font-size:9px;color:#5dccff}.warning{border-color:rgba(255,74,126,.35)}.warning strong{font-size:9px;color:#ff7095}.wide{margin-top:10px}.quote{text-align:center;padding:25px;color:#b9c0ff;font-weight:700}.copgrid{display:grid;grid-template-columns:35px 1fr;gap:7px;margin-top:10px}.copgrid b{display:grid;place-items:center;border:1px solid #223257;border-radius:6px;color:#aab9ff}.copgrid span{font-size:10px;color:#8994aa;padding:5px}.closing{display:flex;align-items:center;gap:22px;padding:25px}.closing img{width:82px;height:82px;object-fit:cover;border-radius:18px;mix-blend-mode:screen}.closing h3{margin:0;font-size:18px}.closing p{margin:4px 0}footer{max-width:var(--max);margin:65px auto 0;padding:22px 0;border-top:1px solid #131d31;display:flex;gap:15px;color:#5f6a80;font-size:9px;letter-spacing:.1em}footer strong{color:#fff;letter-spacing:.25em}footer small{margin-left:auto}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}

@media(max-width:1050px){.overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.important{grid-column:2/4}}
@media(max-width:800px){
 .sidebar{transform:translateX(-100%);transition:.3s}.sidebar.open{transform:translateX(0)}
 .topbar{left:0}.menu-btn{display:block;position:absolute;left:15px;border:0;background:none;color:#fff;font-size:20px}
 .top-brand{display:none}.search{max-width:52%;margin-left:30px}.status{right:15px;font-size:0}.status i{font-size:0}
 .main{margin-left:0;padding:84px 16px 35px}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.important{grid-column:1/3}
 .home-header{padding:0 18px}.home-footer{left:18px;right:18px}.main-nav,.main-nav.three-items{grid-template-columns:1fr;max-width:420px;margin:auto}.landing{padding-top:105px}.landing h1{font-size:clamp(75px,20vw,130px)}
}
@media(max-width:560px){
 .overview-grid,.cards{grid-template-columns:1fr}.important{grid-column:auto}.rules-hero{height:390px}.rules-hero h1{font-size:40px}.rules-hero-content{left:24px;right:24px}.rule{padding-top:58px}.closing{flex-direction:column;align-items:flex-start}.search{max-width:62%}.search kbd{display:none}
 .home-footer{display:none}.mini-brand strong{font-size:12px}.server-state{font-size:7px}.tagline{letter-spacing:.28em;font-size:9px}
}