:root{--bg: #0a0e14;--panel: #121821;--panel-elevated: #1a222e;--border: #253040;--border-faint: #1c2530;--input-bg: #0e141c;--text: #e8eef4;--text-secondary: #9aa7b5;--text-faint: #61707f;--gold: #e6a817;--gold-hover: #f2b733;--green: #35c46a;--red: #f04438;--amber: #f79009;--blue: #3b9eff;--voc-ek: #e5544b;--voc-rp: #e6a817;--voc-ms: #b26bf0;--voc-ed: #38bdf8;--voc-none: #61707f;--radius-card: 10px;--radius-ctrl: 8px;--font-ui: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-mono: ui-monospace, "JetBrains Mono", "Roboto Mono", monospace;--online: #35c46a;--ally: #e6a817;--enemy: #f04438;--hp: #f0524b;--mp: #3b9eff;--rune: #c9a24b;--border-soft: #1c2530}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.app-shell{display:grid;grid-template-columns:232px 1fr;height:100%}.sidebar{background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px 12px;gap:4px;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 16px;font-weight:700;font-size:18px;letter-spacing:.5px}.brand-mark{width:28px;height:28px;border-radius:8px;background:var(--gold);color:var(--bg);display:grid;place-items:center;font-weight:700}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-ctrl);color:var(--text-secondary);font-weight:500;min-height:40px;border-left:3px solid transparent}.nav-item:hover{background:var(--panel-elevated);color:var(--text)}.nav-item.active{background:var(--panel-elevated);color:var(--text);border-left-color:var(--gold)}.nav-emoji{width:20px;text-align:center}.main{display:flex;flex-direction:column;min-width:0}.topbar{height:56px;border-bottom:1px solid var(--border);background:var(--panel-elevated);display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:16px}.topbar .world{font-weight:600}.balance{display:flex;align-items:center;gap:12px;font-size:13px}.count-ally{color:var(--gold)}.count-enemy{color:var(--red)}.freshness{color:var(--text-faint);font-size:12px}.content{padding:24px;overflow-y:auto}.logout-btn{margin-left:auto;background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:6px 12px;border-radius:var(--radius-ctrl);cursor:pointer}.logout-btn:hover{color:var(--text);border-color:var(--text-faint)}.module-placeholder h1{font-size:20px;margin:0 0 6px}.module-placeholder p{color:var(--text-secondary);max-width:640px}.badge-fase{display:inline-block;margin-top:16px;padding:4px 10px;border-radius:999px;background:var(--panel);border:1px solid var(--border);color:var(--text-faint);font-size:12px}.login-wrap{min-height:100%;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:360px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-card);padding:28px 24px}.login-card .brand{justify-content:center;padding-top:0}.login-sub{text-align:center;color:var(--text-faint);font-size:12px;margin:-8px 0 20px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:6px}.field input{width:100%;background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-ctrl);color:var(--text);padding:10px 12px;font-size:14px}.field input:focus{outline:none;border-color:var(--blue)}.btn-primary{width:100%;background:var(--gold);color:var(--bg);border:none;border-radius:var(--radius-ctrl);padding:11px;font-weight:700;font-size:14px;cursor:pointer;min-height:44px}.btn-primary:hover{background:var(--gold-hover)}.btn-primary:disabled{opacity:.6;cursor:default}.login-error{color:var(--red);font-size:13px;margin-bottom:12px}.topbar .freshness{display:inline-flex;align-items:center;gap:6px}.topbar .freshness.stale{color:var(--amber)}.fdot{width:7px;height:7px;border-radius:50%;background:var(--online);box-shadow:0 0 6px var(--online);display:inline-block}.fdot.stale{background:var(--amber);box-shadow:none;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.screen-title{display:flex;align-items:center;gap:10px;margin-bottom:4px}.screen-title h1{font-size:19px;margin:0}.tag{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;border:1px solid var(--border);color:var(--text-secondary)}.screen-sub{color:var(--text-faint);font-size:12.5px;margin:0 0 14px;max-width:760px}.toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}.toolbar.right{justify-content:flex-end}.srvsearch{flex:1;min-width:200px;background:var(--panel);border:1px solid var(--border);border-radius:9px;padding:9px 12px;color:var(--text);font-size:13px}.srvsearch:focus{outline:none;border-color:var(--blue)}.vchip{font-family:inherit;font-size:12px;color:var(--text-secondary);background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:6px 11px;cursor:pointer}.vchip:hover{color:var(--text)}.vchip.on{background:var(--gold);color:var(--bg);border-color:var(--gold);font-weight:700}.vchip.clear{border-style:dashed;color:var(--text-faint)}.seg{display:inline-flex;background:var(--input-bg);border:1px solid var(--border);border-radius:8px;padding:3px}.seg button{font-family:inherit;font-size:12.5px;color:var(--text-secondary);background:transparent;border:none;border-radius:6px;padding:5px 12px;cursor:pointer}.seg button.on{background:var(--gold);color:var(--bg);font-weight:700}.grid{display:grid;gap:14px}.kpis{grid-template-columns:repeat(2,1fr);margin-bottom:14px}@media (min-width: 760px){.kpis{grid-template-columns:repeat(4,1fr)}}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-card)}.kpi{padding:14px}.kpi .lab{font-size:11.5px;color:var(--text-faint);letter-spacing:.04em;text-transform:uppercase}.kpi .num{font-family:var(--font-mono);font-size:25px;font-weight:700;margin-top:4px}.kpi .delta{font-size:12px;margin-top:2px}.up{color:var(--online)}.mut{color:var(--text-faint)}.table-wrap{overflow:hidden}.table-scroll{overflow-x:auto}.p-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 14px;border-bottom:1px solid var(--border-faint);flex-wrap:wrap}.p-head h3{font-size:13.5px;margin:0}.p-head .mini{font-size:11.5px;color:var(--text-faint)}.ctable{width:100%;border-collapse:collapse;font-size:13px;color:var(--text)}.ctable th{text-align:right;font-size:10.5px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.03em;font-weight:600;padding:8px 10px;border-bottom:1px solid var(--border);white-space:nowrap}.ctable th.l{text-align:left}.ctable td{padding:8px 10px;border-bottom:1px solid var(--border-faint);text-align:right;white-space:nowrap}.ctable td.l{text-align:left}.ctable tr:last-child td{border-bottom:none}.ctable tbody tr:hover td{background:var(--panel-elevated)}.ctable tr.ally-row td:first-child{box-shadow:inset 3px 0 0 var(--ally)}.ctable tr.en-row td:first-child{box-shadow:inset 3px 0 0 var(--enemy)}.ctable tr.en-row.soft td{background:#0c1710}.ctable tr.row-off td .cname{color:var(--text-faint)}.hpcell{color:var(--hp)}.mpcell{color:var(--mp)}.cwrap{display:flex;align-items:center;gap:8px}.cname{font-weight:600;color:var(--text)}.since{font-size:11px;color:var(--online)}.odot{width:8px;height:8px;border-radius:50%;background:var(--online);box-shadow:0 0 7px var(--online);display:inline-block;flex:none}.odot.off{background:var(--text-faint);box-shadow:none}.voc{display:inline-flex;align-items:center;gap:3px;height:20px;padding:0 6px;border-radius:6px;font-size:10px;font-weight:800;color:#0a0e14}.voc svg{width:12px;height:12px;fill:currentColor}.voc.ek{background:var(--voc-ek);color:#fff}.voc.rp{background:var(--voc-rp)}.voc.ms{background:var(--voc-ms);color:#fff}.voc.ed{background:var(--voc-ed)}.voc.none{background:transparent;color:var(--text-faint);font-weight:600}.gb{font-size:9.5px;font-weight:800;padding:2px 6px;border-radius:5px;letter-spacing:.03em}.gb.rag{background:#3a2f14;color:var(--gold);border:1px solid #5a4a1a}.gb.en1{background:#2a1010;color:#ff8a83;border:1px solid #5a1e1a}.gb.neu{background:#151b24;color:var(--text-secondary);border:1px solid var(--border)}.gb.nogld{color:var(--text-faint)}.km{font-size:10.5px;font-weight:800;padding:3px 7px;border-radius:6px;display:inline-flex;gap:3px;align-items:center}.km-yes{background:#0f2417;color:var(--online);border:1px solid #1e4d33}.km-mid{background:#241a06;color:var(--amber);border:1px solid #4d3a10}.km-no{background:#241010;color:var(--enemy);border:1px solid #4d1e1a}.combo-banner{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;margin-bottom:14px;border-radius:var(--radius-card);background:linear-gradient(120deg,#15200f,#101a24);border:1px solid #3a4a22}.combo-banner .cb-ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;flex:none;font-size:24px;background:linear-gradient(150deg,var(--rune),#8a6b1e);box-shadow:0 0 14px #c9a24b59}.cb-lab{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--online)}.cb-val{font-family:var(--font-mono);font-size:27px;font-weight:800;display:flex;align-items:baseline;gap:10px}.cb-dmg{font-size:13px;color:var(--text-faint);font-weight:600}.cb-meta{font-size:12px;color:var(--text-secondary);margin-left:auto;text-align:right;min-width:240px}@media (max-width: 640px){.cb-meta{margin-left:0;text-align:left;width:100%}}.adv{padding:14px;margin-bottom:14px}.adv.danger{outline:1px solid var(--enemy)}.adv-bar{display:flex;height:26px;border-radius:7px;overflow:hidden;border:1px solid var(--border);margin:10px 0 6px}.adv-bar .a{background:var(--ally);color:#0a0e14}.adv-bar .e{background:var(--enemy);color:#fff}.adv-bar .a,.adv-bar .e{display:grid;place-items:center;font-family:var(--font-mono);font-weight:800;font-size:13px;min-width:22px}.adv-lbl{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary)}.guild-picker{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.gcard{display:flex;align-items:center;gap:8px;font-family:inherit;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px 14px;cursor:pointer;color:var(--text)}.gcard:hover{border-color:var(--text-faint)}.gcard.on{border-color:var(--gold);background:var(--panel-elevated)}.gc-dot{width:12px;height:12px;border-radius:4px;flex:none}.gc-name{font-weight:600}.gc-side{font-size:10px;font-weight:700;padding:1px 6px;border-radius:5px}.gc-side.aliada{background:#3a2f14;color:var(--gold)}.gc-side.enemiga{background:#2a1010;color:#ff8a83}.gc-count{font-size:13px;color:var(--online);font-weight:700}.gc-total{color:var(--text-faint);font-weight:400}.live-note{font-size:12.5px;color:var(--text-faint);padding:8px 2px 14px}.live-note.err{color:var(--amber)}@media (max-width: 767px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}