:root{--coal:#090909;--coal-2:#11100e;--sand:#d3b58a;--bone:#eee3d0;--ember:#bf4a20;--ember-light:#e47a3e;--line:rgba(211,181,138,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--coal);color:var(--bone);font-family:Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}.site-header{position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:26px clamp(24px,6vw,100px);border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;gap:13px;align-items:center}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border:1px solid var(--sand);transform:rotate(45deg);color:var(--sand);font:700 12px Cinzel}.brand-mark::first-line{transform:rotate(-45deg)}.brand b,.brand small{display:block}.brand b{font:700 15px Cinzel;letter-spacing:.12em}.brand small{margin-top:3px;color:#ac9d89;font-size:10px;letter-spacing:.23em;text-transform:uppercase}nav{display:flex;gap:34px}nav a{color:#c9bda9;font:600 11px Cinzel;letter-spacing:.16em;text-transform:uppercase;transition:.2s}nav a:hover{color:#fff}.menu-button{display:none;background:none;border:1px solid var(--line);color:#fff;padding:10px 14px}.hero{position:relative;min-height:100svh;display:flex;align-items:center;padding:140px clamp(24px,8vw,150px) 90px;isolation:isolate;overflow:hidden;background:linear-gradient(90deg,rgba(4,4,4,.92) 0%,rgba(5,5,5,.67) 36%,rgba(5,5,5,.1) 72%),linear-gradient(0deg,#090909 0%,transparent 25%),url('../images/hero-citadel.png') center/cover no-repeat}.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 78% 54%,rgba(199,73,24,.12),transparent 32%)}.hero-content{width:min(690px,66vw)}.eyebrow{margin:0 0 17px;color:var(--ember-light);font:600 11px Cinzel;letter-spacing:.32em;text-transform:uppercase}.eyebrow::before{content:"";display:inline-block;width:38px;height:1px;margin:0 13px 3px 0;background:var(--ember-light)}h1,h2,h3{font-family:Cinzel,serif}h1{margin:0;font-size:clamp(44px,6vw,92px);line-height:.95;letter-spacing:-.035em;text-transform:uppercase;text-shadow:0 5px 35px #000}h1 em{color:var(--sand);font-style:normal;font-weight:500}.intro{max-width:620px;margin:28px 0 34px;color:#c9c0b3;font-size:clamp(15px,1.25vw,18px);line-height:1.75}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 25px;border:1px solid transparent;font:700 11px Cinzel;letter-spacing:.14em;text-transform:uppercase;transition:.25s}.button-primary{background:linear-gradient(135deg,#b6421c,#7f2710);box-shadow:0 10px 30px rgba(167,52,17,.24)}.button-primary:hover{transform:translateY(-2px);background:linear-gradient(135deg,#d05b2b,#962f13)}.button-ghost{border-color:rgba(238,227,208,.28);background:rgba(8,8,8,.38)}.button-ghost:hover{border-color:var(--sand)}.status-card{position:absolute;right:clamp(24px,5vw,80px);bottom:70px;width:290px;padding:23px;background:rgba(10,9,8,.8);border:1px solid var(--line);backdrop-filter:blur(14px)}.status-line{display:flex;gap:10px;align-items:center;padding-bottom:17px;border-bottom:1px solid var(--line);font:600 11px Cinzel;letter-spacing:.08em}.status-dot{width:8px;height:8px;border-radius:50%;background:#d8993e;box-shadow:0 0 12px #d8993e}.status-card dl{margin:17px 0;display:grid;grid-template-columns:repeat(3,1fr)}.status-card dl div+div{border-left:1px solid var(--line);padding-left:12px}.status-card dt,.status-card small{color:#8e8374;font-size:9px;text-transform:uppercase;letter-spacing:.13em}.status-card dd{margin:5px 0 0;font:600 13px Cinzel}.scroll-hint{position:absolute;left:50%;bottom:30px;color:#8e8374;font-size:9px;letter-spacing:.17em;text-transform:uppercase}.scroll-hint span{color:var(--sand);margin-left:8px}.section{padding:100px clamp(24px,8vw,150px)}.world{background:radial-gradient(circle at 50% 0,rgba(151,73,30,.1),transparent 36%),var(--coal)}.section-heading{text-align:center;max-width:690px;margin:auto}.section-heading .eyebrow::before,.community .eyebrow::before{display:none}.section h2{margin:0 0 18px;font-size:clamp(32px,4vw,56px);text-transform:uppercase}.section-heading>p:last-child,.server p,.community>p:last-child{color:#9f9587;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:60px;background:var(--line);border:1px solid var(--line)}.feature-grid article{position:relative;padding:45px 35px;background:#0d0c0b}.feature-grid span{color:#5c402c;font:800 50px Cinzel}.feature-grid h3{font-size:18px;text-transform:uppercase}.feature-grid p{color:#91877a;font-size:14px;line-height:1.7}.server{display:flex;align-items:center;justify-content:space-between;gap:40px;background:linear-gradient(90deg,#14110e,rgba(20,17,14,.72)),url('../images/hero-citadel.png') center 57%/cover}.server>div{max-width:720px}.server .button{flex:0 0 auto}.community{text-align:center;background:#0b0a09}.community>p:last-child{max-width:620px;margin:auto}footer{display:flex;justify-content:space-between;gap:20px;padding:28px clamp(24px,8vw,150px);border-top:1px solid var(--line);color:#756b5f}footer span{font:600 12px Cinzel;text-transform:uppercase;letter-spacing:.12em}footer small{font-size:10px}.embers{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,#e8793c 0 1px,transparent 1.5px);background-size:93px 83px;opacity:.12;animation:drift 16s linear infinite}@keyframes drift{to{transform:translateY(-83px)}}
@media(max-width:820px){.site-header{padding:20px 24px}.menu-button{display:block}nav{display:none;position:absolute;top:84px;right:24px;flex-direction:column;gap:0;width:190px;padding:8px;background:#11100f;border:1px solid var(--line)}nav.open{display:flex}nav a{padding:14px}.hero{align-items:flex-start;padding-top:160px;background-position:62% center}.hero-content{width:100%}h1{font-size:clamp(42px,13vw,68px)}.intro{max-width:540px}.status-card{position:relative;right:auto;bottom:auto;margin:55px 0 0;width:min(100%,340px)}.scroll-hint{display:none}.hero{display:block}.feature-grid{grid-template-columns:1fr}.server{align-items:flex-start;flex-direction:column}footer{flex-direction:column}}
@media(max-width:480px){.brand b{font-size:12px}.hero{padding-left:20px;padding-right:20px}.hero-actions .button{width:100%}.section{padding:75px 20px}.feature-grid article{padding:35px 27px}.status-card{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.embers{animation:none}.button{transition:none}}
.status-dot.offline{background:#7d3328;box-shadow:0 0 12px rgba(125,51,40,.65)}
.steam-login{border:1px solid #687b95;padding:10px 14px}.button-steam{background:#1b2838;border-color:#66c0f4}.steam-user{display:flex;align-items:center;gap:9px;color:#ddd;font-size:11px}.steam-user img{width:30px;height:30px;border-radius:2px}.steam-user a{color:var(--ember-light)}.members-page{min-height:100vh;background:radial-gradient(circle at top right,#251810,transparent 35%),#090909}.members-header{padding:55px clamp(24px,8vw,150px);border-bottom:1px solid var(--line)}.members-header>a{color:var(--sand);font-size:12px}.members-header h1{margin:24px 0 0;font-size:clamp(38px,6vw,72px)}.members-list{display:grid;gap:12px;padding:50px clamp(24px,8vw,150px)}.member-card{display:grid;grid-template-columns:64px 1fr auto auto;align-items:center;gap:20px;padding:18px;background:#11100e;border:1px solid var(--line)}.member-card img{width:64px;height:64px}.member-card h2{margin:0 0 6px;font-size:18px}.member-card p{margin:0;color:#83796b;font-size:11px}.member-card>span{color:var(--ember-light);font:600 10px Cinzel;text-transform:uppercase}.member-card>a{color:var(--sand);font-size:11px}@media(max-width:650px){.member-card{grid-template-columns:52px 1fr}.member-card img{width:52px;height:52px}.member-card>span,.member-card>a{grid-column:2}}
.admin-page{min-height:100vh;background:#100d0b;color:#eee6da}.admin-header{min-height:78px;padding:18px clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(197,139,71,.22);background:rgba(16,13,11,.94)}.admin-header a{color:#d9ab6f}.admin-header div{display:flex;gap:12px;align-items:center;color:#9f958a}.admin-header strong{color:#f2e8da}.admin-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:56px 0 80px}.admin-hero{display:flex;justify-content:space-between;gap:32px;align-items:end;padding:42px;border:1px solid rgba(197,139,71,.25);background:linear-gradient(135deg,rgba(104,46,29,.32),rgba(26,21,17,.92))}.admin-hero h1{margin:6px 0 12px;font:700 clamp(2.3rem,5vw,4.5rem)/1 Cinzel,serif}.admin-hero p{max-width:660px;color:#b9afa3}.admin-live{min-width:220px;padding:22px;display:grid;grid-template-columns:auto 1fr;gap:8px 12px;align-items:center;background:rgba(9,8,7,.72);border:1px solid rgba(255,255,255,.08)}.admin-live small{grid-column:2;color:#a99f94}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.admin-panel{padding:30px;border:1px solid rgba(197,139,71,.2);background:#181411}.admin-panel h2{margin:5px 0 22px;font:600 1.55rem Cinzel,serif}.admin-output{min-height:190px;margin:22px 0 0;padding:18px;overflow:auto;white-space:pre-wrap;color:#cfc5b8;background:#0c0a09;border:1px solid rgba(255,255,255,.08)}.admin-panel label{display:block;margin-bottom:10px;color:#cfc5b8}.admin-panel textarea{width:100%;min-height:150px;resize:vertical;padding:16px;color:#f3eadf;background:#0c0a09;border:1px solid rgba(197,139,71,.32);font:inherit}.admin-panel textarea:focus{outline:2px solid rgba(197,139,71,.45);outline-offset:2px}.admin-form-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px}.admin-form-footer small,.admin-feedback{color:#a99f94}.admin-feedback{min-height:24px;margin-top:18px}.admin-note{margin-top:24px;padding:22px 26px;border-left:3px solid #c58b47;background:rgba(197,139,71,.08)}.admin-note p{margin:6px 0 0;color:#b9afa3}@media(max-width:800px){.admin-hero{align-items:stretch;flex-direction:column;padding:28px}.admin-grid{grid-template-columns:1fr}.admin-header div span{display:none}}