/* ============================================
   AceKill.pl Forum — Red/Purple Theme
   Inspired by GoldenShots + Invision Community
   ============================================ */

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

:root {
  --bg:          #0a0710;
  --bg2:         #0d0a14;
  --bg3:         #100d18;
  --panel:       #13101e;
  --panel2:      #161228;
  --panel3:      #1a1530;
  --border:      #251e3a;
  --border2:     #2e2548;
  --red:         #e8312a;
  --red2:        #ff4d3d;
  --purple:      #8b2fc9;
  --purple2:     #a855f7;
  --purple3:     #7c3aed;
  --accent:      #e8312a;
  --accent2:     #a855f7;
  --green:       #22c55e;
  --gold:        #f59e0b;
  --cyan:        #06b6d4;
  --text:        #c4b8d8;
  --text-dim:    #6b5e82;
  --text-muted:  #3d3355;
  --white:       #f0ecfa;
  --radius:      3px;
  --font:        'Exo 2', sans-serif;
  --mono:        'Share Tech Mono', monospace;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}

body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--font);
  font-size: 14px;
  line-height: 1.6;
  min-height: 100vh;
  overflow-x: hidden;
}

body::before {
  content: '';
  position: fixed;
  inset: 0;
  background:
    radial-gradient(ellipse 80% 40% at 0% 0%, rgba(139,47,201,.08) 0%, transparent 60%),
    radial-gradient(ellipse 60% 40% at 100% 100%, rgba(232,49,42,.06) 0%, transparent 60%);
  pointer-events: none;
  z-index: 0;
}

body::after {
  content: '';
  position: fixed;
  inset: 0;
  background-image:
    linear-gradient(rgba(139,47,201,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(139,47,201,.025) 1px, transparent 1px);
  background-size: 32px 32px;
  pointer-events: none;
  z-index: 0;
}

a{color:var(--text);text-decoration:none;transition:color .2s}
a:hover{color:var(--purple2)}
img{max-width:100%}

::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--red),var(--purple));border-radius:4px}

/* TOPBAR */
.topbar{background:rgba(10,7,16,.98);border-bottom:1px solid var(--border);height:28px;display:flex;align-items:center;position:relative;z-index:10}
.topbar::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--purple),var(--red),transparent);opacity:.5}
.topbar-inner{width:100%;max-width:1260px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}
.online-dot{width:5px;height:5px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green);display:inline-block;margin-right:6px;animation:blink 2s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.topbar-text{font-family:var(--mono);font-size:10px;color:var(--text-muted)}
.topbar-link{font-size:10px;color:var(--text-muted)}
.topbar-link:hover{color:var(--purple2)}

/* NAV */
.forum-nav{position:sticky;top:0;z-index:100;background:rgba(10,7,16,.97);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);height:54px;display:flex;align-items:center}
.forum-nav::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--red),var(--purple),var(--red));background-size:200% 100%;animation:slide-grad 4s linear infinite}
@keyframes slide-grad{0%{background-position:0%}100%{background-position:200%}}
.nav-inner{width:100%;max-width:1260px;margin:0 auto;padding:0 20px;display:flex;align-items:center}
.nav-logo{font-family:'Exo 2',sans-serif;font-size:20px;font-weight:800;color:var(--white);letter-spacing:.5px;margin-right:24px;flex-shrink:0;text-transform:uppercase}
.nav-logo span{color:var(--red)}
.nav-logo em{font-style:normal;font-size:11px;color:var(--text-muted);font-weight:400}
.nav-links{display:flex;flex:1}
.nav-link{padding:0 16px;height:54px;display:flex;align-items:center;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim);transition:color .2s,background .2s;position:relative}
.nav-link::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--red),var(--purple));transform:scaleX(0);transition:transform .25s}
.nav-link:hover,.nav-link.active{color:var(--white);background:rgba(139,47,201,.06)}
.nav-link:hover::after,.nav-link.active::after{transform:scaleX(1)}
.nav-link.active{color:var(--purple2)}
.nav-admin{color:var(--red)!important}
.nav-user{display:flex;align-items:center;gap:10px;margin-left:auto}
.nav-pm-badge{padding:2px 8px;background:linear-gradient(135deg,var(--red),var(--purple));color:#fff;font-size:10px;font-weight:700;border-radius:10px}
.nav-dropdown{position:relative}
.nav-avatar-btn{display:flex;align-items:center;gap:8px;background:rgba(139,47,201,.1);border:1px solid var(--border2);padding:4px 12px 4px 4px;cursor:pointer;transition:all .2s;border-radius:var(--radius)}
.nav-avatar-btn:hover{border-color:var(--purple);background:rgba(139,47,201,.2)}
.nav-avatar{width:30px;height:30px;object-fit:cover;border-radius:var(--radius)}
.nav-username{font-size:13px;font-weight:700}
.nav-chevron{font-size:9px;color:var(--text-dim)}
.nav-drop-menu{display:none;position:absolute;top:calc(100% + 8px);right:0;background:var(--panel2);border:1px solid var(--border2);min-width:190px;z-index:200;border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.5)}
.nav-dropdown:hover .nav-drop-menu{display:block}
.nav-drop-menu a{display:block;padding:10px 16px;font-size:13px;color:var(--text-dim);border-bottom:1px solid var(--border);transition:all .15s}
.nav-drop-menu a:last-child{border-bottom:none}
.nav-drop-menu a:hover{background:rgba(139,47,201,.1);color:var(--white);padding-left:20px}
.drop-divider{height:1px;background:var(--border)}
.drop-danger{color:var(--red)!important}
.btn-nav-primary{padding:7px 18px;background:linear-gradient(135deg,var(--red),var(--purple));color:#fff;font-family:var(--font);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;border:none;cursor:pointer;transition:all .2s;border-radius:var(--radius);box-shadow:0 2px 12px rgba(139,47,201,.3)}
.btn-nav-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(139,47,201,.5);color:#fff}
.btn-nav-ghost{padding:6px 16px;background:transparent;border:1px solid var(--border2);color:var(--text-dim);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:all .2s;border-radius:var(--radius)}
.btn-nav-ghost:hover{border-color:var(--purple);color:var(--purple2);background:rgba(139,47,201,.08)}

/* BREADCRUMB */
.breadcrumb-bar{background:rgba(13,10,20,.9);border-bottom:1px solid var(--border);position:relative;z-index:1}
.breadcrumb-inner{max-width:1260px;margin:0 auto;padding:7px 20px;display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;color:var(--text-muted)}
.breadcrumb-inner a{color:var(--text-dim)}
.breadcrumb-inner a:hover{color:var(--purple2)}
.bc-sep{opacity:.4}
.bc-current{color:var(--text)}

/* LAYOUT */
.forum-main{max-width:1260px;margin:0 auto;padding:20px 20px 40px;position:relative;z-index:1}
.layout-main{display:grid;grid-template-columns:1fr 268px;gap:18px;align-items:start}
.main-col{min-width:0}
.sidebar-col{position:sticky;top:68px}

/* CATEGORY */
.category-block{margin-bottom:16px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--panel)}
.category-header{display:flex;align-items:center;gap:10px;padding:10px 16px;background:linear-gradient(135deg,rgba(139,47,201,.15) 0%,rgba(232,49,42,.08) 100%);border-bottom:1px solid var(--border);position:relative}
.category-header::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--purple),var(--red))}
.category-icon{font-size:16px}
.category-name{font-family:'Exo 2',sans-serif;font-size:12px;font-weight:800;color:var(--white);letter-spacing:2px;text-transform:uppercase;flex:1}
.category-desc{font-size:11px;color:var(--text-muted)}

