/* ── REWARD — sidebar compartilhada ──────────────────────────────────────────
   Menu lateral de status (Server Status + Total Online por raça, Chip War
   Status, Chip War Logs, Top Kill) + modal de histórico. Herdado por todas as
   páginas do portal via <aside id="rwd-side"></aside> + assets/sidebar.js.
   Não duplicar este CSS nas páginas — sempre incluir este arquivo. */

svg.sig{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:8;vertical-align:-.12em}

/* painel ornamental */
.ornpanel{position:relative;background:linear-gradient(180deg,rgba(10,16,28,.94),rgba(7,11,19,.96));border:1px solid var(--line);padding:18px}
.ornpanel .corner{position:absolute;width:16px;height:16px;border:2px solid var(--gold);opacity:.85}
.ornpanel .corner.tl{top:-1px;left:-1px;border-right:0;border-bottom:0}
.ornpanel .corner.tr{top:-1px;right:-1px;border-left:0;border-bottom:0}
.ornpanel .corner.bl{bottom:-1px;left:-1px;border-right:0;border-top:0}
.ornpanel .corner.br{bottom:-1px;right:-1px;border-left:0;border-top:0}

.cadastre{display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,rgba(255,106,0,.16),transparent);border:1px solid rgba(227,173,63,.4);padding:12px 14px;margin-bottom:18px}
.cadastre .ico{width:34px;height:34px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);animation:bob 2.4s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(4px)}}
.cadastre .ico svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4}
.cadastre .t{font-family:var(--display);font-weight:700;font-size:14px;background:linear-gradient(90deg,var(--gold),#fff7e0);-webkit-background-clip:text;background-clip:text;color:transparent}
.cadastre .s{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}

.sblock{margin-bottom:18px}
.sblock h3{font-family:var(--display);font-weight:700;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);margin-bottom:12px}
.statline{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;padding:3px 0}
.statline .left{display:flex;align-items:center;gap:8px;color:var(--muted)}
.dot{width:11px;height:11px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}
.dot.off{background:var(--loss);box-shadow:0 0 8px var(--loss)}
.online-row{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line2);margin-top:8px;padding-top:10px}
.online-row .k{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.online-row .v{font-family:var(--display);font-weight:900;font-size:22px;color:var(--cyan)}
/* linha minimalista de online por raça */
.online-races{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;font-family:var(--display);font-weight:700;font-size:12px;color:var(--muted)}
.online-races .r{display:inline-flex;align-items:center;gap:5px}
.online-races .sep{color:var(--line)}

/* emblemas das raças (icons/ são pretos) — disco claro (cor inversa) + borda fina p/ contraste */
.ricon{width:15px;height:15px;flex:0 0 15px;object-fit:contain;vertical-align:middle;padding:0;box-sizing:border-box;
  border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.92)}
