:root{--bg: #06090e;--surface: #0a1018;--surface-hi: #0f1a24;--sidebar: #04070c;--border: #18293a;--accent: #ff4655;--win: #00d4a0;--loss: #ff4655;--text: #e0eaf5;--subtext: #5a7a9a;--muted: #243242;--gold: #f0c040;--font-ui: "Barlow Condensed", "Microsoft YaHei", "PingFang SC", sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", "Consolas", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);background-image:linear-gradient(rgba(24,41,58,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(24,41,58,.35) 1px,transparent 1px);background-size:44px 44px;color:var(--text);font-family:var(--font-ui);font-size:14px;min-height:100vh}button{cursor:pointer;font:inherit}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.battle-card{transition:background .12s,transform .1s}.battle-card:hover{background:var(--surface-hi)!important;transform:translate(3px)}.stat-row{transition:background .1s}.stat-row:hover{background:#ffffff07!important}.nav-btn{transition:color .12s,background .12s}.nav-btn:hover{color:var(--text)!important}[data-tip]{position:relative}[data-tip]:hover:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--surface-hi);border:1px solid var(--border);color:var(--subtext);padding:4px 8px;border-radius:2px;font-size:11px;font-family:var(--font-mono);white-space:nowrap;z-index:100;pointer-events:none}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.loading-text{color:var(--muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;animation:blink 1.6s steps(1) infinite}