:root{--bg:#0e0e0e;--bg-elev:#141414;--bg-elev-2:#161616;--text:#e7e7e7;--muted:#9aa0a6;--border:#292929;--orange:#ff6b00;--orange-2:#ff8800;--green:#18c37d;--red:#ff4d4d;--focus:#6ea8fe;}
html{overflow-y:scroll}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a{color:var(--orange)}a:hover{color:var(--orange-2)}.navbar,footer{background:#0b0b0b}.navbar .navbar-brand{color:var(--orange)!important}
.btn-warning{background:var(--orange)!important;border:1px solid var(--orange);color:#111!important;font-weight:700}.btn-warning:hover{background:var(--orange-2)!important;border-color:var(--orange-2)}
.btn-outline-secondary{border-color:var(--border);color:var(--text)}.btn-outline-secondary:hover{background:#1f1f1f}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.hero{position:relative;min-height:320px;display:flex;align-items:center}
.hero-overlay{background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.86))}.small-muted{color:var(--muted)!important;font-size:.92rem}
.section-title{color:var(--orange);display:flex;align-items:center;gap:8px;margin:0 0 14px 0}.search-chip{border:1px solid var(--border);padding:.38rem .7rem;border-radius:999px;color:var(--muted)}
.server-card{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:12px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;min-height:94px}
.server-card:hover{background:#1b1b1b;border-color:var(--orange);box-shadow:0 0 14px rgba(255,107,0,.25);transform:translateY(-1px)}
.server-left{display:flex;align-items:center;gap:14px;flex:1 1 auto;min-width:0}.game-icon{width:40px;height:40px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.1);flex:0 0 40px}
.server-title{margin:0;color:var(--orange);font-weight:800;font-size:1.06rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.server-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:.95rem}.flag{width:18px;height:12px;border-radius:2px;display:inline-block;vertical-align:middle;border:1px solid rgba(255,255,255,.2)}
.server-right{display:flex;align-items:center;gap:24px;flex:0 0 auto;white-space:nowrap}.stat{text-align:center;min-width:70px}.stat .label{color:var(--muted);font-size:.85rem}.stat .value{font-weight:800;font-size:1rem}
.status-online{color:var(--green);font-weight:800}.status-offline{color:var(--red);font-weight:800}
.promoted{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:14px}.promoted .badge{border:1px solid var(--orange)}
.table-dark{--bs-table-bg:#111;--bs-table-hover-bg:#151515;color:#ddd}.table-dark td,.table-dark th{border-color:#222}
.text-secondary { color: #aaa !important; }
.text-light { color: #e4e4e4 !important; }
.small-muted { color: #888 !important; }
.card { border-radius: 12px; }
.table-dark th, .table-dark td { color: #f1f1f1 !important; }
.table-dark thead th { background-color: #1b1b1b; border-bottom: 2px solid #333; }
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0d0d0d}::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#3a3a3a}
@media (prefers-reduced-motion:reduce){.server-card{transition:none}}@media (max-width:992px){.server-right{gap:16px}.stat{min-width:62px}}@media (max-width:576px){.server-card{gap:12px}.server-title{font-size:1rem}}