:root{--arena-bg:#070b16;--arena-panel:#0d162b;--arena-panel-2:#111d36;--arena-line:rgba(148,163,184,.2);--arena-text:#f7f9ff;--arena-muted:#aebbd1;--arena-accent:#38e8b0;--arena-blue:#4d8dff;--arena-danger:#ff667a}
*{box-sizing:border-box}body{font-family:Inter,"Segoe UI",sans-serif!important;background:radial-gradient(circle at 82% -12%,rgba(56,232,176,.16),transparent 35%),radial-gradient(circle at 5% 30%,rgba(77,141,255,.1),transparent 28%),var(--arena-bg)!important;color:var(--arena-text)!important}
.header{position:sticky;top:0;z-index:1000;margin:0 0 24px!important;padding:13px 24px!important;background:rgba(7,11,22,.9)!important;border-bottom:1px solid rgba(56,232,176,.18)!important;box-shadow:0 14px 35px rgba(0,0,0,.25)!important}.header-content{max-width:1480px!important}.brand-name{font-size:20px!important;background:linear-gradient(135deg,var(--arena-accent),#72a7ff)!important;-webkit-background-clip:text!important;background-clip:text!important}.nav-links{display:flex;gap:7px!important;flex-wrap:wrap}.nav-links a{padding:9px 13px;border:1px solid transparent;border-radius:10px;color:var(--arena-muted)!important;font-size:13px;font-weight:650}.nav-links a:hover,.nav-links a.active{color:#fff!important;background:rgba(56,232,176,.09);border-color:rgba(56,232,176,.28)}
.container{max-width:1480px!important;padding:0 24px 42px!important}.arena-suite-hero,.page-header{display:flex!important;justify-content:space-between;align-items:flex-end;text-align:left!important;gap:24px;margin:0 0 18px!important;padding:25px 27px;border:1px solid var(--arena-line);border-radius:18px;background:radial-gradient(circle at 88% 0,rgba(56,232,176,.13),transparent 34%),linear-gradient(145deg,rgba(16,26,50,.98),rgba(9,14,27,.98));box-shadow:0 22px 54px rgba(0,0,0,.25)}.page-header>div:first-child{min-width:0}.arena-kicker{margin-bottom:8px;color:var(--arena-accent);font:750 11px/1.2 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase}.page-header h1,.arena-suite-hero h1{margin:0 0 8px!important;font-size:clamp(26px,4vw,43px)!important;color:#fff!important;background:none!important;-webkit-text-fill-color:initial!important}.page-header p,.arena-suite-hero p{margin:0!important;color:var(--arena-muted)!important;font-size:14px!important;line-height:1.55}.arena-health{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.arena-status{padding:8px 11px;border:1px solid rgba(148,163,184,.2);border-radius:999px;background:rgba(6,10,20,.65);color:#cbd5e1;font:700 11px/1 Inter,sans-serif;white-space:nowrap}.arena-status.ok{color:#a2f7d8;border-color:rgba(56,232,176,.35);background:rgba(56,232,176,.08)}
.battle-card,.avatar-card,.tournament-card,.bracket-container,.leaderboard,.empty-state{background:linear-gradient(145deg,rgba(16,26,50,.97),rgba(9,14,27,.98))!important;border:1px solid var(--arena-line)!important;border-radius:17px!important;box-shadow:0 18px 42px rgba(0,0,0,.23)!important}.battle-card,.bracket-container,.leaderboard{padding:22px!important}.avatar-card,.tournament-card{padding:16px!important}.avatar-card:hover,.tournament-card:hover{transform:translateY(-3px)!important;border-color:rgba(56,232,176,.38)!important;box-shadow:0 22px 48px rgba(0,0,0,.32)!important}.avatar-grid,.tournament-grid{gap:14px!important}.avatar-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))!important}.tournament-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important}.avatar-image{height:260px!important;border-radius:12px!important}.avatar-stats{background:rgba(4,8,18,.62)!important;border:1px solid rgba(148,163,184,.12)}.stat-value,.round-title,.leaderboard-table th{color:var(--arena-accent)!important}.create-button,.btn-primary,.vote-button,.play-button{background:linear-gradient(135deg,#1dbd90,#397ff1)!important;border:0!important;color:white!important;border-radius:11px!important;box-shadow:none!important}.btn-secondary{background:#111d33!important;border:1px solid #405477!important;color:#dce6f8!important}.btn-danger{background:rgba(255,102,122,.08)!important;border:1px solid rgba(255,102,122,.4)!important;color:#ff8b9a!important}.leaderboard,.leaderboard-section{overflow-x:auto}.leaderboard-table{min-width:660px}.leaderboard-table th,.leaderboard-table td{border-bottom-color:rgba(148,163,184,.13)!important}.timer{border-color:rgba(56,232,176,.3)!important;background:rgba(5,9,18,.8)!important}.timer-value,.vote-count{color:var(--arena-accent)!important}.elo-badge{background:linear-gradient(135deg,#1dbd90,#397ff1)!important}.spinner{border-color:rgba(56,232,176,.12)!important;border-top-color:var(--arena-accent)!important}.empty-state{padding:65px 20px!important}.empty-state i{color:var(--arena-accent)!important}.arena-diagnostics{position:fixed;right:12px;bottom:12px;z-index:999;padding:6px 9px;border:1px solid rgba(56,232,176,.2);border-radius:8px;background:rgba(7,11,22,.88);color:#9fe8d1;font-size:10px}
@media(max-width:800px){.header{position:relative}.header-content,.page-header,.arena-suite-hero{align-items:flex-start!important;flex-direction:column}.nav-links{width:100%}.nav-links a{flex:1;text-align:center;min-width:120px}.arena-health{justify-content:flex-start}.container{padding:0 12px 28px!important}.page-header,.arena-suite-hero{padding:20px}.battle-arena{grid-template-columns:1fr!important}.avatar-image{width:100%!important;max-width:300px;height:auto!important;aspect-ratio:1/1}.tournament-grid,.avatar-grid{grid-template-columns:1fr!important}}
@media(max-width:430px){.header{padding:10px!important}.nav-links a{min-width:calc(50% - 5px);padding:8px 5px;font-size:11px}.battle-card{padding:14px!important}.avatar-actions,.tournament-actions{flex-direction:column}.btn{width:100%}.page-header h1,.arena-suite-hero h1{font-size:27px!important}}