/* BOARD ROW */
.board-row{display:grid;grid-template-columns:48px 1fr 84px 84px 200px;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid rgba(37,30,58,.6);transition:background .15s;position:relative}
.board-row:last-child{border-bottom:none}
.board-row:hover{background:rgba(139,47,201,.07)}
.board-row::after{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--purple),var(--red));opacity:0;transition:opacity .2s}
.board-row:hover::after{opacity:1}
.board-icon-wrap{width:42px;height:42px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;background:linear-gradient(135deg,rgba(139,47,201,.2),rgba(232,49,42,.1));border:1px solid rgba(139,47,201,.2)}
.board-info{min-width:0}
.board-name{font-size:14px;font-weight:700;color:var(--white);margin-bottom:3px;display:block}
.board-name:hover{color:var(--purple2)}
.board-desc{font-size:11px;color:var(--text-muted);line-height:1.4}
.board-stat{text-align:center}
.board-stat-num{font-family:var(--mono);font-size:15px;font-weight:700;color:var(--white);display:block;line-height:1.2}
.board-stat-label{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted)}
.board-last{min-width:0}
.board-last-title{font-size:12px;font-weight:600;color:var(--text);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}
.board-last-title:hover{color:var(--purple2)}
.board-last-meta{font-family:var(--mono);font-size:10px;color:var(--text-muted)}
.board-last-meta a{color:var(--text-dim)}
.board-last-meta a:hover{color:var(--red)}

/* THREAD TABLE */
.thread-table{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.thread-table-header{display:grid;grid-template-columns:28px 1fr 110px 64px 64px 200px;gap:10px;padding:8px 16px;background:linear-gradient(90deg,rgba(139,47,201,.12),rgba(232,49,42,.06));border-bottom:1px solid var(--border);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted)}
.thread-row{display:grid;grid-template-columns:28px 1fr 110px 64px 64px 200px;gap:10px;align-items:center;padding:11px 16px;border-bottom:1px solid rgba(37,30,58,.5);transition:background .15s;position:relative}
.thread-row:last-child{border-bottom:none}
.thread-row:hover{background:rgba(139,47,201,.06)}
.thread-row.pinned{background:rgba(245,158,11,.03)}
.thread-row.pinned::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--gold)}
.thread-row.locked .thread-title{color:var(--text-dim)}
.thread-icon{font-size:14px;text-align:center;color:var(--text-muted)}
.thread-info{min-width:0}
.thread-title{font-size:14px;font-weight:700;color:var(--white);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}
.thread-title:hover{color:var(--purple2)}
.thread-tags{display:flex;gap:4px;flex-wrap:wrap}
.thread-tag{font-size:9px;letter-spacing:1px;padding:1px 6px;text-transform:uppercase;font-family:var(--mono);border-radius:2px}
.tag-pinned{background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.25);color:var(--gold)}
.tag-locked{background:rgba(107,94,130,.12);border:1px solid var(--border);color:var(--text-muted)}
.tag-hot{background:rgba(232,49,42,.12);border:1px solid rgba(232,49,42,.25);color:var(--red)}
.thread-author{font-size:11px;color:var(--text-dim);font-family:var(--mono)}
.thread-author a{color:var(--text-dim)}
.thread-author a:hover{color:var(--purple2)}
.thread-stat{font-family:var(--mono);font-size:14px;font-weight:700;color:var(--white);text-align:center}
.thread-last{min-width:0}
.thread-last-title{font-size:11px;color:var(--text);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}
.thread-last-title:hover{color:var(--purple2)}
.thread-last-meta{font-family:var(--mono);font-size:10px;color:var(--text-muted)}
.thread-last-meta a{color:var(--text-dim)}
.thread-last-meta a:hover{color:var(--red)}

