:root{
 --bg:#07100c;--bg2:#0b1510;--panel:#111714;--panel2:#18201c;--line:#3b5047;
 --gold:#ffcc55;--gold2:#94651a;--green:#39ff8f;--blue:#5b6aff;--purple:#9259ff;
 --text:#f8f4ea;--muted:#c6ccc8;--shadow:0 18px 42px rgba(0,0,0,.42);--site:1220px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;min-width:320px;background:linear-gradient(180deg,#08100d,#070a08 55%,#0a0e0b);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px);background-size:36px 36px;opacity:.3}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block} button,input{font:inherit}.container{width:min(var(--site),calc(100% - 28px));margin:auto}
code{padding:.16rem .4rem;border:1px solid #3e5048;border-radius:6px;background:#0c1210;color:#caffdc;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.92em}

/* header */
.topbar{position:sticky;top:0;z-index:80;background:linear-gradient(180deg,#161c19,#090d0b);border-bottom:1px solid #34453d;box-shadow:0 8px 24px rgba(0,0,0,.35);backdrop-filter:blur(8px)}
.topbar-inner{min-height:72px;display:flex;align-items:center;gap:16px}
.brand{display:flex;align-items:center;gap:10px;min-width:220px;color:var(--gold);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px #5b3b0b}.brand strong{font-size:1.65rem}
.crest{width:42px;height:46px;display:grid;place-items:center;border:2px solid #765820;border-radius:8px 8px 13px 13px;background:#10251a;color:var(--green)}
.nav{display:flex;gap:3px;flex:1;justify-content:center;flex-wrap:wrap}.nav a,.mobile-nav a{padding:10px 9px;border:1px solid transparent;border-radius:7px;text-transform:uppercase;font-size:.74rem;font-weight:900}.nav a:hover,.nav a.active{background:#493510;border-color:#7f5d1d;color:#ffecac}
.status-badge{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #33453d;border-radius:8px;background:#0c1712}.status-badge .dot{width:10px;height:10px;border-radius:50%;background:#20f27a;box-shadow:0 0 14px #20f27a}.status-badge span{display:grid}.status-badge b{font-size:.75rem;color:var(--green)}.status-badge small{font-size:.66rem}
.menu-btn{display:none;margin-left:auto;border:1px solid #3b4d45;background:#101713;color:#fff;border-radius:8px;width:42px;height:42px}
.mobile-nav{display:none;padding:8px 14px 14px;background:#0b100e;border-top:1px solid #27352f}.mobile-nav.open{display:grid;grid-template-columns:1fr 1fr;gap:4px}

/* hero */
.hero,.page-hero{position:relative;isolation:isolate;overflow:hidden}.hero-home{min-height:980px}.page-hero{min-height:320px}
.hero-bg{position:absolute;inset:0;z-index:-2;background:url('media/hero-background.webp') center/cover no-repeat;transform:scale(1.02)}
.hero-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,8,6,.18),rgba(6,9,7,.42) 55%,#080b09 100%),radial-gradient(circle at 50% 18%,rgba(255,218,100,.17),transparent 15%)}
.hero-inner{padding:45px 0 55px;display:flex;flex-direction:column;align-items:center}.hero-logo{width:min(620px,92vw);filter:drop-shadow(0 24px 30px rgba(0,0,0,.5));animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-5px)}}
.hero-tag{margin-top:-18px;padding:11px 24px;border:2px solid #7c6331;border-radius:9px;background:linear-gradient(#25312c,#111713);font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:#f3e2b8;box-shadow:var(--shadow)}
.page-hero-inner{padding:92px 0 72px;text-align:center}.page-hero h1{margin:.25rem 0 .55rem;font-size:clamp(2.2rem,6vw,4rem);text-transform:uppercase;letter-spacing:.04em}.page-hero p{max-width:820px;margin:0 auto;color:#e0e5e2;font-size:1.06rem}.page-hero.full{min-height:70vh;display:grid;align-items:center}
.kicker{display:inline-block;color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}

/* connect */
.server-grid{width:min(920px,100%);display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px auto 20px}.server-card{display:flex;gap:15px;align-items:center;padding:18px;border:2px solid #805f25;border-radius:12px;background:linear-gradient(145deg,rgba(20,27,24,.97),rgba(8,11,10,.98));box-shadow:var(--shadow)}.server-badge{width:74px;height:74px;flex:0 0 74px}.server-data{flex:1}.server-card h3{margin:.15rem 0;color:#fff;font-size:1.45rem}.server-card p{margin:.25rem 0 .65rem;color:#d4dad6}
.button-row,.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-actions{justify-content:center;margin:0 0 28px}
.copy-btn,.small-btn{min-height:38px;padding:0 12px;border:1px solid #41534b;border-radius:8px;background:#111714;color:#fff;font-weight:850;cursor:pointer}.copy-btn:hover,.small-btn:hover{border-color:var(--green);box-shadow:0 0 15px rgba(57,255,143,.12)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border:2px solid;border-radius:8px;font-weight:1000;text-transform:uppercase;letter-spacing:.03em;box-shadow:0 10px 24px rgba(0,0,0,.28);transition:.18s}.btn:hover{transform:translateY(-2px);filter:brightness(1.06)}.btn.gold{background:linear-gradient(#ffed6d,#e99f15);border-color:#784707;color:#241601}.btn.blue{background:linear-gradient(#7583ff,#4552da);border-color:#2a339c}.btn.purple{background:linear-gradient(#af68ff,#7538d7);border-color:#5420a5}

/* sections/cards */
.section{padding:48px 0}.section.dark{background:linear-gradient(180deg,#090c0a,#101612)}.section-title{text-align:center;margin-bottom:24px}.section-title span{color:var(--gold);text-transform:uppercase;font-weight:900;font-size:.78rem;letter-spacing:.06em}.section-title h2{margin:.35rem 0 .4rem;font-size:clamp(1.65rem,4vw,2.4rem);text-transform:uppercase}.section-title p{margin:0;color:var(--muted)}.section-title.spaced{margin-top:46px}
.feature-grid{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.feature-card{overflow:hidden;border:1px solid #71541e;border-radius:12px;background:linear-gradient(145deg,rgba(22,29,26,.98),rgba(8,10,9,.98));box-shadow:0 16px 28px rgba(0,0,0,.3);transition:.2s}.feature-card:hover{transform:translateY(-3px);border-color:#a57b2c}.feature-card img{width:100%;aspect-ratio:1.35/1;object-fit:contain;padding:10px;background:linear-gradient(#1b251f,#0e1411)}.feature-card div{padding:14px}.feature-card h3{margin:0 0 7px;text-transform:uppercase;color:#fff0c6}.feature-card p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.5}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.info-card,.panel{padding:20px;border:1px solid #384941;border-radius:12px;background:linear-gradient(145deg,#151d19,#0d1210);box-shadow:0 14px 28px rgba(0,0,0,.24)}.info-card>b{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#1d3328;color:var(--green);border:1px solid #416450}.info-card h3{margin:12px 0 7px}.info-card p,.panel p{color:var(--muted);line-height:1.55}
.content-tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.content-tile{border:1px solid #59481f;border-radius:12px;overflow:hidden;background:#111713;text-align:center;transition:.2s}.content-tile:hover{transform:translateY(-3px);border-color:#8f6d2a}.content-tile img{aspect-ratio:1/1;width:100%;object-fit:contain;padding:10px;background:linear-gradient(#1b2a23,#101713)}.content-tile h3{margin:0;padding:12px;font-size:.92rem;text-transform:uppercase}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.narrow{max-width:900px}.rank{padding:14px 0;border-bottom:1px solid #293831}.rank:last-child{border:0}.rank span{display:block;color:var(--gold);font-weight:900;text-transform:uppercase}.rank strong{font-size:1.25rem}.rank p{margin:.35rem 0}.text-link{color:#8dffb5;text-decoration:underline}
.community-cta{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:18px;padding:20px 24px;border:1px solid #6f531f;border-radius:14px;background:linear-gradient(145deg,#121915,#090c0b);box-shadow:var(--shadow)}.community-cta>img{width:80px}.community-cta h2{margin:.25rem 0;font-size:2rem}.community-cta p{margin:0;color:var(--muted)}
.footer{padding:24px 0;border-top:1px solid #26352f;color:#aeb8b2;text-align:center;background:#070a08}

/* tables */
.table-wrap{overflow:auto;border-radius:9px;border:1px solid #32443b}.table-wrap table{width:100%;border-collapse:collapse;min-width:700px;background:#0d1310}.table-wrap th,.table-wrap td{padding:12px 13px;border-bottom:1px solid #28372f;text-align:left;vertical-align:top}.table-wrap th{position:sticky;top:0;background:#18211d;color:#ffdf8b;text-transform:uppercase;font-size:.75rem;letter-spacing:.04em}.table-wrap tr:last-child td{border-bottom:0}.table-wrap.compact table{min-width:440px}
.command-section{margin-bottom:18px}.command-section h2{margin-top:0;color:#ffdf8b}
.search-box,.filter-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.search-box input,.filter-bar input{flex:1;min-width:260px;height:46px;padding:0 14px;border-radius:9px;border:1px solid #3b4d45;background:#0e1512;color:#fff;outline:none}.search-box input:focus,.filter-bar input:focus{border-color:var(--green)}
.filter-btn{height:42px;padding:0 13px;border:1px solid #405149;border-radius:8px;background:#111714;color:#fff;font-weight:850;cursor:pointer}.filter-btn.active,.filter-btn:hover{border-color:#8b6925;background:#3b2d11;color:#ffdf8b}
.hidden-by-search,.hidden-by-filter{display:none!important}

/* rpg */
.rpg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.rpg-card{padding:18px;border:1px solid #4a5638;border-radius:12px;background:linear-gradient(145deg,#171f1b,#0c1110);box-shadow:0 14px 28px rgba(0,0,0,.25)}.rpg-head{display:flex;gap:11px;align-items:center}.rpg-emoji{display:grid;place-items:center;width:48px;height:48px;border-radius:10px;background:#20291f;font-size:28px}.rpg-head h3{margin:.15rem 0;font-size:1.12rem}.rarity{margin:12px 0 10px;color:#fff0bd;font-weight:900}.rpg-card dl{display:grid;grid-template-columns:120px 1fr;gap:7px 10px;margin:0}.rpg-card dt{color:#94a49b}.rpg-card dd{margin:0;font-weight:700}.item-summary{font-size:.88rem}.rpg-card details{margin-top:12px;border-top:1px solid #304039;padding-top:10px}.rpg-card summary{cursor:pointer;color:#8dffb5;font-weight:850}.rpg-card details p{font-size:.86rem;line-height:1.55;color:#c8cfcb}

/* systems/plugins */
.systems-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.system-card{display:grid;grid-template-columns:72px 1fr;gap:16px;padding:18px;border:1px solid #3b4c44;border-radius:12px;background:linear-gradient(145deg,#151d19,#0c1110)}.system-icon{display:grid;place-items:center;width:68px;height:68px;border:1px solid #52675d;border-radius:12px;background:#19221e;font-size:34px}.system-card h3{margin:0 0 4px;color:#ffdf8b}.system-card b{color:#e7ece9}.system-card p{margin:.45rem 0;color:var(--muted);line-height:1.5}.tag-row{display:flex;gap:8px;flex-wrap:wrap}
.plugin-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.plugin-list li{display:grid;gap:4px;padding:16px;border:1px solid #35463e;border-radius:10px;background:#101613}.plugin-list b{color:#8dffb5}.plugin-list span{color:var(--muted)}
.media-panel img{border-radius:8px;border:1px solid #3e4f47}.media-panel p{margin-bottom:0}.economy-top{align-items:start}.rules-callout{display:grid;grid-template-columns:180px 1fr;gap:22px;align-items:center}.rules-callout img{width:180px}
.steps{padding-left:1.3rem;color:#c9d0cc}.steps li{margin:.65rem 0;line-height:1.5}.notice{margin-top:22px;padding:14px 16px;border:1px solid rgba(57,255,143,.18);border-radius:10px;background:rgba(11,22,17,.72);color:#b8c6c0;text-align:center}

/* toast */
.toast{position:fixed;left:50%;bottom:22px;z-index:120;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:12px 16px;border-radius:8px;border:1px solid #356648;background:#0f1713;color:#e9fff1;box-shadow:var(--shadow);transition:.22s}.toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:1120px){.feature-grid{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:repeat(2,1fr)}.content-tiles{grid-template-columns:repeat(3,1fr)}.rpg-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:920px){.nav,.status-badge{display:none}.menu-btn{display:block}.brand{min-width:0}.server-grid,.two-col,.three-col,.systems-grid{grid-template-columns:1fr}.community-cta{grid-template-columns:1fr;text-align:center}.community-cta>img{margin:auto}.community-cta .button-row{justify-content:center}.rules-callout{grid-template-columns:1fr;text-align:center}.rules-callout img{margin:auto}.plugin-list{grid-template-columns:1fr}}
@media(max-width:680px){.hero-home{min-height:auto}.hero-inner{padding-top:24px}.hero-tag{margin-top:-7px;text-align:center;font-size:.78rem}.server-grid{grid-template-columns:1fr}.server-card{align-items:flex-start}.hero-actions .btn{width:100%}.feature-grid,.quick-grid,.content-tiles,.rpg-grid{grid-template-columns:1fr}.page-hero-inner{padding:72px 0 58px}.page-hero{min-height:280px}.brand strong{font-size:1.28rem}.mobile-nav.open{grid-template-columns:1fr}.rpg-card dl{grid-template-columns:1fr}.community-cta h2{font-size:1.45rem}}