html {
  font-size: 14px;
}

:root { --bg:#080a0d; --panel:#11151a; --panel2:#171c22; --gold:#d3a84c; --gold2:#f0d17b; --line:#2a3038; --text:#e9edf1; --muted:#8d98a4; }
html { min-height:100%; }
body { background:radial-gradient(circle at 75% 5%,rgba(101,71,28,.22),transparent 26rem),linear-gradient(180deg,#0c1014,#07090b 55%); color:var(--text); min-height:100vh; font-family:Inter,"Segoe UI",sans-serif; }
a { color:var(--gold2); text-decoration:none; } a:hover{color:#fff0b3}
.site-nav { background:rgba(7,9,11,.94); border-bottom:1px solid rgba(211,168,76,.22); min-height:72px; backdrop-filter:blur(12px); }
.brand { font-weight:900; letter-spacing:.12em; } .brand span{color:var(--gold2);font-size:1.5rem}.navbar-nav .nav-link{color:#c2c8ce;padding-inline:1rem}.navbar-nav .nav-link:hover{color:white}
.main-shell { min-height:calc(100vh - 150px); padding-bottom:5rem; }
.btn-gold { color:#181104; background:linear-gradient(135deg,var(--gold2),#b78528); border:0; font-weight:800; box-shadow:0 8px 28px rgba(211,168,76,.14); }.btn-gold:hover{color:#000;background:linear-gradient(135deg,#fff0b3,var(--gold))}
.hero { min-height:560px; display:grid; grid-template-columns:1.45fr .55fr; gap:4rem; align-items:center; position:relative; }
.hero:before{content:"";position:absolute;inset:7% 0 0 33%;background:radial-gradient(ellipse,rgba(211,168,76,.14),transparent 65%);pointer-events:none}
.hero-copy{position:relative;z-index:1}.hero h1,.page-head h1{font-family:Georgia,serif;text-transform:uppercase;letter-spacing:.035em;line-height:.94}.hero h1{font-size:clamp(3.6rem,8vw,7.2rem);max-width:900px;text-shadow:0 6px 34px #000}.hero .lead{max-width:620px;color:#b7c0c8;margin:1.7rem 0 2.2rem}
.eyebrow{color:var(--gold2);font-size:.78rem;font-weight:900;letter-spacing:.25em;margin-bottom:1rem}.status-card,.panel,.news-card,.metric{background:linear-gradient(145deg,rgba(24,29,35,.96),rgba(13,16,20,.96));border:1px solid var(--line);border-radius:4px;box-shadow:0 16px 60px rgba(0,0,0,.22)}
.status-card{padding:2rem}.status-line{display:flex;gap:.75rem;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid var(--line)}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.status-dot.online{background:#48ce7b;box-shadow:0 0 14px #48ce7b}.status-dot.offline{background:#e35d5d}.status-card dl{margin:1.5rem 0 0}.status-card dl div{display:flex;justify-content:space-between;padding:.5rem 0}.status-card dt{color:var(--muted);font-weight:400}.status-card dd{font-weight:800}
.content-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:2rem}.section-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 1.2rem}.section-title h2,.panel h2{font-family:Georgia,serif;font-size:1.35rem;text-transform:uppercase;letter-spacing:.05em;margin:0}.news-card{padding:1.6rem;margin-bottom:1rem}.news-card time,.article time{color:var(--gold);font-size:.8rem}.news-card h3{margin:.45rem 0}.news-card h3 a{color:var(--text)}.news-card p{color:var(--muted);margin:0}.panel{padding:1.6rem}.ranking-mini{list-style:none;padding:0;margin:0;counter-reset:rank}.ranking-mini li{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--line)}.ranking-mini li:last-child{border:0}.ranking-mini span{font-weight:700}.ranking-mini small,.order-line small{display:block;color:var(--muted);font-weight:400;margin-top:.2rem}.ranking-mini strong{color:var(--gold2);font-size:.85rem}
.page-head{padding:5rem 0 2.5rem}.page-head h1{font-size:clamp(2.5rem,5vw,4.5rem)}.page-head p{color:var(--muted)}.page-head.split{display:flex;align-items:end;justify-content:space-between}.table-dark{--bs-table-bg:transparent;--bs-table-border-color:var(--line);margin:0}.table>:not(caption)>*>*{padding:1rem}.empty-state{border:1px dashed #3a424c;padding:2.2rem;color:var(--muted);text-align:center}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.download-card{display:flex;flex-direction:column;gap:1rem}.download-card code{word-break:break-all;font-size:.65rem}.article{max-width:900px;margin:5rem auto}.article h1{font-family:Georgia,serif;font-size:3rem;margin:1rem 0}.article-body{line-height:1.8;color:#c8cfd5}.prose{max-width:900px;line-height:1.8}
.auth-wrap{display:grid;grid-template-columns:1fr minmax(340px,480px);gap:7vw;align-items:center;min-height:700px}.auth-copy h1{font-family:Georgia,serif;font-size:clamp(3.5rem,7vw,6rem);text-transform:uppercase}.auth-copy p:last-child{color:var(--muted);max-width:500px}.form-panel{display:flex;flex-direction:column;gap:.7rem}.form-panel label{font-weight:700;font-size:.85rem;margin-top:.35rem}.form-panel small{color:var(--muted)}.form-panel span{color:#ff8d8d;font-size:.8rem}.form-control,.form-select{color:var(--text);background:#0b0e12;border-color:#343c46;min-height:44px}.form-control:focus,.form-select:focus{color:#fff;background:#0b0e12;border-color:var(--gold);box-shadow:0 0 0 .2rem rgba(211,168,76,.12)}.form-select option{background:#111}.check{display:flex;align-items:center;gap:.6rem}.narrow{max-width:560px}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.editor{min-height:250px}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:2rem}.metric{padding:1.4rem}.metric span{display:block;color:var(--muted);font-size:.8rem}.metric strong{display:block;font-size:1.6rem;margin-top:.35rem}.metric small{color:var(--gold)}.character-card span{color:var(--gold);font-size:.8rem}.character-card h3{margin:.5rem 0}.order-line{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.order-line:last-child{border:0}.muted{color:var(--muted)}
.shop-section{margin-bottom:3rem}.product-card{position:relative;display:flex;flex-direction:column;gap:1rem}.product-card p{color:var(--muted);min-height:3rem}.item-level{position:absolute;right:1rem;top:1rem;color:var(--gold2);font-weight:800}.tags{display:flex;gap:.4rem;flex-wrap:wrap}.tags span{font-size:.7rem;padding:.25rem .5rem;border:1px solid #51472f;color:var(--gold2)}.price{font-size:1.25rem}.buy-row{display:grid;grid-template-columns:1fr 65px auto;gap:.5rem}.offer-card{display:flex;flex-direction:column;gap:1rem}.offer-card strong{font-size:1.6rem;color:var(--gold2)}
.admin-nav{display:flex;gap:.3rem;flex-wrap:wrap;padding:1rem 0;border-bottom:1px solid var(--line)}.admin-nav a{padding:.6rem .85rem;color:#c6cdd4;background:#11161b}.admin-nav a:hover{background:#252015;color:var(--gold2)}
.site-footer{border-top:1px solid var(--line);padding:2rem 0;color:var(--muted)}.site-footer .container{display:flex;justify-content:space-between}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:1rem;padding:5rem 0}.hero h1{font-size:3.8rem}.content-grid,.auth-wrap{grid-template-columns:1fr}.auth-wrap{padding:4rem 0}.page-head.split{align-items:start;gap:1rem;flex-direction:column}.navbar-collapse{padding:1rem 0}.buy-row{grid-template-columns:1fr 60px}.buy-row .btn{grid-column:1/-1}}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}