/* POSTS */
.post-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
.post{display:grid;grid-template-columns:148px 1fr;border-bottom:1px solid var(--border)}
.post:last-child{border-bottom:none}
.post:first-child{border-top:2px solid var(--purple)}
.post-sidebar{background:var(--panel2);border-right:1px solid var(--border);padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:6px}
.post-avatar{width:68px;height:68px;border-radius:var(--radius);object-fit:cover;border:2px solid var(--border2)}
.post:hover .post-avatar{border-color:rgba(139,47,201,.5)}
.post-username{font-size:13px;font-weight:700;text-align:center;word-break:break-all;line-height:1.3}
.post-rank{font-size:10px;font-weight:700;letter-spacing:1px;text-align:center;text-transform:uppercase}
.post-rank-icon{font-size:14px}
.post-user-stats{width:100%;margin-top:4px;font-family:var(--mono);font-size:9px;color:var(--text-muted);text-align:center;line-height:1.8}
.post-badge{padding:2px 7px;font-size:9px;letter-spacing:1px;text-transform:uppercase;font-weight:700;border-radius:2px}
.badge-admin{background:rgba(232,49,42,.15);border:1px solid rgba(232,49,42,.3);color:var(--red)}
.badge-mod{background:rgba(139,47,201,.15);border:1px solid rgba(139,47,201,.3);color:var(--purple2)}
.badge-vip{background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.25);color:var(--gold)}
.post-main{padding:16px 20px;display:flex;flex-direction:column;background:var(--panel)}
.post-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border);font-family:var(--mono);font-size:10px;color:var(--text-muted)}
.post-num{color:var(--purple2);font-weight:700}
.post-actions-top{display:flex;gap:10px}
.post-action{font-size:10px;color:var(--text-muted);cursor:pointer;transition:color .2s}
.post-action:hover{color:var(--red)}
.post-content{flex:1;font-size:14px;line-height:1.85;color:var(--text);word-break:break-word}
.post-content strong{color:var(--white);font-weight:700}
.post-content code{background:rgba(139,47,201,.1);border:1px solid rgba(139,47,201,.2);padding:1px 6px;font-family:var(--mono);font-size:12px;border-radius:2px;color:var(--purple2)}
.post-content blockquote{border-left:3px solid var(--purple);padding:10px 16px;background:rgba(139,47,201,.06);margin:12px 0;color:var(--text-dim);border-radius:0 var(--radius) var(--radius) 0}
.post-content .post-img{max-width:100%;max-height:400px;border:1px solid var(--border);margin-top:8px;border-radius:var(--radius)}
.post-content a{color:var(--purple2)}
.post-content a:hover{color:var(--red)}
.post-signature{margin-top:14px;padding-top:10px;border-top:1px dashed var(--border2);font-size:11px;color:var(--text-muted);font-style:italic}
.post-footer{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:10px;border-top:1px solid var(--border)}
.like-btn{display:flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid var(--border2);background:transparent;color:var(--text-dim);font-size:11px;font-family:var(--font);font-weight:600;cursor:pointer;transition:all .2s;border-radius:var(--radius)}
.like-btn:hover,.like-btn.liked{border-color:var(--red);color:var(--red);background:rgba(232,49,42,.08)}
.quote-btn{padding:5px 12px;border:1px solid var(--border2);background:transparent;color:var(--text-dim);font-size:11px;font-family:var(--font);font-weight:600;cursor:pointer;transition:all .2s;border-radius:var(--radius)}
.quote-btn:hover{border-color:var(--purple);color:var(--purple2);background:rgba(139,47,201,.08)}

/* POST FORM */
.post-form-wrap{margin-top:18px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--panel)}
.post-form-header{padding:11px 18px;border-bottom:1px solid var(--border);background:linear-gradient(90deg,rgba(139,47,201,.12),rgba(232,49,42,.06));font-size:12px;font-weight:800;color:var(--white);letter-spacing:2px;text-transform:uppercase}
.post-form-body{padding:18px}
.bbcode-toolbar{display:flex;gap:3px;flex-wrap:wrap;margin-bottom:10px}
.bb-btn{padding:4px 10px;background:var(--panel2);border:1px solid var(--border2);color:var(--text-dim);font-size:11px;font-weight:700;cursor:pointer;transition:all .2s;font-family:var(--font);border-radius:2px}
.bb-btn:hover{border-color:var(--purple);color:var(--purple2);background:rgba(139,47,201,.1)}

