@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--bg-base:#0a0b0d;--bg-surface:#111318;--bg-elevated:#181b22;--bg-hover:#1e222c;--border:#232730;--border-light:#2d3240;--text-primary:#e8eaf0;--text-secondary:#7c8494;--text-tertiary:#4a5168;--gold:#c9a84c;--gold-dim:#8a6e2e;--gold-glow:#c9a84c1f;--green:#2ecc71;--green-dim:#2ecc711f;--red:#e74c3c;--red-dim:#e74c3c1f;--amber:#f39c12;--amber-dim:#f39c121f;--blue:#3498db;--blue-dim:#3498db1f}*{box-sizing:border-box}html,body{background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:DM Mono,monospace;font-size:14px;line-height:1.6}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.font-display{font-family:Syne,sans-serif}.font-mono{font-family:DM Mono,monospace}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px}.card-elevated{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:8px}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge-green{background:var(--green-dim);color:var(--green)}.badge-red{background:var(--red-dim);color:var(--red)}.badge-amber{background:var(--amber-dim);color:var(--amber)}.badge-blue{background:var(--blue-dim);color:var(--blue)}.badge-gold{background:var(--gold-glow);color:var(--gold)}.badge-gray{background:var(--bg-elevated);color:var(--text-secondary)}.tier-iron{color:#9ca3af;background:#6b728024}.tier-bronze{color:#cd7f32;background:#cd7f3224}.tier-silver{color:silver;background:#c0c0c024}.tier-gold{background:var(--gold-glow);color:var(--gold)}.tier-platinum{color:#b8c9e0;background:#b8c9e024}.tier-diamond{color:#5ac8fa;background:#5ac8fa24}.tier-ascendant{color:#4ade80;background:#4ade8024}.tier-immortal{color:#a78bfa;background:#a78bfa24}.tier-radiant{color:#fb7185;background:#fb718524}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 12px;font-size:13px;font-weight:500}.data-table td{border-bottom:1px solid var(--border);color:var(--text-primary);vertical-align:middle;padding:10px 12px}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--bg-hover);cursor:pointer}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-family:DM Mono,monospace;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background:var(--gold);color:#0a0b0d;border-color:var(--gold)}.btn-primary:hover{background:#d4b35a}.btn-ghost{color:var(--text-secondary);border-color:var(--border);background:0 0}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-light)}.btn-danger{color:var(--red);background:0 0;border-color:#e74c3c4d}.btn-danger:hover{background:var(--red-dim);border-color:var(--red)}.btn-success{color:var(--green);background:0 0;border-color:#2ecc714d}.btn-success:hover{background:var(--green-dim);border-color:var(--green)}.input{background:var(--bg-elevated);border:1px solid var(--border-light);color:var(--text-primary);border-radius:6px;outline:none;width:100%;padding:8px 12px;font-family:DM Mono,monospace;font-size:13px;transition:border-color .15s}.input:focus{border-color:var(--gold-dim)}.input::placeholder{color:var(--text-tertiary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.2s forwards fadeIn}@keyframes pulse-gold{0%,to{opacity:1}50%{opacity:.5}}.pulse-gold{animation:2s ease-in-out infinite pulse-gold}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}