:root{--bg:#0d0d0f;--panel:#1c1c20;--panel2:#23232a;--accent:#f39c12;--text:#e8e8ec;--muted:#a0a0ac;--line:#0a0a0d}
body.bg{background: radial-gradient(60vw 60vh at 50% -10%, #ff980011, transparent 60%), linear-gradient(#111118,#0b0b10);color:var(--text);font:400 15px/1.5 Inter,Arial,Helvetica,sans-serif}
.container{max-width:1160px;margin:0 auto;padding:0 14px}
.topbar{background:linear-gradient(#2a2a31,#1b1b1f);border-bottom:1px solid #0a0a0d}
.topbar .container{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.logo{font:800 22px/1 Arial;letter-spacing:.5px;color:#ddd;text-transform:uppercase}.logo span{color:var(--accent)}
.banner{height:90px;display:flex;align-items:center;justify-content:center;background:linear-gradient(#3a3a43,#22222a);border:1px solid #0d0d12;border-radius:8px;color:#dcdce0}
.nav{background:#141419;border-top:1px solid #0a0a0d;border-bottom:1px solid #0a0a0d}
.nav .container ul{display:flex;gap:8px;padding:8px 0}
.nav a{display:block;padding:10px 16px;border-radius:18px;background:linear-gradient(#2c2c33,#1a1a20);color:#eee;text-decoration:none;border:1px solid #0a0a0d}
.nav li.active a,.nav a:hover{background:linear-gradient(#ffbf66,#f39c12);color:#000;border-color:#b36b00}
.grid3{display:grid;grid-template-columns:1.2fr 0.9fr 0.9fr;gap:18px;margin-top:18px}
.panel{background:linear-gradient(#26262e,#1b1b22);border:1px solid #0d0d12;border-radius:10px;box-shadow:0 3px 0 #000a;padding:12px}
.panel h3{font-weight:700;margin-bottom:8px}
.panel.hero{padding:0;overflow:hidden}.hero-thumb{height:180px;background:linear-gradient(#30303a,#121217)}.hero-caption{padding:12px}
.meta .badge{display:inline-block;margin-right:6px;padding:4px 8px;border-radius:12px;font-size:12px;background:#3a3a44}
.meta .badge.video{background:linear-gradient(#ffbf66,#f39c12);color:#000;font-weight:700}
.post{position:relative;margin-top:14px}.ribbon{position:absolute;right:12px;top:-10px;background:linear-gradient(#ffbf66,#f39c12);color:#000;font-weight:800;padding:6px 10px;border-radius:0 0 8px 8px;border:1px solid #b36b00}
.post-meta{display:flex;align-items:center;gap:12px;margin-top:8px;color:#bbb}
.btn{background:linear-gradient(#ffbf66,#f39c12);border:1px solid #b36b00;color:#000;padding:8px 14px;border-radius:20px;cursor:pointer;display:inline-block;text-decoration:none}
.btn.small{padding:6px 10px;font-size:12px}
.panel.list{padding-top:0}.tab{display:inline-block;transform:translateY(-14px);padding:8px 14px;border-radius:0 0 8px 8px;border:1px solid #0a0a0d;color:#000;font-weight:800;background:linear-gradient(#ffbf66,#f39c12)}
.list-items li{padding:10px;border-bottom:1px solid #2a2a33}.list-items li:last-child{border-bottom:0}
.server-card{display:flex;align-items:center;gap:10px;padding:10px;background:linear-gradient(#2b2b33,#1b1b22);border:1px solid #0b0b10;border-radius:8px;margin-bottom:10px}
.server-thumb{width:52px;height:52px;border-radius:6px;background:linear-gradient(#3b3b44,#22222a)}
.server-info{flex:1}.server-ip{color:#bbb;font-size:12px}.bar{height:10px;background:#2a2a33;border:1px solid #0b0b10;border-radius:10px;overflow:hidden;margin:6px 0}.bar span{display:block;height:100%;background:linear-gradient(#ffbf66,#f39c12)}.server-players{font-size:12px;color:#cfcfd8}
.search input{flex:1;padding:8px;border-radius:18px;border:1px solid #000;background:#1c1c1c;color:#eee}
.footer{margin:22px 0}.footer .container{display:flex;flex-direction:column;gap:12px}.footer .links{display:flex;gap:16px;justify-content:flex-end}.footer .links a{color:#cfcfcf;text-decoration:none}
#chat-toggle{position:fixed;right:18px;bottom:18px;border-radius:24px;padding:10px 14px;background:linear-gradient(#ffbf66,#f39c12);border:1px solid #b36b00;color:#000;z-index:9999}
#chat-box{position:fixed;right:18px;bottom:70px;width:320px;max-height:420px;display:none;flex-direction:column;background:#1e1e1e;border:1px solid #111;border-radius:10px;box-shadow:0 10px 30px #000a;z-index:9998}
#chat-header{padding:10px 12px;border-bottom:1px solid #333;background:#2a2a2a;border-radius:10px 10px 0 0;font-weight:bold}
#chat-messages{flex:1;overflow:auto;padding:10px}#chat-input{display:flex;border-top:1px solid #333}
#chat-input input{flex:1;background:#111;border:0;color:#eee;padding:10px;border-radius:0 0 0 10px}#chat-input button{background:linear-gradient(#ffbf66,#f39c12);border:0;color:#000;padding:10px 12px;border-radius:0 0 10px 0}
#jumpTop{position:fixed;right:18px;bottom:120px;display:none;padding:8px 12px;border-radius:18px;background:linear-gradient(#ffbf66,#f39c12);border:1px solid #b36b00;color:#000;z-index:9999}