@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#0b1117;--panel:#151e27;--panel2:#111922;--border:#2a3947;--text:#eaf0f6;--muted:#8295a8;--orange:#ff6a2b;--orange-soft:#ff9c69;--green:#45d69c;--shadow:0 18px 55px rgba(0,0,0,.2)}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% -20%,#35170d 0,transparent 42%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.5}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
.topbar{height:76px;padding:0 max(24px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border);background:rgba(13,21,30,.88);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand img{width:42px;height:42px;object-fit:contain;border-radius:11px;background:#101820;border:1px solid #503126}.brand span{display:grid;gap:3px}.brand strong{font-size:11px;letter-spacing:.13em;font-weight:900}.brand small{font-size:9px;letter-spacing:.14em;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:17px}.top-link{font-size:11px;color:#b8c6d2;transition:color .15s}.top-link:hover{color:var(--orange-soft)}.top-link span{color:var(--orange);margin-left:4px}.top-chip{display:flex;align-items:center;gap:8px;border:1px solid #61331f;border-radius:9px;padding:8px 11px;background:#21140f;color:#ffc49e;font-size:9px;font-weight:800;letter-spacing:.08em;white-space:nowrap}.dot{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 3px #ff6a2b1c;flex-shrink:0}
.main-content{width:min(1000px,calc(100% - 40px));margin:0 auto;padding:54px 0 28px}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:310px;display:flex;align-items:center;margin-bottom:52px;padding:36px 38px;border:1px solid #493020;border-radius:17px;background:#080b10;box-shadow:0 22px 65px #0006}.eyebrow{display:flex;align-items:center;gap:9px;font-size:9px;font-weight:900;letter-spacing:.17em;color:var(--orange-soft);margin:0 0 15px}.eyebrow-line{width:22px;height:1px;background:var(--orange)}h1{font-size:clamp(31px,4.3vw,47px);line-height:1.12;letter-spacing:-.055em;margin:0;font-weight:900}h1 span{color:var(--orange-soft)}.subheading{max-width:620px;font-size:13px;color:#9baaba;line-height:1.8;margin:17px 0 0}.hero-copy{position:relative;z-index:1;max-width:700px}.hero::before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(90deg,rgba(8,12,17,.96) 0%,rgba(8,12,17,.88) 43%,rgba(8,12,17,.38) 100%),url("/regelwerk/assets/minecraft-banner.png");background-size:cover;background-position:center 54%;transform:scale(1.01)}.hero::after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 12% 15%,#ff6a2b1a,transparent 42%);pointer-events:none}.hero-meta{display:flex;align-items:center;gap:10px;margin-top:23px;color:#b9c6d1;font-size:10px;font-weight:650;letter-spacing:.03em}.meta-icon{display:block;width:17px;height:3px;border-radius:3px;background:var(--orange);box-shadow:0 0 12px #ff6a2b70;flex-shrink:0}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading .eyebrow{margin-bottom:7px}.section-heading h2{font-size:21px;letter-spacing:-.035em;margin:0}.section-description{color:var(--muted);font-size:11px;margin:6px 0 0}.section-count{display:grid;text-align:right;gap:0}.section-count strong{font-size:23px;line-height:1;color:var(--orange-soft);letter-spacing:-.04em}.section-count span{font-size:8px;color:var(--muted);letter-spacing:.16em;font-weight:850;margin-top:4px}
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:14px}.category-card{position:relative;min-width:0;display:flex;align-items:center;gap:11px;text-align:left;padding:15px 13px;background:linear-gradient(145deg,#16212b,#111922);border:1px solid var(--border);border-radius:11px;color:var(--text);transition:border-color .18s,transform .18s,background .18s;box-shadow:0 8px 22px #0002}.category-card:hover{border-color:#6b4938;transform:translateY(-2px)}.category-card.active{background:linear-gradient(145deg,#2d1d17,#181c20);border-color:#a4522c;box-shadow:0 8px 26px #ff6a2b12,inset 0 1px #ffffff0b}.category-icon{display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;border-radius:10px;background:#202c36;border:1px solid #384959;font-size:19px}.discord-icon{color:#ffb17d;background:#302118;border-color:#62412b}.smp-icon{background:#1c2a25;border-color:#355344}.cb-icon{background:#29251c;border-color:#51442b;color:#f1cc79}.category-info{display:grid;min-width:0;gap:3px}.category-info small{font-size:7px;color:var(--muted);font-weight:900;letter-spacing:.12em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-info strong{font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-info>span{font-size:9px;color:#8798a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-arrow{margin-left:auto;align-self:flex-start;color:#657888;font-size:12px;opacity:.6}.category-card.active .category-arrow{color:var(--orange-soft);opacity:1}
.rules-panel{background:linear-gradient(145deg,#18232d,#121a22);border:1px solid #344351;border-radius:14px;padding:22px 24px;box-shadow:var(--shadow);outline:none}.rules-panel:focus-visible{border-color:var(--orange)}.rules-panel-top{display:flex;align-items:center;gap:13px}.rules-category-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#302118;border:1px solid #69432e;color:var(--orange-soft);font-size:19px;flex-shrink:0}.rules-title-wrap{min-width:0;flex:1}.rules-kicker{font-size:8px;color:var(--orange-soft);font-weight:900;letter-spacing:.16em;margin:0 0 4px}.rules-title-wrap h2{font-size:18px;letter-spacing:-.03em;margin:0}.rules-status{display:flex;align-items:center;gap:8px;border:1px solid #285443;background:#10241e;color:#9be8c5;border-radius:20px;padding:6px 9px;font-size:8px;font-weight:850;letter-spacing:.08em;white-space:nowrap}.rules-status .dot{background:var(--green);box-shadow:0 0 0 3px #45d69c18}.rules-divider{height:1px;background:linear-gradient(90deg,#73432e,#344351 50%,transparent);margin:19px 0 18px}.rules-copy{min-height:130px;color:#d3dce4;font-size:13px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal}.rules-panel-bottom{display:flex;align-items:center;gap:8px;border-top:1px solid #2b3945;margin-top:20px;padding-top:14px;color:#8496a7;font-size:9px}.bottom-mark{width:7px;height:7px;flex-shrink:0;border-radius:2px;background:var(--orange-soft);box-shadow:0 0 10px #ff9c6940}.help-note{display:flex;align-items:center;gap:11px;margin-top:15px;padding:13px 15px;border:1px solid #293b48;border-radius:10px;background:#101922}.help-icon{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;border:1px solid #425565;border-radius:50%;color:#a7bdcc;font-size:11px;font-weight:800}.help-note p{margin:0;color:#93a5b5;font-size:10px;line-height:1.6}.help-note strong{color:#d8e2e9}.footer-note{text-align:center;color:#627383;font-size:9px;margin-top:35px}.footer-note i{font-style:normal;padding:0 7px;color:var(--orange)}
@media(max-width:760px){.topbar{height:68px;padding:0 15px}.brand img{width:36px;height:36px}.brand strong{font-size:10px}.brand small{font-size:8px}.top-actions{gap:9px}.top-link{font-size:9px}.top-chip{font-size:7px;padding:7px 8px}.main-content{width:calc(100% - 28px);padding-top:30px}.hero{min-height:300px;margin-bottom:32px;padding:27px 23px}.hero::before{background-position:54% center}.section-heading h2{font-size:19px}.category-grid{grid-template-columns:1fr;gap:8px}.category-card{padding:12px}.rules-panel{padding:17px 15px}.rules-panel-top{gap:10px}.rules-category-mark{width:38px;height:38px}.rules-title-wrap h2{font-size:16px}.rules-status{font-size:7px;padding:5px 7px}.rules-copy{font-size:12px;min-height:110px}.section-count strong{font-size:20px}}
@media(max-width:390px){.top-link{display:none}.eyebrow{font-size:8px}h1{font-size:30px}.rules-status{display:none}.section-description{max-width:260px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}