.arena-header{text-align:center;padding:60px 40px 24px;border-bottom:2px solid var(--border)}.arena-title{font-family:var(--mono);font-size:56px;font-weight:700;letter-spacing:12px;text-transform:uppercase;line-height:1;margin-bottom:12px}.arena-sub{font-size:16px;font-weight:600;color:var(--text);letter-spacing:1px;margin-bottom:16px}.arena-explainer{font-size:12px;color:var(--text-dim);max-width:480px;margin:0 auto;line-height:1.6}.arena-controls{padding:16px 40px;border-bottom:2px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.arena-tabs{display:flex;gap:0;flex-wrap:wrap}.arena-tab{font-family:var(--mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:8px 16px;border:2px solid var(--border);border-right:none;background:var(--bg);color:var(--text-dim);cursor:pointer;transition:background .1s,color .1s}.arena-tab:last-child{border-right:2px solid var(--border)}.arena-tab:hover{background:var(--surface)}.arena-tab.active{background:var(--text);color:var(--bg)}.arena-sort{align-items:center}.sort-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);margin-right:4px}.arena-grid-wrap{padding:24px 40px 60px}.arena-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.skel-card{height:260px;border:2px solid var(--surface-2);background:var(--surface);animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.arena-card{border:2px solid var(--border);background:var(--bg);display:flex;flex-direction:column;transition:border-color .15s}.arena-card:hover{border-color:var(--accent)}.arena-card-hero{height:100px;display:flex;align-items:flex-end;justify-content:flex-end;padding:12px 16px;position:relative;overflow:hidden}.arena-card-rank{position:absolute;top:8px;left:12px;font-family:var(--mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#ffffffb3;text-shadow:0 1px 3px rgba(0,0,0,.4)}.arena-card-revenue{font-family:var(--mono);font-size:22px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);line-height:1}.arena-card-revenue-label{font-size:9px;font-weight:500;letter-spacing:1px;text-transform:uppercase;opacity:.8;display:block;margin-top:2px}.arena-card-body{padding:14px 16px 12px;flex:1;display:flex;flex-direction:column}.arena-card-title{font-family:var(--mono);font-size:14px;font-weight:700;line-height:1.3;margin-bottom:4px}.arena-card-desc{font-size:11px;color:var(--text-dim);line-height:1.5;margin-bottom:8px;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.arena-card-meta{display:flex;align-items:center;gap:12px;font-size:10px;color:var(--text-dim);letter-spacing:.5px;text-transform:uppercase;font-weight:600;margin-bottom:10px}.arena-card-meta .arena-views{color:var(--text-dim)}.arena-card-meta .arena-builder{color:var(--accent)}.arena-card-actions{display:flex;gap:0;border-top:1px solid var(--surface-2);margin:0 -16px -12px;padding:0}.arena-card-actions a,.arena-card-actions button{flex:1;font-family:var(--mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:10px 12px;text-align:center;text-decoration:none;border:none;background:var(--bg);color:var(--text);cursor:pointer;transition:background .1s,color .1s}.arena-card-actions a{border-right:1px solid var(--surface-2)}.arena-card-actions a:hover{background:var(--accent);color:#fff}.arena-card-actions button:hover{background:var(--surface)}.arena-empty{text-align:center;padding:80px 40px;border:2px dashed var(--border-light);color:var(--text-dim)}.arena-empty p{font-size:14px;margin-bottom:8px}.arena-empty-hint{font-size:12px}.arena-empty code{font-family:var(--mono);background:var(--surface);padding:2px 6px;border:1px solid var(--border-light);font-size:12px}.arena-load-more{text-align:center;padding:32px 0 0}.btn-load-more{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:12px 48px;border:2px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;transition:background .1s,color .1s}.btn-load-more:hover{background:var(--text);color:var(--bg)}.btn-load-more:disabled{opacity:.4;cursor:default}.arena-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);background:var(--text);color:var(--bg);font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.5px;padding:10px 24px;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;z-index:200}.arena-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:1024px){.arena-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.arena-header{padding:40px 20px 20px}.arena-title{font-size:36px;letter-spacing:6px}.arena-sub{font-size:13px}.arena-controls{padding:12px 20px;flex-direction:column;align-items:flex-start}.arena-grid-wrap{padding:16px 20px 40px}.arena-grid{grid-template-columns:1fr}.arena-tab{font-size:10px;padding:6px 10px}}