@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Share+Tech+Mono&family=Exo+2:wght@300;400;500;600&display=swap');

*{box-sizing:border-box;margin:0;padding:0}
:root{
  --orange:#c0440a;--dark:#080808;--mid:#111;--panel:#181818;--panel2:#1e1e1e;
  --border:rgba(192,68,10,.28);--glow:rgba(192,68,10,.12);
  --text:#f0ebe3;--muted:#7a7168;--accent:#e8693a;
  --green:#4caf7d;--red:#e24b4a;--blue:#5b9bd5;--yellow:#e8b84b;
  --gold:#d4a017;--gold-light:#f0c040;--gold-glow:rgba(212,160,23,.2);
  --discord:#5865f2;
}
html{scroll-behavior:smooth}
body{background:var(--dark);color:var(--text);font-family:'Exo 2',sans-serif;font-size:15px}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:var(--dark)}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}

.sk{background:rgba(255,255,255,.06);border-radius:3px;animation:sh 1.5s infinite;display:inline-block}
@keyframes sh{0%,100%{opacity:.5}50%{opacity:1}}

/* ── Nav ── */
.lnav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 32px;height:58px;display:flex;align-items:center;gap:0;background:rgba(10,10,10,.96);border-bottom:1px solid rgba(192,68,10,.18);will-change:transform;transition:background .3s}
.lnav.scrolled{background:rgba(10,10,10,.99)}
.lnav-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);flex:1;min-width:0}
.lhex{width:30px;height:30px;background:var(--orange);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center;font-family:'Rajdhani',sans-serif;font-weight:700;font-size:9px;letter-spacing:.5px;color:#fff;flex-shrink:0}
.lbrand-name{font-family:'Rajdhani',sans-serif;font-size:16px;font-weight:700;letter-spacing:1px}
.lnav-links{display:flex;align-items:center;gap:4px}
.lnav-right{display:flex;align-items:center;justify-content:flex-end;flex:1}
.lnav-link{padding:7px 14px;font-family:'Rajdhani',sans-serif;font-size:12px;font-weight:600;letter-spacing:.8px;color:var(--muted);text-decoration:none;border-radius:3px;transition:color .2s,background .2s;cursor:pointer}
.lnav-link:hover{color:var(--text);background:rgba(255,255,255,.04)}
.lnav-link.active{color:var(--accent)}
.lnav-cta{padding:7px 16px;background:var(--orange);color:#fff!important;border-radius:3px;font-family:'Rajdhani',sans-serif;font-size:12px;font-weight:700;letter-spacing:.8px;text-decoration:none;transition:background .2s,transform .15s}
.lnav-cta:hover{background:#d94d0d;transform:translateY(-1px)}
.lnav-vip{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;font-family:'Rajdhani',sans-serif;font-size:12px;font-weight:700;letter-spacing:.8px;color:#d4a017;text-decoration:none;border-radius:3px;transition:color .2s,background .2s;white-space:nowrap}
.lnav-vip:hover{color:#f0c040;background:rgba(212,160,23,.1)}
.lnav-vip.active{color:#f0c040;background:rgba(212,160,23,.1)}
.lnav-vip svg{flex-shrink:0;filter:drop-shadow(0 0 4px rgba(212,160,23,.5));transform:translateY(-1px)}
.lnav-auth{display:flex;align-items:center;gap:10px;margin-left:16px;flex-shrink:0;opacity:0;pointer-events:none;transition:opacity .2s ease}
.lnav-auth.ready{opacity:1;pointer-events:auto}
.lnav-signin{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 10px;background:#171a21;border:1px solid rgba(255,255,255,.12);border-radius:4px;text-decoration:none;color:#fff;font-family:'Rajdhani',sans-serif;font-size:12px;font-weight:700;letter-spacing:.6px;white-space:nowrap;transition:background .2s,border-color .2s}
.lnav-signin:hover{background:#1b2838;border-color:rgba(255,255,255,.25)}
.lnav-signin svg{flex-shrink:0;opacity:.9}
.lnav-user-wrap{position:relative}
.lnav-avatar-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}
.lnav-avatar-btn img,.lnav-avatar-initials{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.15);object-fit:cover;display:block;transition:border-color .2s}
.lnav-avatar-initials{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);font-family:'Rajdhani',sans-serif;font-size:11px;font-weight:700;color:var(--text)}
.lnav-avatar-btn:hover img,.lnav-avatar-btn:hover .lnav-avatar-initials{border-color:var(--accent)}
.lnav-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:230px;background:#1c1c1c;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 12px 40px rgba(0,0,0,.6);opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:200;overflow:hidden}
.lnav-dropdown.open{opacity:1;transform:translateY(0) scale(1);pointer-events:all}
.lnav-dd-header{display:flex;align-items:center;gap:11px;padding:14px 14px 13px}
.lnav-dd-avatar{width:40px;height:40px;border-radius:6px;border:1px solid rgba(255,255,255,.1);flex-shrink:0;object-fit:cover}
.lnav-dd-avatar-init{width:40px;height:40px;border-radius:6px;border:1px solid rgba(255,255,255,.1);flex-shrink:0;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;color:var(--text)}
.lnav-dd-name{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;color:var(--text);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}
.lnav-dd-id{font-family:'Share Tech Mono',monospace;font-size:9px;color:var(--muted);letter-spacing:.3px;margin-top:2px}
.lnav-dd-divider{height:1px;background:rgba(255,255,255,.07)}
.lnav-dd-item{display:flex;align-items:center;gap:10px;padding:10px 14px;color:var(--muted);text-decoration:none;font-family:'Rajdhani',sans-serif;font-size:13px;font-weight:600;letter-spacing:.3px;transition:background .15s,color .15s;cursor:pointer;border:none;background:none;width:100%;text-align:left}
.lnav-dd-item:hover{background:rgba(255,255,255,.05);color:var(--text)}
.lnav-dd-item svg{flex-shrink:0;opacity:.55}
.lnav-dd-item:hover svg{opacity:.85}
.lnav-dd-item .lnav-dd-ext{margin-left:auto;opacity:.3}
.lnav-dd-item:hover .lnav-dd-ext{opacity:.55}
.lnav-dd-item.dd-danger:hover{color:var(--red);background:rgba(226,75,74,.07)}
.lnav-notif-wrap{position:relative;display:none}
.lnav-notif-wrap.visible{display:flex;align-items:center}
.lnav-notif-btn{background:none;border:none;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;color:var(--muted);border-radius:4px;transition:color .2s,background .2s;position:relative}
.lnav-notif-btn:hover{color:var(--text);background:rgba(255,255,255,.05)}
.lnav-notif-btn svg{display:block;transition:opacity .2s}
.lnav-notif-badge{position:absolute;top:3px;right:3px;width:7px;height:7px;border-radius:50%;background:var(--accent);border:1.5px solid var(--dark);display:none}
.lnav-notif-badge.visible{display:block}
.lnav-notif-popup{position:absolute;top:calc(100% + 10px);right:0;width:300px;background:#1c1c1c;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 12px 40px rgba(0,0,0,.65);opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:200;overflow:hidden}
.lnav-notif-popup.open{opacity:1;transform:translateY(0) scale(1);pointer-events:all}
.lnav-notif-header{display:flex;align-items:center;justify-content:space-between;padding:13px 14px 11px;border-bottom:1px solid rgba(255,255,255,.07)}
.lnav-notif-title{font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:700;color:var(--text);letter-spacing:.3px}
.lnav-notif-close{background:none;border:none;cursor:pointer;color:var(--muted);padding:2px;display:flex;align-items:center;border-radius:3px;transition:color .2s}
.lnav-notif-close:hover{color:var(--text)}
.lnav-notif-body{padding:32px 16px;text-align:center}
.lnav-notif-empty{font-size:13px;color:var(--muted);font-style:italic}
.lnav-report-wrap{position:relative}
.lnav-report-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;background:none;border:none;cursor:pointer;font-family:'Rajdhani',sans-serif;font-size:12px;font-weight:600;letter-spacing:.8px;color:var(--muted);border-radius:3px;transition:color .2s,background .2s;white-space:nowrap}
.lnav-report-btn:hover{color:var(--text);background:rgba(255,255,255,.04)}
.lnav-report-btn svg{flex-shrink:0;opacity:.7;transition:opacity .2s}
.lnav-report-btn:hover svg{opacity:1}
.lnav-report-popup{position:absolute;top:calc(100% + 10px);right:0;width:296px;background:#1c1c1c;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 12px 40px rgba(0,0,0,.65);opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:200;overflow:hidden}
.lnav-report-popup.open{opacity:1;transform:translateY(0) scale(1);pointer-events:all}
.lnav-rp-body{display:flex;align-items:flex-start;gap:12px;padding:16px 16px 14px}
.lnav-rp-icon{width:36px;height:36px;border-radius:50%;background:rgba(192,68,10,.15);border:1px solid rgba(192,68,10,.35);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.lnav-rp-title{font-family:'Rajdhani',sans-serif;font-size:15px;font-weight:700;color:var(--text);margin-bottom:7px;letter-spacing:.3px}
.lnav-rp-text{font-size:12.5px;font-weight:400;color:rgba(240,235,227,.7);line-height:1.6}
.lnav-rp-hl{color:var(--accent);font-weight:600}
.lnav-rp-footer{background:rgba(255,255,255,.04);border-top:1px solid rgba(255,255,255,.07);padding:10px 16px;font-family:'Share Tech Mono',monospace;font-size:10px;color:var(--muted);line-height:1.5}
.lnav-rp-kbd{display:inline-block;padding:1px 6px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:3px;font-family:'Share Tech Mono',monospace;font-size:10px;color:var(--text);letter-spacing:.5px}
html{overflow-x:hidden}
.lnav-hamburger{display:none;background:none;border:none;cursor:pointer;padding:6px;color:var(--muted);border-radius:4px;transition:color .2s,background .2s;margin-left:6px;flex-shrink:0}
.lnav-hamburger:hover{color:var(--text);background:rgba(255,255,255,.05)}
.lnav-mob{position:fixed;top:58px;left:0;right:0;background:rgba(10,10,10,.97);border-bottom:1px solid rgba(192,68,10,.18);z-index:99;transform:translateY(-105%);transition:transform .22s ease;padding:8px 0 14px}
.lnav-mob.open{transform:translateY(0)}
.lnav-mob-link{display:flex;align-items:center;padding:11px 20px;font-family:'Rajdhani',sans-serif;font-size:14px;font-weight:600;letter-spacing:.7px;color:var(--muted);text-decoration:none;transition:color .15s,background .15s}
.lnav-mob-link:hover{color:var(--text);background:rgba(255,255,255,.04)}
.lnav-mob-link.active{color:var(--accent)}
.lnav-mob-vip{color:#d4a017}
.lnav-mob-vip:hover,.lnav-mob-vip.active{color:#f0c040;background:rgba(212,160,23,.06)}
.lnav-mob-sep{height:1px;background:rgba(255,255,255,.07);margin:6px 20px}
@media(max-width:720px){.lnav{padding:0 16px}.lnav-links,.lnav-report-wrap{display:none!important}.lnav-hamburger{display:flex;align-items:center;justify-content:center}.lnav-vip{display:none!important}.lnav-auth{margin-left:6px}.lnav-notif-wrap{display:none!important}}
@media(min-width:721px){.lnav-mob{display:none!important}}

/* ── Footer ── */
.lfooter{background:var(--mid);border-top:1px solid var(--border);padding:18px 32px}
.lfooter-inner{display:flex;align-items:center;gap:16px}
.lfooter-copy{font-family:'Exo 2',sans-serif;font-size:12px;color:var(--muted);white-space:nowrap;flex:1}
.lfooter-links{display:flex;align-items:center;gap:2px;flex-shrink:0}
.lfooter-link{font-family:'Rajdhani',sans-serif;font-size:12px;font-weight:600;letter-spacing:.6px;color:var(--muted);text-decoration:none;padding:4px 9px;border-radius:3px;transition:color .2s,background .2s;white-space:nowrap}
.lfooter-link:hover{color:var(--text);background:rgba(255,255,255,.05)}
.lfooter-sep{width:1px;height:12px;background:rgba(255,255,255,.1);margin:0 4px;flex-shrink:0}
.lfooter-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--muted);border-radius:4px;transition:color .2s,background .2s;text-decoration:none;margin-left:2px}
.lfooter-icon:hover{color:var(--text);background:rgba(255,255,255,.06)}
@media(max-width:600px){.lfooter-inner{flex-direction:column;align-items:flex-start;gap:12px}.lfooter-copy{flex:none}.lfooter-links{flex-wrap:wrap}}