:root{--gold:#c9a36a;--gold2:#7b5a32;--ink:#080909;--paper:#d8d0c2;--red:#641b13}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080909;color:#d8d0c2;font-family:Georgia,'Times New Roman',serif;background-image:radial-gradient(circle at 50% 20%,#27221b 0,#0c0d0d 35%,#060707 75%)}a{color:inherit;text-decoration:none}.nav{height:74px;position:sticky;top:0;z-index:10;display:flex;align-items:center;padding:0 6vw;background:rgba(6,7,7,.94);border-bottom:1px solid var(--gold2);box-shadow:0 4px 20px #000}.brand{color:#e0bd82;font-size:23px;line-height:.85;text-shadow:0 1px 8px #000}.brand span{display:block;font-size:14px;letter-spacing:2px}.nav nav{display:flex;gap:38px;margin:auto;font-size:13px;letter-spacing:1.4px}.nav nav a:hover,.section-head a:hover{color:var(--gold)}.discord,.btn{border:1px solid #927044;padding:12px 25px;background:linear-gradient(#1d2021,#0d0e0e);box-shadow:inset 0 0 0 2px #0b0c0c;letter-spacing:1px}.discord{border-radius:3px}.hero{min-height:690px;position:relative;display:grid;place-items:center;text-align:center;background-image:url('assets/images/hero-bg.png');background-size:cover;background-position:center center;background-repeat:no-repeat;isolation:isolate}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.12) 48%,rgba(0,0,0,.30)),linear-gradient(0deg,#080909 0,transparent 38%,rgba(0,0,0,.08));z-index:-1}.hero-copy{margin-top:40px;text-shadow:0 3px 12px #000}.sigil{font-size:42px;color:var(--gold)}h1{font-size:68px;line-height:.88;margin:8px 0 20px;color:#e1d0b3;font-weight:500;letter-spacing:2px}.hero h2{font-size:20px;letter-spacing:5px;color:#e2d7c5;font-weight:400}.hero p{font:17px Arial,sans-serif;line-height:1.6}.actions{display:flex;justify-content:center;gap:18px;margin-top:28px}.btn{display:inline-block;min-width:170px;text-align:center;font-size:13px}.primary{background:linear-gradient(#7c2418,#4d100c);border-color:#c18b4e;color:#fff}.traits{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #5b452b;background:#0b0c0c;padding:24px 8vw}.traits article{display:flex;flex-direction:column;align-items:center;border-right:1px solid #32281b}.traits article:last-child{border:0}.traits b{color:#c9a36a;font-size:13px}.traits span{font:10px Arial,sans-serif;letter-spacing:1.4px;margin-top:6px;color:#8f8a82}.panel{border:1px solid #5b452b;background:linear-gradient(135deg,rgba(28,26,22,.94),rgba(8,9,9,.96));box-shadow:inset 0 0 30px #000,0 8px 28px #000}.client{max-width:1180px;margin:38px auto;display:grid;grid-template-columns:1.15fr 1fr;gap:42px;padding:28px;align-items:center}.client-gallery{height:320px;overflow:hidden;border:1px solid #967040;box-shadow:0 0 0 5px #111,0 0 0 6px #5b452b;background:radial-gradient(circle at center,#24211c 0%,#101111 55%,#080909 100%)}.gallery-placeholder{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#c9a36a;letter-spacing:4px}.gallery-placeholder span{font-size:15px}.gallery-placeholder small{margin-top:10px;font:10px Arial,sans-serif;letter-spacing:2px;color:#77736c}.eyebrow{color:#a78659;letter-spacing:4px;font-size:11px}.client h2,.powerbook h2,.download h2{font-size:34px;color:#d5ad72;font-weight:400;letter-spacing:2px;margin:5px 0 20px}.client p{font:15px Arial,sans-serif;color:#aaa49a;line-height:1.7}.two-col{max-width:1180px;margin:0 auto 36px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.two-col>.panel{padding:14px}.section-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #4c3a26;padding:0 5px 10px}.section-head h3{margin:0;color:#e0c59a;font-weight:400}.section-head a{font-size:9px}.art{height:145px;border:1px solid #5b452b;margin:10px 0;background-size:cover;background-position:center}.castle{background-image:linear-gradient(#0001,#0009),url('assets/design-reference.png');background-position:center 18%}.fire{background:radial-gradient(circle at 50% 70%,#d35a20,#52140d 30%,#090909 70%)}.storm{background:radial-gradient(circle at 50% 25%,#6686a4,#142433 28%,#080909 72%)}.siege{background:linear-gradient(160deg,#75634f,#29231e 48%,#0b0b0b)}.feature-card h3{margin:8px 0;color:#eee;font-weight:400}.feature-card p{font:12px Arial,sans-serif;color:#aaa}.feature-card>a{font-size:10px;color:#d5ad72}.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.event-grid article{text-align:center;border:1px solid #5b452b;padding:0 8px 12px}.event-grid b{display:block;font-size:10px;color:#d7bd91}.event-grid small{display:inline-block;margin-top:10px;padding:4px 8px;background:#153a23;border-radius:3px;font:9px Arial}.powerbook{text-align:center;padding:48px 6vw;background:linear-gradient(rgba(7,8,8,.75),rgba(7,8,8,.9)),radial-gradient(circle,#3b3023,#090a0a 60%);border-block:1px solid #5b452b}.powerbook h2{margin-top:-2px}.powerbook>p:not(.eyebrow){font:13px Arial;color:#aaa}.search{max-width:600px;margin:22px auto;display:flex;border:1px solid #846238;background:#0b0d0e}.search input{flex:1;padding:14px;background:transparent;border:0;color:white;outline:none}.search button{width:54px;background:#1b1814;color:#d6b275;border:0;border-left:1px solid #846238;font-size:20px}.categories{max-width:900px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.categories a{height:130px;border:1px solid #725638;background:linear-gradient(#24211c,#0c0d0d);display:flex;flex-direction:column;justify-content:center;font-size:36px;color:#b48b55;transition:.2s}.categories a:hover{transform:translateY(-3px);box-shadow:0 0 20px #7b5a3244}.categories b{font-size:13px;color:#eee;margin-top:12px;letter-spacing:1px}.download{text-align:center;padding:55px 20px;background:linear-gradient(90deg,#1a1712,#5b432b55,#17140f);border-bottom:1px solid #5b452b}.download p{font:12px Arial;color:#b4afa6}.download .btn{margin-top:14px}footer{min-height:150px;padding:32px 6vw;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#7f7b75;font-size:10px}footer small{color:#625f5a}@media(max-width:850px){.nav nav{display:none}.nav{justify-content:space-between}.hero{min-height:600px}.hero h1{font-size:44px}.hero h2{font-size:13px}.client,.two-col{grid-template-columns:1fr;margin-inline:16px}.traits{grid-template-columns:1fr;gap:18px}.traits article{border:0}.categories{grid-template-columns:1fr 1fr}.event-grid{grid-template-columns:1fr}footer{flex-direction:column;text-align:center}.client-gallery{height:230px}}

.subpage-hero{min-height:300px;display:grid;place-items:center;text-align:center;padding:70px 20px;background:linear-gradient(rgba(4,5,5,.42),rgba(4,5,5,.88)),url('assets/images/hero-bg.png') center 42%/cover;border-bottom:1px solid #5b452b}
.subpage-hero h1{font-size:52px;margin:0 0 14px}.subpage-hero p{max-width:700px;margin:0 auto;font:14px Arial,sans-serif;line-height:1.7;color:#b8b2a8}
.page-content{max-width:1180px;margin:36px auto;padding:0 20px 50px}.page-panel{border:1px solid #5b452b;background:linear-gradient(135deg,rgba(28,26,22,.94),rgba(8,9,9,.96));box-shadow:inset 0 0 30px #000,0 8px 28px #000;padding:28px;margin-bottom:20px}
.page-panel h2{margin-top:0;color:#d5ad72;font-weight:400;letter-spacing:2px}.page-panel p{font:14px Arial,sans-serif;color:#aaa49a;line-height:1.75}
.page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.page-card{border:1px solid #5b452b;background:linear-gradient(#201d18,#0b0c0c);padding:22px;min-height:160px}.page-card h3{color:#d7bd91;font-weight:400}.page-card p{font:12px Arial,sans-serif;color:#999;line-height:1.6}
.footer-links a:hover{color:var(--gold)}
@media(max-width:850px){.subpage-hero h1{font-size:38px}.page-grid{grid-template-columns:1fr}}


/* Header tagline */
.nav-brand small{
    display:block;
    margin-top:7px;
    color:#9b6651;
    font:9px Arial,sans-serif;
    font-weight:600;
    letter-spacing:1.5px;
    white-space:nowrap;
    text-shadow:0 1px 5px #000;
}

/* Client + live server status area */
.client-area{
    width:min(1540px,calc(100% - 48px));
    margin:38px auto;
    display:grid;
    grid-template-columns:260px minmax(0,1180px);
    gap:36px;
    justify-content:center;
    align-items:stretch;
}
.client-area>.client{
    max-width:none;
    width:100%;
    margin:0;
}
.server-status{
    padding:24px 20px;
    min-width:0;
}
.status-heading{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-bottom:15px;
    border-bottom:1px solid #4c3a26;
}
.status-heading h3{
    margin:0;
    color:#e0c59a;
    font-size:15px;
    font-weight:400;
    letter-spacing:2px;
}
.status-light{
    width:11px;
    height:11px;
    flex:0 0 11px;
    border-radius:50%;
    position:relative;
}
.status-light::after{
    content:"";
    position:absolute;
    inset:-5px;
    border-radius:50%;
    opacity:.45;
}
.status-offline{
    background:#e44232;
    box-shadow:0 0 5px #ff4938,0 0 12px rgba(255,50,35,.9),0 0 24px rgba(180,20,12,.55);
}
.status-offline::after{
    box-shadow:0 0 15px #d52d20;
}
.status-online{
    background:#57e878;
    box-shadow:0 0 5px #68ff8a,0 0 12px rgba(60,255,105,.9),0 0 24px rgba(20,180,65,.55);
}
.status-online::after{
    box-shadow:0 0 15px #31c75a;
}
.status-total{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:12px;
    padding:21px 0 16px;
    border-bottom:1px solid #32281b;
}
.status-total span{
    color:#d7bd91;
    font-size:15px;
}
.status-total strong{
    color:#e2b66f;
    font-size:30px;
    font-weight:400;
    line-height:1;
}
.status-classes>div{
    display:flex;
    justify-content:space-between;
    gap:12px;
    padding:9px 0;
    border-bottom:1px solid rgba(76,58,38,.45);
    font:13px Arial,sans-serif;
}
.status-classes>div:last-child{
    border-bottom:0;
}
.status-classes span{
    color:#aaa49a;
}
.status-classes b{
    color:#d9c29a;
    font-weight:400;
}

@media(max-width:1250px){
    .client-area{
        grid-template-columns:220px minmax(0,1fr);
        width:calc(100% - 32px);
        gap:16px;
    }
}
@media(max-width:950px){
    .client-area{
        grid-template-columns:1fr;
        width:auto;
        margin:38px 16px;
    }
    .server-status{
        order:2;
    }
    .client-area>.client{
        margin:0;
    }
}