/* FORMS */
.form-group{margin-bottom:16px}
.form-label{display:block;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px}
.form-input,.form-textarea,.form-select{width:100%;background:var(--bg3);border:1px solid var(--border2);color:var(--white);font-family:var(--font);font-size:14px;padding:10px 14px;outline:none;transition:border-color .2s,box-shadow .2s;border-radius:var(--radius)}
.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(139,47,201,.15)}
.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}
.form-textarea{resize:vertical;min-height:160px;line-height:1.6}
.form-select option{background:var(--bg3)}
.form-error{background:rgba(232,49,42,.08);border:1px solid rgba(232,49,42,.25);border-left:3px solid var(--red);color:#fca5a5;padding:10px 16px;font-size:13px;margin-bottom:16px;border-radius:0 var(--radius) var(--radius) 0}
.form-success{background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.25);border-left:3px solid var(--green);color:#86efac;padding:10px 16px;font-size:13px;margin-bottom:16px;border-radius:0 var(--radius) var(--radius) 0}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 22px;font-family:var(--font);font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;border:none;cursor:pointer;transition:all .2s;text-decoration:none;border-radius:var(--radius)}
.btn-primary{background:linear-gradient(135deg,var(--red),var(--purple));color:#fff;box-shadow:0 2px 12px rgba(139,47,201,.25)}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(139,47,201,.45);color:#fff}
.btn-secondary{background:var(--panel2);border:1px solid var(--border2);color:var(--text-dim)}
.btn-secondary:hover{border-color:var(--purple);color:var(--purple2);background:rgba(139,47,201,.1)}
.btn-danger{background:rgba(232,49,42,.1);border:1px solid rgba(232,49,42,.3);color:var(--red)}
.btn-danger:hover{background:var(--red);color:#fff}
.btn-sm{padding:5px 14px;font-size:10px}
.btn-lg{padding:12px 32px;font-size:13px}

/* PAGINATION */
.pagination{display:flex;gap:3px;justify-content:center;margin:18px 0;flex-wrap:wrap}
.page-btn{min-width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--panel);border:1px solid var(--border2);color:var(--text-dim);font-size:12px;font-weight:700;font-family:var(--mono);transition:all .2s;border-radius:var(--radius)}
.page-btn:hover{border-color:var(--purple);color:var(--purple2);background:rgba(139,47,201,.1)}
.page-btn.active{background:linear-gradient(135deg,var(--red),var(--purple));border-color:transparent;color:#fff;box-shadow:0 2px 8px rgba(139,47,201,.3)}

/* SIDEBAR */
.sidebar-widget{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:14px;overflow:hidden}
.sidebar-widget-head{padding:9px 14px;border-bottom:1px solid var(--border);font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);display:flex;align-items:center;gap:8px;background:linear-gradient(90deg,rgba(139,47,201,.1),transparent);position:relative}
.sidebar-widget-head::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--purple),var(--red))}
.sidebar-widget-body{padding:10px 14px}
.sidebar-user-item{display:flex;align-items:center;gap:9px;padding:7px 0;border-bottom:1px solid rgba(37,30,58,.5)}
.sidebar-user-item:last-child{border-bottom:none}
.sidebar-avatar{width:30px;height:30px;object-fit:cover;border-radius:var(--radius);flex-shrink:0;border:1px solid var(--border2)}
.sidebar-user-info{flex:1;min-width:0}
.sidebar-username{font-size:12px;font-weight:700;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-username:hover{color:var(--purple2)}
.sidebar-sub{font-family:var(--mono);font-size:9px;color:var(--text-muted)}
.sidebar-stat-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid rgba(37,30,58,.4);font-size:12px;color:var(--text-dim)}
.sidebar-stat-row:last-child{border-bottom:none}
.sidebar-stat-val{font-family:var(--mono);font-size:13px;color:var(--white);font-weight:700}

