:root{--bg:#0a0907;--surface:#14110b;--surface2:#1b160d;--line:#2f2614;--line2:#4b3478;--gold:#f5b020;--gold2:#ffd36b;--text:#ece6d6;--mute:#9d9582;--r:14px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:4.5rem}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,.logo,.stats b,.rates b,th{font-family:Cinzel,Georgia,serif}
a{color:var(--gold)}
::selection{background:var(--gold);color:#000}
.banner {
  background: #d00000; color: #fff; text-align: center;
  font-size: clamp(2.5rem, 10vw, 8rem); font-weight: 900; letter-spacing: .05em;
  padding: 2rem 1rem; text-transform: uppercase; line-height: 1.1;
  border-bottom: 8px solid #7a0000; text-shadow: 3px 3px 0 #000;
}
.banner-line2 { display: inline-block; font-size: .32em; letter-spacing: .03em; line-height: 1.3; margin-top: .6em; }

.nav{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.75rem clamp(1rem,4vw,2.5rem);background:rgba(10,9,7,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.logo{font-weight:800;letter-spacing:.14em;color:#fff;text-decoration:none;display:flex;align-items:center;font-size:1.05rem}
.logo span{color:var(--gold)}
.logo img{margin-right:.7rem;border-radius:50%;box-shadow:0 0 0 2px var(--line2)}
.links{display:flex;gap:1.4rem;align-items:center;flex-wrap:wrap}
.links a{color:var(--text);text-decoration:none;font-size:.88rem;font-weight:500;letter-spacing:.03em;opacity:.8;transition:.2s}
.links a:hover{color:var(--gold);opacity:1}
.hero{text-align:center;padding:clamp(15rem,38vw,31rem) 1rem 4rem;background:linear-gradient(rgba(10,9,7,.1) 0%,rgba(10,9,7,.6) 52%,var(--bg) 100%),url(img/banner.png) center top/cover no-repeat}
.hero h1{font-size:clamp(2.2rem,6vw,3.8rem);letter-spacing:.12em;line-height:1.1;margin:.6rem 0;text-shadow:0 4px 24px #000}
.hero h1 span{color:var(--gold)}
.eyebrow{text-transform:uppercase;letter-spacing:.3em;color:var(--gold);font-size:.75rem;font-weight:600}
.sub{font-size:1.15rem;color:#d8d0bd;max-width:620px;margin:0 auto 2.2rem;text-shadow:0 2px 12px #000}
.cta{display:flex;gap:.9rem;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;background:linear-gradient(180deg,var(--gold2),var(--gold));color:#140e02!important;padding:.85rem 2.1rem;border-radius:10px;text-decoration:none;font-weight:700;font-size:.95rem;letter-spacing:.04em;box-shadow:0 6px 20px rgba(232,169,32,.25);transition:.2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(232,169,32,.4)}
.btn.ghost{background:rgba(10,9,7,.4);color:var(--gold)!important;border:1px solid var(--gold);box-shadow:none}
.btn.ghost:hover{background:rgba(232,169,32,.12)}
.btn.small{padding:.4rem 1.1rem;font-size:.82rem;border-radius:8px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);max-width:760px;margin:3.5rem auto 0;background:rgba(20,17,11,.85);border:1px solid var(--line2);border-radius:var(--r);backdrop-filter:blur(6px)}
.stats div{padding:1.2rem .5rem;border-right:1px solid var(--line)}
.stats div:last-child{border:0}
.stats b{display:block;font-size:1.8rem;color:var(--gold);line-height:1.2}
.stats span{font-size:.72rem;text-transform:uppercase;letter-spacing:.15em;color:var(--mute)}
.muted{color:var(--mute);font-size:.88rem}
main{max-width:1080px;margin:0 auto;padding:0 1.25rem}
section{margin:5rem 0}
h2{font-size:clamp(1.5rem,3.2vw,2rem);text-align:center;letter-spacing:.08em;margin-bottom:2.2rem;color:#fff;text-transform:uppercase}
h2::after{content:"";display:block;width:64px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:.9rem auto 0}
section>p,section>ul,section>ol{max-width:720px;margin-left:auto;margin-right:auto}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.1rem;margin-top:1rem}
.card{background:linear-gradient(180deg,var(--surface2),var(--surface));padding:1.5rem;border-radius:var(--r);border:1px solid var(--line);position:relative;transition:.25s}
.feats .card::before{content:"";position:absolute;left:1.5rem;top:0;width:36px;height:2px;background:var(--gold)}
.feats .card:hover,.server:hover{transform:translateY(-3px);border-color:var(--line2);box-shadow:0 14px 34px rgba(0,0,0,.5)}
.card h3{font-size:1.02rem;margin-bottom:.45rem;color:#fff;letter-spacing:.03em}
.card p{color:#bdb5a1;font-size:.93rem}
.rates{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.rates .card{text-align:center;padding:1.6rem 1rem}
.rates b{display:block;font-size:2.1rem;color:var(--gold);line-height:1.2}
.rates span{font-size:.72rem;text-transform:uppercase;letter-spacing:.15em;color:var(--mute)}
.server{padding:1.2rem 1.3rem}
.server.on{border-color:#5a4513}
.server.off{border-color:#5a2020;opacity:.75}
.srv-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem}
.srv-head h3{margin:0;font-size:.98rem}
.badge{font-family:Inter,sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.1em;padding:.2rem .55rem;border-radius:99px;white-space:nowrap}
.on .badge{background:rgba(60,200,110,.12);color:#5fdc8e;border:1px solid rgba(60,200,110,.3)}
.off .badge{background:rgba(220,70,70,.12);color:#f08a8a;border:1px solid rgba(220,70,70,.3)}
.on .badge::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#5fdc8e;margin-right:6px;animation:pulse 1.6s infinite}
@keyframes pulse{50%{opacity:.25}}
.bar{height:6px;background:#26200f;border-radius:99px;overflow:hidden;margin:.9rem 0 .5rem}
.bar i{display:block;height:100%;background:linear-gradient(90deg,#b8800d,var(--gold2));border-radius:99px}
.bar-wrap{margin:1.8rem auto 0;max-width:560px;text-align:center}
.bar-wrap .bar{height:8px}
.bar-wrap span{font-size:.85rem;color:var(--mute)}
#status-meta{text-align:center;margin-top:-1.2rem}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;max-width:860px!important}
.chips a{display:block;background:var(--surface);border:1px solid var(--line);padding:.5rem 1.1rem;border-radius:99px;text-decoration:none;font-size:.85rem;color:var(--text);transition:.2s}
.chips a:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-1px)}
.rules,.steps{padding-left:1.5rem;margin-bottom:1.5rem}
.rules li,.steps li{margin:.55rem 0;padding-left:.3rem}
.rules li::marker,.steps li::marker{color:var(--gold);font-weight:700}
.join{padding:4rem 2rem;border-radius:20px;border:1px solid var(--line2);text-align:center;background:linear-gradient(rgba(10,9,7,.7),rgba(10,9,7,.92)),url(img/splash.png) center/cover}
.join .steps{display:inline-block;text-align:left}
.page-hero{padding:5.5rem 1rem 4rem;background:radial-gradient(ellipse at top,#2e230c 0%,var(--bg) 70%)}
@media(max-width:700px){.stats{grid-template-columns:repeat(2,1fr)}.stats div:nth-child(2){border-right:0}.stats div:nth-child(-n+2){border-bottom:1px solid var(--line)}.links{gap:.8rem}}
.table-wrap{overflow-x:auto;margin-top:1rem;border:1px solid var(--line);border-radius:var(--r)}
table{width:100%;border-collapse:collapse;font-size:.93rem}
th,td{text-align:left;padding:.8rem 1.1rem}
th{color:var(--gold);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;background:var(--surface2)}
tbody tr:nth-child(even){background:rgba(255,255,255,.02)}
td{border-top:1px solid var(--line)}
section h3[style]{text-align:center}
footer{border-top:1px solid var(--line);padding:3rem 1rem 2.5rem;text-align:center;color:var(--mute);font-size:.85rem;background:#070605}
footer p{margin:.3rem 0}
footer a{color:var(--mute)}
footer a:hover{color:var(--gold)}
.table-wrap{overflow-x:auto;margin-top:1rem;border:1px solid var(--line);border-radius:var(--r)}
table{width:100%;border-collapse:collapse;font-size:.93rem}
th,td{text-align:left;padding:.8rem 1.1rem}
th{color:var(--gold);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;background:var(--surface2)}
tbody tr:nth-child(even){background:rgba(255,255,255,.02)}
td{border-top:1px solid var(--line)}
section h3[style]{text-align:center}
footer{border-top:1px solid var(--line);padding:3rem 1rem 2.5rem;text-align:center;color:var(--mute);font-size:.85rem;background:#070605}
footer p{margin:.3rem 0}
footer a{color:var(--mute)}
footer a:hover{color:var(--gold)}
  background: repeating-linear-gradient(135deg, #d00000 0 40px, #a80000 40px 80px); border-top: 8px solid #fff; border-bottom: 8px solid #fff; box-shadow: 0 0 60px #000;
  transform: rotate(-18deg); transition: transform .8s ease-in-out, height .8s; text-align: center; color: #fff; font-weight: 900; text-transform: uppercase; text-shadow: 3px 3px 0 #000; }
/* polish layer */
.hero{position:relative;overflow:hidden}
.hero>*{position:relative;z-index:1}
.embers{position:absolute!important;inset:0;width:100%;height:100%;z-index:0!important;pointer-events:none}
.hero h1 span{background:linear-gradient(90deg,#b8800d,#ffe8a3,#e8a920,#b8800d);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 6s linear infinite;text-shadow:none}
@keyframes shine{to{background-position:200% center}}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease,border-color .25s,box-shadow .25s}
.reveal.in{opacity:1;transform:none}
.ico{width:34px;height:34px;color:var(--gold);margin-bottom:.9rem;padding:7px;border:1px solid var(--line2);border-radius:10px;background:rgba(232,169,32,.06)}
.feats .card::before{display:none}
.feats .card:hover .ico{background:rgba(232,169,32,.16)}
.server{--hue:40;background:linear-gradient(180deg,hsla(var(--hue),45%,16%,.55),var(--surface) 70%);overflow:hidden}
.server::after{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:hsl(var(--hue),70%,52%)}
.server.off::after{background:#6b2a2a}
.discord-band{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;padding:2rem 2.2rem;border-radius:var(--r);border:1px solid var(--line2);background:linear-gradient(120deg,#1d1608,#14110b 60%,#1a1306)}
.discord-band h3{font-size:1.5rem;color:#fff;margin:.2rem 0}
.dstats{display:flex;gap:2rem}
.dstats div{text-align:center}
.dstats b{display:block;font-family:Cinzel,serif;font-size:1.9rem;color:var(--gold);line-height:1.2}
.dstats span{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--mute)}
.burger{display:none;background:none;border:1px solid var(--line2);border-radius:8px;padding:.5rem .6rem;cursor:pointer;flex-direction:column;gap:4px}
.burger span{display:block;width:20px;height:2px;background:var(--gold)}
@media(max-width:820px){.burger{display:flex}.links{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.6rem 0}.links.open{display:flex}.links a{padding:.5rem 0;width:100%}.nav{flex-wrap:wrap}.discord-band{text-align:center;justify-content:center}}
.foot-grid{max-width:1080px;margin:0 auto 2rem;display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:2rem;text-align:left}
.foot-grid h4{font-family:Cinzel,serif;color:#fff;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.8rem}
.foot-grid a:not(.logo){display:block;color:var(--mute);text-decoration:none;margin:.35rem 0;font-size:.9rem}
.foot-grid a:not(.logo):hover{color:var(--gold)}
.legal{border-top:1px solid var(--line);padding-top:1.5rem;font-size:.78rem}
@media(max-width:700px){.foot-grid{grid-template-columns:1fr}}
.to-top{position:fixed;right:1.2rem;bottom:1.2rem;width:44px;height:44px;border-radius:50%;background:var(--gold);color:#140e02;display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800;opacity:0;pointer-events:none;transition:.3s;box-shadow:0 6px 20px rgba(0,0,0,.5)}
.to-top.show{opacity:1;pointer-events:auto}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.dev-credit{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:1.2rem!important;font-size:11px;letter-spacing:.04em;color:rgba(255,255,255,.6)}
.dev-credit a{display:inline-flex;align-items:center;gap:7px;color:rgba(255,255,255,.9);font-weight:700;text-decoration:none}
.dev-credit a:hover{color:var(--gold)}
.dev-credit img{display:block;width:22px;height:22px;border-radius:6px}
.banner a{color:#fff;text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.12em}
.banner a:hover{color:#ffd36b}
.disclaimer{max-width:640px;margin:1rem auto 0;font-size:.72rem;line-height:1.5;color:var(--mute);opacity:.85}
details.acc{max-width:820px;margin:.7rem auto;background:linear-gradient(180deg,var(--surface2),var(--surface));border:1px solid var(--line);border-radius:var(--r)}
details.acc summary{cursor:pointer;padding:1rem 1.3rem;font-weight:600;list-style:none;display:flex;justify-content:space-between;color:var(--gold2)}
details.acc summary::after{content:"+";color:var(--gold)}
details.acc[open] summary::after{content:"\2212"}
details.acc .body{padding:0 1.3rem 1.2rem}
details.acc ul{padding-left:1.2rem}
details.acc li{margin:.4rem 0}
.page-head{text-align:center;padding:4rem 1rem 0}
.punish{max-width:820px;margin:1rem auto;color:var(--mute);font-size:.9rem}
.reviews{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.review{margin:0}
.review .stars{color:var(--gold);letter-spacing:.15em;margin-bottom:.6rem}
.review blockquote{margin:0;color:var(--text);font-size:.95rem}
.review figcaption{margin-top:.9rem;font-size:.8rem;color:var(--mute)}
a.tile{text-decoration:none;color:inherit}
a.tile h3{color:var(--gold2)}