*{margin:0;padding:0;box-sizing:border-box}body{background:#0f0f23;color:#e0e0e0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden;height:100vh}#app{display:flex;height:100vh;width:100vw}#arena-container{flex:1;min-width:0;position:relative;background:#1a1a2e}#sidebar{width:280px;background:#16213e;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px;border-left:1px solid #1a1a3e}.leaderboard-section h3{color:#a0a0c0;font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid #2a2a4e}.leaderboard-table{width:100%;border-collapse:collapse;font-size:11px}.leaderboard-table thead th{color:#88a;text-align:left;padding:4px 6px;font-weight:600;border-bottom:1px solid #2a2a4e}.leaderboard-table tbody tr{transition:background .2s}.leaderboard-table tbody tr:hover{background:#ffffff0d}.leaderboard-table td{padding:3px 6px;white-space:nowrap}.leaderboard-table td.right,.leaderboard-table th.right{text-align:right}.leaderboard-table tr.dead{color:#555570}.ui-controls{display:flex;flex-direction:column;gap:8px}.control-group{display:flex;align-items:center;gap:8px}.control-group label{color:#88a;font-size:12px;min-width:70px}#creature-count{color:#e0e0e0;font-size:14px;font-weight:600;min-width:20px;text-align:center}.btn{background:#2a2a4e;color:#e0e0e0;border:1px solid #3a3a5e;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-family:inherit;transition:background .2s}.btn:hover{background:#3a3a5e}.btn:active{background:#4a4a6e}@media(max-width:900px){#app{flex-direction:column}#arena-container{flex:1;min-height:0}#sidebar{width:100%;height:200px;flex-direction:row;flex-wrap:wrap;border-left:none;border-top:1px solid #1a1a3e}}