/* SHOUTBOX */
.shoutbox-section{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:relative;z-index:1}
.shoutbox-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--purple),var(--red),transparent);opacity:.5}
.shoutbox-inner{max-width:1260px;margin:0 auto;padding:0 20px}
.shoutbox-head{display:flex;justify-content:space-between;align-items:center;padding:10px 0 8px;border-bottom:1px solid var(--border)}
.shoutbox-title{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(90deg,var(--red),var(--purple2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.shoutbox-online{font-family:var(--mono);font-size:10px;color:var(--text-muted)}
.shoutbox-messages{max-height:180px;overflow-y:auto;padding:6px 0;display:flex;flex-direction:column;gap:4px}
.shout{display:flex;gap:8px;align-items:flex-start;padding:5px 0;border-bottom:1px solid rgba(37,30,58,.3)}
.shout:last-child{border-bottom:none}
.shout-avatar{width:24px;height:24px;border-radius:var(--radius);flex-shrink:0;border:1px solid var(--border2)}
.shout-body{flex:1;min-width:0}
.shout-name{font-size:12px;font-weight:700;margin-right:5px}
.shout-time{font-family:var(--mono);font-size:9px;color:var(--text-muted)}
.shout-text{font-size:12px;color:var(--text);word-break:break-word}
.shoutbox-form{display:flex;gap:8px;padding:8px 0}
.shout-input{flex:1;background:var(--bg3);border:1px solid var(--border2);color:var(--white);padding:7px 12px;font-family:var(--font);font-size:13px;outline:none;transition:border-color .2s;border-radius:var(--radius)}
.shout-input:focus{border-color:var(--purple)}
.shout-btn{padding:7px 18px;background:linear-gradient(135deg,var(--red),var(--purple));border:none;color:#fff;font-family:var(--font);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .2s;border-radius:var(--radius)}
.shout-btn:hover{opacity:.85;transform:translateY(-1px)}
.shout-nologin{padding:10px 0;font-size:12px;color:var(--text-muted)}
.shout-nologin a{color:var(--purple2)}

/* PROFILE */
.profile-header{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:24px;display:flex;gap:24px;align-items:center;margin-bottom:18px;position:relative;overflow:hidden}
.profile-header::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--red),var(--purple))}
.profile-avatar-big{width:90px;height:90px;border-radius:var(--radius);object-fit:cover;border:2px solid rgba(139,47,201,.4);flex-shrink:0;box-shadow:0 4px 20px rgba(139,47,201,.2)}
.profile-info{flex:1}
.profile-name{font-size:22px;font-weight:800;color:var(--white);margin-bottom:5px}
.profile-rank{font-size:13px;font-weight:700;margin-bottom:10px}
.profile-stats{display:flex;gap:20px}
.profile-stat{text-align:center}
.profile-stat-num{font-family:var(--mono);font-size:18px;font-weight:700;color:var(--white)}
.profile-stat-label{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-top:2px}

/* MEMBERS */
.members-table{border:1px solid var(--border);background:var(--panel);border-radius:var(--radius);overflow:hidden}
.members-header,.members-row{display:grid;grid-template-columns:36px 1fr 110px 80px 100px 150px;gap:12px;align-items:center;padding:10px 16px}
.members-header{background:linear-gradient(90deg,rgba(139,47,201,.12),rgba(232,49,42,.06));border-bottom:1px solid var(--border);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted)}
.members-row{border-bottom:1px solid rgba(37,30,58,.5);transition:background .15s}
.members-row:last-child{border-bottom:none}
.members-row:hover{background:rgba(139,47,201,.06)}
.member-num{font-family:var(--mono);font-size:11px;color:var(--text-muted)}
.member-info{display:flex;align-items:center;gap:10px;min-width:0}
.member-avatar{width:32px;height:32px;border-radius:var(--radius);object-fit:cover;border:1px solid var(--border2)}
.member-name-block{min-width:0}
.member-name{font-size:13px;font-weight:700;color:var(--white)}
.member-name:hover{color:var(--purple2)}
.member-stat{font-family:var(--mono);font-size:13px;color:var(--white)}
.member-date{font-family:var(--mono);font-size:10px;color:var(--text-muted)}

/* ALERTS */
.alert{padding:11px 16px;border-left:3px solid;margin-bottom:14px;font-size:13px;border-radius:0 var(--radius) var(--radius) 0}
.alert-info{border-color:var(--cyan);background:rgba(6,182,212,.07);color:#67e8f9}
.alert-success{border-color:var(--green);background:rgba(34,197,94,.07);color:#86efac}
.alert-warning{border-color:var(--gold);background:rgba(245,158,11,.07);color:#fcd34d}
.alert-danger{border-color:var(--red);background:rgba(232,49,42,.07);color:#fca5a5}

/* PAGE TITLE */
.page-title{font-size:18px;font-weight:800;color:var(--white);letter-spacing:.5px;margin-bottom:16px;display:flex;align-items:center;gap:10px;text-transform:uppercase}
.page-title::before{content:'';width:3px;height:18px;background:linear-gradient(180deg,var(--red),var(--purple));border-radius:2px;flex-shrink:0}
.section-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.section-actions-right{display:flex;gap:8px}
.empty-state{text-align:center;padding:50px 20px;color:var(--text-muted);font-size:13px}
.empty-state-icon{font-size:40px;margin-bottom:10px;opacity:.5}
.empty-state-text{margin-bottom:16px}

/* AUTH */
.auth-wrap{display:flex;justify-content:center;padding:40px 20px}
.auth-box{background:var(--panel);border:1px solid var(--border);padding:36px;width:100%;max-width:420px;border-radius:var(--radius);position:relative;overflow:hidden}
.auth-box::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--red),var(--purple))}
.auth-title{font-size:18px;font-weight:800;color:var(--white);margin-bottom:22px;letter-spacing:1px;text-transform:uppercase}
.auth-footer-link{text-align:center;margin-top:14px;font-size:12px;color:var(--text-muted)}
.auth-footer-link a{color:var(--purple2)}
.auth-footer-link a:hover{color:var(--red)}

/* THREAD CREATE */
.thread-create-wrap{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:24px;position:relative;overflow:hidden}
.thread-create-wrap::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--red),var(--purple),transparent)}

/* SEARCH */
.search-form{display:flex;gap:8px;margin-bottom:18px}
.search-input{flex:1;background:var(--bg3);border:1px solid var(--border2);color:var(--white);padding:10px 16px;font-family:var(--font);font-size:14px;outline:none;border-radius:var(--radius);transition:border-color .2s,box-shadow .2s}
.search-input:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(139,47,201,.15)}