/* ícone da classe (img/classes/) — exibido na frente do emblema da raça */
.cicon{width:17px;height:17px;flex:0 0 17px;object-fit:contain;vertical-align:middle;border-radius:3px;border:1px solid var(--line2);background:#0a0f18}

/* tooltip de equipamento (paper-doll character_equip.png) ao passar o mouse no Top Killer */
.eqtip{position:fixed;z-index:200;pointer-events:none;background:linear-gradient(180deg,#0a121f,#070d16);border:1px solid var(--gold);padding:8px;box-shadow:0 12px 40px rgba(0,0,0,.65)}
.eqtip[hidden]{display:none}
.eqwrap{display:flex;gap:12px;align-items:stretch}
.eqcol{flex:0 0 206px;display:flex;flex-direction:column}
/* nome: raça (emblema) + nick + classe, acima da boneca */
.eqname{display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--display);font-weight:700;font-size:12px;letter-spacing:.03em;color:var(--gold);margin-bottom:6px}
.eqname .nk{color:var(--gold)}
.eqname .cl{display:inline-flex;align-items:center;gap:4px;font-family:var(--body);font-weight:600;font-size:10px;color:var(--muted);letter-spacing:0}
.eqdoll{position:relative;width:206px;height:276px;flex:0 0 auto}
/* divisória + lista de itens (slot + nome) ao lado do paper-doll */
.eqlist{display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--line);padding-left:12px}
.eqrow{display:flex;align-items:baseline;gap:8px;font-size:11px;padding:3px 2px;border-bottom:1px dotted var(--line2);white-space:nowrap}
.eqrow:last-child{border-bottom:0}
.eqrow .sl{flex:0 0 60px;white-space:nowrap;font-family:var(--display);font-weight:700;font-size:9px;letter-spacing:.04em;text-transform:uppercase;color:var(--gold)}
.eqrow .nm{color:var(--ink);white-space:nowrap}
.eqbase{position:absolute;left:0;top:0;width:206px;height:276px;display:block}
.eqi{position:absolute;background-repeat:no-repeat;background-color:#0b1018;border-radius:3px}
/* sequência de talics (gemas coloridas img/talics/) na base de cada item */
.eqt{position:absolute;left:0;right:0;bottom:0;display:flex;gap:1px;justify-content:center;align-items:flex-end;padding:1px 1px 2px;background:linear-gradient(0deg,rgba(3,5,9,.9),rgba(3,5,9,.35));border-radius:0 0 3px 3px}
.eqt img{display:block;width:auto}
/* hability (img/hability/) no canto superior direito do item, quando o nome contém a hability */
.eqh{position:absolute;right:-3px;top:-3px;height:22px;width:auto;filter:drop-shadow(0 1px 2px rgba(0,0,0,.9));pointer-events:none}

/* chip war status — ícones (icons/) + barra degradê verde→vermelho + % legível */
.cwbar{display:flex;align-items:center;gap:9px;margin:9px 0}
.cwbar .ic{width:20px;height:20px;flex:0 0 20px;display:grid;place-items:center}
.cwbar .ic img{width:20px;height:20px;object-fit:contain}
.cwbar .track{flex:1;height:14px;background:#060b14;border:1px solid var(--line2);overflow:hidden;border-radius:3px}
.cwbar .track i{display:block;height:100%;border-radius:3px}
.cwbar .meta{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;line-height:1.05;min-width:42px}
.cwbar .meta .rl{font-family:var(--body);font-weight:600;font-size:9px;color:var(--dim);max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cwbar .meta .pc{font-family:var(--display);font-weight:700;font-size:13px;color:var(--ink);font-variant-numeric:tabular-nums}
.wl{display:flex;justify-content:space-between;font-size:13px;margin-top:12px}
.wl .win b{color:var(--green)}.wl .lose b{color:var(--loss)}
.cb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:13px;margin-top:6px}.cb b{color:var(--orange)}
.cbst{font-family:var(--display);font-weight:700;font-size:9px;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px}
.cbst.ok{background:linear-gradient(90deg,var(--green),#7df0a0);color:#04140a}
.cbst.no{border:1px solid var(--loss);color:var(--loss)}

/* chip war logs (5|5) */
.cwlogs{display:grid;grid-template-columns:1fr 1fr;gap:5px 14px;margin-bottom:10px}
.cwlog{display:flex;align-items:center;gap:6px;font-family:var(--display);font-weight:700;font-size:12px;padding:4px 0;border-bottom:1px dotted var(--line2)}
.cwlog .ty{color:var(--gold);width:18px}
.cwlog .ri{width:18px;height:18px;flex:0 0 18px;object-fit:contain;padding:0;box-sizing:border-box;
  border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.92)}
.cwlog .ri.lose{opacity:.45;filter:grayscale(.4)}
.cwlog .vs{color:var(--dim);font-size:11px}
.seemore{width:100%;font-family:var(--display);font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:9px;border:1px solid var(--line);background:var(--panel);color:var(--cyan);cursor:pointer;transition:.15s}
.seemore:hover{border-color:var(--orange);color:var(--orange)}

/* divisor ornamental (TOP KILL) */
.flourish{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px 0 12px}
.flourish .ln{height:1px;width:42px;background:linear-gradient(90deg,transparent,var(--gold))}
.flourish .ln.r{background:linear-gradient(90deg,var(--gold),transparent)}
.flourish h3{font-family:var(--display);font-weight:900;font-size:16px;letter-spacing:.14em;color:var(--gold);text-transform:uppercase;white-space:nowrap}
.flourish::before,.flourish::after{content:"◆";color:var(--gold);font-size:8px;opacity:.8}

.tk{width:100%;border-collapse:collapse}
.tk th{font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:.08em;text-align:left;padding:0 6px 8px;border-bottom:1px solid var(--line)}
.tk td{padding:7px 6px;border-bottom:1px solid var(--line2);font-size:13px}
.tk tr:hover td{background:rgba(255,106,0,.05)}
.tk .rk{font-family:var(--display);font-weight:700;color:var(--dim);width:22px}
.tk tr:first-child .rk{color:var(--orange)}
.tk .nm{display:flex;align-items:center;gap:7px;font-weight:600}
.tk .k{text-align:right;font-family:var(--display);font-weight:700;color:var(--cyan);width:44px}
.tk .d{text-align:right;font-family:var(--display);color:var(--loss);width:44px}

/* ── modal de histórico de Chip War (shadowbox) ── */
.cwmodal{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;background:rgba(3,5,9,.85);backdrop-filter:blur(8px);padding:24px}
.cwmodal.open{display:flex}
.cwmodal .box{width:min(920px,96vw);max-height:90vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#0a121f,#070d16);border:1px solid var(--line)}
.cwmodal .mh{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}
.cwmodal .mh h3{font-family:var(--display);font-weight:900;font-size:18px;text-transform:uppercase}
.cwmodal .mh h3 span{color:var(--orange)}
.cwmodal .mh .x{margin-left:auto;width:36px;height:36px;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;font-size:16px}
.cwmodal .mh .x:hover{border-color:var(--orange);color:var(--orange)}
.cwmodal .body{overflow:auto;padding:18px 20px}
.cwstats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}
.cwstats .card{border:1px solid var(--line);background:var(--panel);padding:14px}
.cwstats .card h4{font-family:var(--display);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.tally{display:flex;flex-direction:column;gap:8px}
.tally .row{display:flex;align-items:center;gap:8px;font-size:13px}
.tally .row .nm{font-family:var(--display);font-weight:700}
.tally .row .w{margin-left:auto;color:var(--green);font-family:var(--display);font-weight:700}
.tally .row .l{color:var(--loss);font-family:var(--display);font-weight:700;width:38px;text-align:right}
.hof .row{display:flex;align-items:center;gap:8px;font-size:13px;padding:4px 0;border-bottom:1px dotted var(--line2)}
.hof .row:last-child{border-bottom:0}
.hof .rk{font-family:var(--display);font-weight:900;color:var(--gold);width:22px}
.hof .nm{font-family:var(--display);font-weight:700}
.hof .ct{margin-left:auto;color:var(--green);font-family:var(--display);font-weight:700}
.cwfilters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.cwfilters .chip{font-family:var(--display);font-weight:700;font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:7px 12px;border:1px solid var(--line);background:var(--panel);color:var(--muted);cursor:pointer}
.cwfilters .chip.on{color:#04070d;background:linear-gradient(90deg,var(--orange),var(--orange2));border-color:transparent}
.cwfilters .s{margin-left:auto;background:#060b14;border:1px solid var(--line);color:var(--ink);font-family:var(--body);font-size:13px;padding:8px 12px;min-width:180px}
.cwtable{width:100%;border-collapse:collapse}
.cwtable th{font-family:var(--display);font-size:10px;letter-spacing:.08em;color:var(--dim);text-transform:uppercase;text-align:left;padding:0 8px 10px;border-bottom:1px solid var(--line)}
.cwtable td{padding:9px 8px;border-bottom:1px solid var(--line2);font-size:13px;vertical-align:middle}
.cwtable .ty{font-family:var(--display);font-weight:700;color:var(--gold)}
.cwtable .rc{display:inline-flex;align-items:center;gap:6px;font-family:var(--display);font-weight:700}
.cwtable .rc.win{color:var(--green)}.cwtable .rc.lose{color:var(--loss)}
.cwtable .lead{color:var(--muted);font-size:12px}.cwtable .lead b{color:var(--ink)}
.cwtable .lead .crown b{color:var(--gold)}
.cwempty{padding:20px;text-align:center;color:var(--muted)}
/* filtros extra do Top Killer (quebra de linha + select de classe) */
.cwfilters .fsep{flex-basis:100%;height:0}
.cwfilters .sel{background:#060b14;border:1px solid var(--line);color:var(--ink);font-family:var(--body);font-size:13px;padding:8px 10px;cursor:pointer}
/* blocos por período (Top Killer · Histórico) */
.tkblock{border:1px solid var(--line);background:var(--panel);margin-bottom:14px}
.tkblock-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 13px;border-bottom:1px solid var(--line);font-family:var(--display);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}
.tkblock-h span{font-family:var(--body);font-weight:600;font-size:11px;letter-spacing:0;text-transform:none;color:var(--muted)}
.tkblock .cwtable th{padding:8px 13px 8px}
.tkblock .cwtable td{padding:8px 13px}
.tkblock .cwtable tr:last-child td{border-bottom:0}
@media(max-width:680px){.cwstats{grid-template-columns:1fr}.cwfilters .s{margin-left:0;width:100%}.cwtable .lead{display:none}}