/* PM */
.pm-list{border:1px solid var(--border);background:var(--panel);border-radius:var(--radius);overflow:hidden}
.pm-item{display:flex;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);transition:background .15s;text-decoration:none}
.pm-item:last-child{border-bottom:none}
.pm-item:hover{background:rgba(139,47,201,.06)}
.pm-item.unread{background:rgba(139,47,201,.05)}
.pm-item.unread .pm-subject{color:var(--white)}
.pm-avatar{width:36px;height:36px;border-radius:var(--radius);border:1px solid var(--border2)}
.pm-body{flex:1;min-width:0}
.pm-subject{font-size:13px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pm-meta{font-family:var(--mono);font-size:10px;color:var(--text-muted)}
.pm-dot{width:7px;height:7px;background:var(--purple2);border-radius:50%;flex-shrink:0;box-shadow:0 0 6px var(--purple)}

/* FOOTER */
.forum-footer{background:var(--bg);border-top:1px solid var(--border);margin-top:40px;position:relative}
.forum-footer::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--purple),var(--red),transparent);opacity:.4}
.footer-inner{max-width:1260px;margin:0 auto;padding:32px 20px 18px}
.footer-cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px;margin-bottom:24px}
.footer-logo{font-size:18px;font-weight:800;color:var(--white);margin-bottom:8px;text-transform:uppercase}
.footer-logo span{color:var(--red)}
.footer-desc{font-size:12px;color:var(--text-muted);line-height:1.7}
.footer-col{display:flex;flex-direction:column;gap:7px}
.footer-col-title{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);margin-bottom:2px;padding-bottom:6px;border-bottom:1px solid var(--border)}
.footer-col a{font-size:12px;color:var(--text-muted);transition:color .2s}
.footer-col a:hover{color:var(--purple2)}
.footer-bottom{border-top:1px solid var(--border);padding-top:14px;display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;color:var(--text-muted)}

/* MISC */
.spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--border2);border-top-color:var(--purple);border-radius:50%;animation:spin .6s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* RESPONSIVE */
@media(max-width:960px){
  .layout-main{grid-template-columns:1fr}
  .sidebar-col{position:static}
  .board-row{grid-template-columns:44px 1fr}
  .board-stat,.board-last{display:none}
  .thread-table-header,.thread-row{grid-template-columns:24px 1fr 60px}
  .thread-author,.thread-last{display:none}
  .post{grid-template-columns:1fr}
  .post-sidebar{flex-direction:row;padding:10px}
  .footer-cols{grid-template-columns:1fr 1fr}
  .nav-links{display:none}
  .members-header,.members-row{grid-template-columns:1fr auto auto}
}

/* ══════════════════════════════════════
   RANGI — badge styles
══════════════════════════════════════ */
.rank-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 2px;
  border: 1px solid;
  white-space: nowrap;
  font-family: var(--font);
  cursor: pointer;
  transition: opacity .2s, transform .2s;
}
.rank-badge:hover { opacity: .8; transform: translateY(-1px); }

/* Administracyjne */
.rank-owner     { color:#ff2d55; background:rgba(255,45,85,0.18);   border-color:rgba(255,45,85,0.45);   text-shadow:0 0 8px rgba(255,45,85,.5); }
.rank-admin     { color:#e8312a; background:rgba(232,49,42,0.15);   border-color:rgba(232,49,42,0.4);    text-shadow:0 0 8px rgba(232,49,42,.4); }
.rank-jadmin    { color:#ff6b35; background:rgba(255,107,53,0.13);  border-color:rgba(255,107,53,0.35);  }
/* Forumowe */
.rank-mod       { color:#a855f7; background:rgba(168,85,247,0.15);  border-color:rgba(168,85,247,0.4);   text-shadow:0 0 8px rgba(168,85,247,.4); }
.rank-unban     { color:#8b5cf6; background:rgba(139,92,246,0.13);  border-color:rgba(139,92,246,0.35);  }
.rank-redaktor  { color:#7c3aed; background:rgba(124,58,237,0.13);  border-color:rgba(124,58,237,0.35);  }
/* Serwerowe */
.rank-sowner    { color:#f59e0b; background:rgba(245,158,11,0.15);  border-color:rgba(245,158,11,0.4);   text-shadow:0 0 8px rgba(245,158,11,.4); }
.rank-sopiekun  { color:#fbbf24; background:rgba(251,191,36,0.12);  border-color:rgba(251,191,36,0.35);  }
.rank-acs2      { color:#06b6d4; background:rgba(6,182,212,0.13);   border-color:rgba(6,182,212,0.35);   }
.rank-multiadmin{ color:#0ea5e9; background:rgba(14,165,233,0.12);  border-color:rgba(14,165,233,0.3);   }
.rank-acs16     { color:#38bdf8; background:rgba(56,189,248,0.12);  border-color:rgba(56,189,248,0.3);   }
/* Specjalne */
.rank-sponsor   { color:#c9a84c; background:rgba(201,168,76,0.15);  border-color:rgba(201,168,76,0.4);   text-shadow:0 0 8px rgba(201,168,76,.3); }
.rank-inwestor  { color:#d4a017; background:rgba(212,160,23,0.13);  border-color:rgba(212,160,23,0.35);  }
.rank-donator   { color:#22c55e; background:rgba(34,197,94,0.13);   border-color:rgba(34,197,94,0.35);   }
.rank-vip       { color:#00e676; background:rgba(0,230,118,0.12);   border-color:rgba(0,230,118,0.3);    text-shadow:0 0 8px rgba(0,230,118,.3); }
/* Podstawowe */
.rank-zasluzony { color:#e879f9; background:rgba(232,121,249,0.12); border-color:rgba(232,121,249,0.3);  }
.rank-bywalec   { color:#c4b8d8; background:rgba(196,184,216,0.1);  border-color:rgba(196,184,216,0.25); }
.rank-kobieta   { color:#f472b6; background:rgba(244,114,182,0.12); border-color:rgba(244,114,182,0.3);  }
.rank-user      { color:#6b5e82; background:rgba(107,94,130,0.08);  border-color:rgba(107,94,130,0.2);   }

/* ══════════════════════════════════════
   LEGENDA RANG — na dole strony
══════════════════════════════════════ */
.ranks-legend {
  background: var(--bg2);
  border-top: 1px solid var(--border);
  padding: 0;
  position: relative;
}

.ranks-legend::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--red), var(--purple), transparent);
  opacity: .5;
}

.ranks-legend-inner {
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 20px;
}

.ranks-legend-toggle {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 0;
  cursor: pointer;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--text-dim);
  user-select: none;
  border-bottom: 1px solid transparent;
  transition: color .2s;
}

.ranks-legend-toggle:hover { color: var(--purple2); }

.ranks-legend-toggle::before {
  content: '';
  width: 2px; height: 14px;
  background: linear-gradient(180deg, var(--red), var(--purple));
  border-radius: 2px;
}

.ranks-legend-arrow {
  margin-left: auto;
  font-size: 10px;
  transition: transform .3s;
}

.ranks-legend-toggle.open .ranks-legend-arrow { transform: rotate(180deg); }
.ranks-legend-toggle.open { color: var(--white); border-bottom-color: var(--border); }

.ranks-legend-body {
  display: none;
  padding: 16px 0 20px;
}

.ranks-legend-body.open { display: block; }

.ranks-groups {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.ranks-group {}

.ranks-group-title {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--text-muted);
  margin-bottom: 8px;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--border);
}

.ranks-group-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.ranks-legend-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 10px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 2px;
  border: 1px solid;
  white-space: nowrap;
  font-family: var(--font);
  text-decoration: none;
  transition: all .2s;
}

.ranks-legend-badge:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,.3);
  filter: brightness(1.15);
}

/* ══════════════════════════════════════
   ACEBOX (Shoutbox) — na górze
══════════════════════════════════════ */
.acebox-section {
  background: var(--bg2);
  border-bottom: 2px solid var(--border);
  position: relative;
  z-index: 1;
}

.acebox-section::before {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--red), var(--purple), var(--red));
  background-size: 200% 100%;
  animation: slide-grad 4s linear infinite;
}

.acebox-inner {
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 20px;
}

.acebox-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0 6px;
  border-bottom: 1px solid var(--border);
}

.acebox-title {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 3px;
  text-transform: uppercase;
  background: linear-gradient(90deg, var(--red), var(--purple2));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: flex;
  align-items: center;
  gap: 6px;
}

.acebox-title::before {
  content: '⚡';
  -webkit-text-fill-color: initial;
  font-size: 12px;
}

.acebox-online { font-family: var(--mono); font-size: 10px; color: var(--text-muted); }

.acebox-messages {
  max-height: 110px;
  overflow-y: auto;
  padding: 4px 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.acebox-form { display: flex; gap: 8px; padding: 6px 0 8px; }

.acebox-input {
  flex: 1;
  background: rgba(13,10,20,.8);
  border: 1px solid var(--border2);
  color: var(--white);
  padding: 6px 12px;
  font-family: var(--font);
  font-size: 13px;
  outline: none;
  transition: border-color .2s;
  border-radius: var(--radius);
}

.acebox-input:focus { border-color: var(--purple); }

.acebox-btn {
  padding: 6px 16px;
  background: linear-gradient(135deg, var(--red), var(--purple));
  border: none;
  color: #fff;
  font-family: var(--font);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: var(--radius);
  transition: all .2s;
}

.acebox-btn:hover { opacity: .85; transform: translateY(-1px); }
.acebox-nologin { padding: 8px 0; font-size: 12px; color: var(--text-muted); }
.acebox-nologin a { color: var(--purple2); }

/* ══════════════════════════════════════
   LEGENDA RANG
══════════════════════════════════════ */
.ranks-legend{background:var(--bg2);border-top:1px solid var(--border);position:relative}
.ranks-legend::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--red),var(--purple),transparent);opacity:.5}
.ranks-legend-inner{max-width:1260px;margin:0 auto;padding:0 20px}
.ranks-legend-toggle{display:flex;align-items:center;gap:10px;padding:12px 0;cursor:pointer;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);user-select:none;transition:color .2s;border-bottom:1px solid transparent}
.ranks-legend-toggle:hover{color:var(--purple2)}
.ranks-legend-toggle::before{content:'';width:2px;height:14px;background:linear-gradient(180deg,var(--red),var(--purple));border-radius:2px;flex-shrink:0}
.ranks-legend-arrow{margin-left:auto;font-size:10px;transition:transform .3s}
.ranks-legend-toggle.open{color:var(--white);border-bottom-color:var(--border)}
.ranks-legend-toggle.open .ranks-legend-arrow{transform:rotate(180deg)}
.ranks-legend-body{display:none;padding:16px 0 20px}
.ranks-legend-body.open{display:block}
.ranks-groups{display:flex;flex-direction:column;gap:14px}
.ranks-group-title{font-size:9px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;padding-bottom:5px;border-bottom:1px solid var(--border)}
.ranks-group-list{display:flex;flex-wrap:wrap;gap:6px}
.ranks-legend-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;border-radius:2px;border:1px solid;white-space:nowrap;font-family:var(--font);text-decoration:none;transition:all .2s}
.ranks-legend-badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.4);filter:brightness(1.2)}

/* Rangi — badge classes */
.rank-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;border-radius:2px;border:1px solid;white-space:nowrap;font-family:var(--font)}
.rank-owner    {color:#ff2d55;background:rgba(255,45,85,.18);border-color:rgba(255,45,85,.45);text-shadow:0 0 8px rgba(255,45,85,.5)}
.rank-admin    {color:#e8312a;background:rgba(232,49,42,.15);border-color:rgba(232,49,42,.4);text-shadow:0 0 8px rgba(232,49,42,.4)}
.rank-jadmin   {color:#ff6b35;background:rgba(255,107,53,.13);border-color:rgba(255,107,53,.35)}
.rank-mod      {color:#a855f7;background:rgba(168,85,247,.15);border-color:rgba(168,85,247,.4);text-shadow:0 0 8px rgba(168,85,247,.4)}
.rank-unban    {color:#8b5cf6;background:rgba(139,92,246,.13);border-color:rgba(139,92,246,.35)}
.rank-redaktor {color:#7c3aed;background:rgba(124,58,237,.13);border-color:rgba(124,58,237,.35)}
.rank-sowner   {color:#f59e0b;background:rgba(245,158,11,.15);border-color:rgba(245,158,11,.4);text-shadow:0 0 8px rgba(245,158,11,.4)}
.rank-sopiekun {color:#fbbf24;background:rgba(251,191,36,.12);border-color:rgba(251,191,36,.35)}
.rank-acs2     {color:#06b6d4;background:rgba(6,182,212,.13);border-color:rgba(6,182,212,.35)}
.rank-multiadmin{color:#0ea5e9;background:rgba(14,165,233,.12);border-color:rgba(14,165,233,.3)}
.rank-acs16    {color:#38bdf8;background:rgba(56,189,248,.12);border-color:rgba(56,189,248,.3)}
.rank-sponsor  {color:#c9a84c;background:rgba(201,168,76,.15);border-color:rgba(201,168,76,.4);text-shadow:0 0 8px rgba(201,168,76,.3)}
.rank-inwestor {color:#d4a017;background:rgba(212,160,23,.13);border-color:rgba(212,160,23,.35)}
.rank-donator  {color:#22c55e;background:rgba(34,197,94,.13);border-color:rgba(34,197,94,.35)}
.rank-vip      {color:#00e676;background:rgba(0,230,118,.12);border-color:rgba(0,230,118,.3);text-shadow:0 0 8px rgba(0,230,118,.3)}
.rank-zasluzony{color:#e879f9;background:rgba(232,121,249,.12);border-color:rgba(232,121,249,.3)}
.rank-bywalec  {color:#c4b8d8;background:rgba(196,184,216,.1);border-color:rgba(196,184,216,.25)}
.rank-kobieta  {color:#f472b6;background:rgba(244,114,182,.12);border-color:rgba(244,114,182,.3)}
.rank-user     {color:#6b5e82;background:rgba(107,94,130,.08);border-color:rgba(107,94,130,.2)}

/* ══════════════════════════════════════
   ACEBOX
══════════════════════════════════════ */
.acebox-section{background:var(--bg2);border-bottom:2px solid var(--border);position:relative;z-index:5}
.acebox-section::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--red),var(--purple),var(--red));background-size:200% 100%;animation:slide-grad 4s linear infinite}
.acebox-inner{max-width:1260px;margin:0 auto;padding:0 20px}
.acebox-head{display:flex;justify-content:space-between;align-items:center;padding:8px 0 6px;border-bottom:1px solid var(--border)}
.acebox-title{font-size:13px;font-weight:800;letter-spacing:3px;text-transform:uppercase;background:linear-gradient(90deg,var(--red),var(--purple2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:6px}
.acebox-title::before{content:'⚡';-webkit-text-fill-color:initial;font-size:13px}
.acebox-online{font-family:var(--mono);font-size:10px;color:var(--text-muted)}
.acebox-messages{max-height:100px;overflow-y:auto;padding:4px 0;display:flex;flex-direction:column;gap:1px}
.acebox-form{display:flex;gap:8px;padding:6px 0 8px}
.acebox-input{flex:1;background:rgba(13,10,20,.8);border:1px solid var(--border2);color:var(--white);padding:6px 12px;font-family:var(--font);font-size:13px;outline:none;transition:border-color .2s;border-radius:var(--radius)}
.acebox-input:focus{border-color:var(--purple)}
.acebox-btn{padding:6px 16px;background:linear-gradient(135deg,var(--red),var(--purple));border:none;color:#fff;font-family:var(--font);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border-radius:var(--radius);transition:all .2s}
.acebox-btn:hover{opacity:.85;transform:translateY(-1px)}
.acebox-nologin{padding:7px 0;font-size:12px;color:var(--text-muted)}
.acebox-nologin a{color:var(--purple2)}