/* Original editorial / abstract-paint direction. Visual-only, no changes to application logic. */
:root{--accent:#e87543;--accent2:#5eb9ca;--arena-orange:#e87543;--arena-cyan:#5eb9ca;--arena-paper:#d5d9d9;--arena-line:#30373c;--radius:2px}
body{background:#080b0e;color:#e5e7e6;font-family:"Helvetica Neue",Arial,sans-serif;letter-spacing:.005em}
body:before{height:1px;background:linear-gradient(90deg,#e87543 0 12%,transparent 12%)}
.ambient{opacity:.12;background-image:none}
.site-header{height:76px;background:rgba(8,11,14,.92);border-bottom:1px solid #2d3438}
.brand-mark{display:none}.brand b{font-size:20px;font-weight:650;letter-spacing:.085em}.brand small{font-size:9px;letter-spacing:.23em}
.site-header nav a{font-size:11px;letter-spacing:.09em;text-transform:uppercase}
.shell{width:min(1320px,calc(100% - 80px));padding-top:0}
.arena2-hero{position:relative;isolation:isolate;min-height:650px;grid-template-columns:minmax(0,1.15fr) minmax(290px,.52fr);gap:80px;align-items:center;padding:110px 25px 100px 0;border:0}
.arena2-hero:before{content:"";position:absolute;z-index:-2;inset:0 calc((min(1320px,100vw - 80px) - 100vw)/2);background:linear-gradient(90deg,#080b0e 2%,rgba(8,11,14,.97) 19%,rgba(8,11,14,.65) 48%,rgba(8,11,14,.13) 100%),url("graphics/abstract-paint.svg") center right/cover no-repeat}
.arena2-hero:after{content:"";position:absolute;z-index:-1;inset:auto 0 0;height:1px;background:#4b5358;opacity:.5}
.arena2-kicker{color:#b9c5c9;font-weight:500;letter-spacing:.29em;font-size:10px}
.arena2-intro h1{font-family:"Helvetica Neue",Arial,sans-serif;font-weight:200;letter-spacing:-.065em;font-size:clamp(72px,8.2vw,125px);line-height:.98;max-width:790px;margin:30px 0 35px}
.arena2-intro h1 em{font-family:"Helvetica Neue",Arial,sans-serif;font-weight:200;font-style:normal;color:#e87543}
.arena2-intro>p{font-size:17px;max-width:520px;line-height:1.8;color:#b4bdc1}
.arena2-btn,.button{border-radius:30px;letter-spacing:.04em;font-weight:600;padding:12px 23px;background:rgba(8,11,14,.65)}
.arena2-btn.primary,.button.primary{background:#e87543;border-color:#e87543;color:#0c1012}
.arena2-btn.primary:hover,.button.primary:hover{background:#f18d62;border-color:#f18d62}
.arena2-proof{border-top-color:#4b555a;color:#a5b1b6;max-width:560px}
.arena2-now{background:rgba(9,13,16,.8);border:1px solid #65737b;border-top:1px solid #65737b;backdrop-filter:blur(8px);max-width:360px;justify-self:end}
.arena2-now-label span,.arena2-row-arrow{color:#65c3d2}
.arena2-route-strip{grid-template-columns:repeat(4,1fr);margin:0 0 95px;border-top:0}
.arena2-route-strip a{padding-top:32px;padding-bottom:35px}.arena2-route-strip b{font-weight:400;font-size:21px}.arena2-route-strip small{font-size:11px}
.arena2-section-head h2{font-weight:300;font-size:clamp(34px,4vw,56px)}
.arena2-event{background:#151c20;color:#e8e9e8;border:1px solid #47545a}.arena2-event .arena2-kicker{color:#71c0ce}.arena2-event-copy p{color:#a8b3b8}.arena2-event-meta span{color:#9caab1}.arena2-event-meta>div{border-color:#465157}.arena2-event-index{border-color:#465157}
.arena2-discovery{background:#d3d7d7;color:#172026}.arena2-discovery .arena2-kicker{color:#386e7a}.arena2-discovery-copy h2{font-style:normal;font-weight:400}
.arena2-podium-card:first-child{border-top-color:#e87543}.arena2-podium-card:nth-child(2){border-top-color:#65c3d2}
.arena2-now,.arena2-podium-card,.panel,.leaderboard{border-radius:2px}
@media(max-width:980px){.arena2-hero{grid-template-columns:1fr;gap:40px;min-height:0;padding:95px 0 60px}.arena2-hero:before{inset:0 -40px;background-position:65% center}.arena2-now{justify-self:start}.arena2-intro h1{font-size:clamp(64px,11vw,105px)}}
@media(max-width:680px){.shell{width:calc(100% - 32px)}.site-header{height:66px}.arena2-hero{padding:75px 0 45px}.arena2-hero:before{inset:0 -16px;background:linear-gradient(90deg,rgba(8,11,14,.96),rgba(8,11,14,.72)),url("graphics/abstract-paint.svg") 58% center/cover}.arena2-intro h1{font-size:clamp(59px,14vw,86px)}.arena2-route-strip{grid-template-columns:1fr 1fr;margin-bottom:55px}.arena2-route-strip a{padding:20px 10px 20px 0}.arena2-now{max-width:100%}.arena2-intro>p{font-size:15px}.brand b{font-size:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}


/* R4 — site-wide editorial system; real controls and routes remain unchanged. */
:root{--bg:#0b1013;--bg2:#10171b;--panel:#151c20;--panel2:#192126;--line:#354047;--text:#e6e9e8;--muted:#a0aeb4;--accent:#e68a5f;--accent2:#7bb7c2;--cyan:#7bb7c2;--teal:#7bb7c2;--violet:#8da3ae;--pink:#d49a85;--good:#8ebba7;--arena-ink:#0b1013;--arena-surface:#151c20;--arena-surface2:#192126;--arena-line:#354047}
html{scroll-behavior:smooth}body{background:#0b1013!important;color:#e6e9e8!important;font-family:Inter,"Helvetica Neue",Arial,sans-serif!important;line-height:1.55}
body:before{display:none}.ambient{display:none!important}
.site-header{position:sticky;top:0;z-index:1000;box-sizing:border-box;background:rgba(11,16,19,.97)!important;border-bottom:1px solid #36434a!important;box-shadow:none!important;backdrop-filter:blur(20px)}
.site-header nav a{color:#bac6ca!important;text-shadow:none!important;font-size:11px!important;font-weight:600;letter-spacing:.06em;white-space:nowrap}
.site-header nav a:hover,.site-header nav a:focus-visible{color:#fff!important;background:#233039!important}
.site-header nav .pill{border:1px solid #71818a!important;background:transparent!important;color:#e5e8e8!important;border-radius:99px!important}
.brand{color:#f2f2f0!important}.brand b{font-weight:650!important}.brand small{color:#9caab0!important}
.shell{min-height:65vh}.shell:not(:has(.arena2-hero)){position:relative;isolation:isolate;padding-top:42px}
.shell:not(:has(.arena2-hero)):before{content:"";position:absolute;z-index:-1;top:0;left:50%;width:100vw;height:min(530px,60vh);transform:translateX(-50%);pointer-events:none;background:linear-gradient(90deg,#0b1013 0%,rgba(11,16,19,.95) 32%,rgba(11,16,19,.65) 75%,#0b1013 100%),url("graphics/painting-workspace.svg") center/cover no-repeat;opacity:.65;mask-image:linear-gradient(#000 0%,#000 35%,transparent 100%)}
.shell:has(.battle-head):before,.shell:has(.battle-board):before{background-image:linear-gradient(90deg,#0b1013 0%,rgba(11,16,19,.84) 42%,rgba(11,16,19,.6) 100%),url("graphics/painting-battle.svg")}
.shell:has(.leaderboard-title):before,.shell:has(.leaderboard-table):before{background-image:linear-gradient(90deg,#0b1013 0%,rgba(11,16,19,.86) 48%,rgba(11,16,19,.7) 100%),url("graphics/painting-rankings.svg")}
.shell:has(.playlist-head):before,.shell:has(.playlist-experience):before,.shell:has(.radio-head):before,.shell:has(.radio-layout):before{background-image:linear-gradient(90deg,#0b1013 0%,rgba(11,16,19,.83) 55%,rgba(11,16,19,.65) 100%),url("graphics/painting-listen.svg")}
.shell:has(.event-card):before,.shell:has(.event-hero):before{background-image:linear-gradient(90deg,#0b1013 0%,rgba(11,16,19,.86) 50%,rgba(11,16,19,.67) 100%),url("graphics/painting-events.svg")}
.shell:has(.artist-hero):before,.shell:has(.song-hero):before,.shell:has(.song-detail):before{background-image:linear-gradient(90deg,#0b1013 0%,rgba(11,16,19,.86) 50%,rgba(11,16,19,.67) 100%),url("graphics/painting-artist.svg")}
.shell:not(:has(.arena2-hero)) h1{font-family:"Helvetica Neue",Arial,sans-serif!important;font-size:clamp(38px,5.5vw,74px)!important;font-weight:300!important;letter-spacing:-.045em!important;line-height:1.07!important;text-shadow:none!important}
.shell:not(:has(.arena2-hero)) h2{font-weight:450;letter-spacing:-.025em}
.eyebrow,.arena2-kicker{color:#80bfcb!important;letter-spacing:.2em!important;font-weight:600!important}
.battle-head,.leaderboard-title,.playlist-head,.radio-head,.dash-head,.admin-head,.auth-panel,.two-col,.song-detail,.artist-hero{border-radius:3px!important;background:transparent!important;box-shadow:none!important;text-shadow:none!important}
.battle-head,.leaderboard-title,.playlist-head,.radio-head{padding:34px 0 45px!important;margin-bottom:30px!important;border:0!important;border-bottom:1px solid #3b464d!important}
.leaderboard-title:after,.playlist-now:before,.radio-now:before,.hero-graphic,.wave-divider{display:none!important}
.playlist-head h1 span{background:none!important;color:#e68a5f!important;-webkit-text-fill-color:#e68a5f!important}
.playlist-head p,.radio-head p,.battle-head p{color:#b0bdc1!important}
.panel,.song-card,.track-side,.credit-card,.metric-grid>div,.review-card,.radio-now,.radio-chat-panel,.playlist-now,.playlist-rule-card,.genre-button,.radio-song,.radio-admin-row,.radio-admin-current,.auth-panel,.leaderboard,.table-wrap,.ledger,.event-card,.feature-grid article{background:rgba(19,27,31,.96)!important;border:1px solid #36434a!important;border-radius:3px!important;box-shadow:none!important;backdrop-filter:none!important}
.panel:hover,.song-card:hover,.genre-button:hover,.feature-grid article:hover{border-color:#68838d!important;transform:none!important}
.battle-board>.track-side:first-child,.battle-board>.track-side:last-child{background:#151e22!important;border:1px solid #3c4a51!important;box-shadow:none!important}
.battle-vs span{background:#192328!important;color:#cdd9dc!important;border:1px solid #647981!important;box-shadow:none!important}
.button,.arena2-btn,button[type=submit],.genre-button{transition:background .16s,border-color .16s,color .16s!important}
.button,.arena2-btn{border-radius:99px!important}.button.primary,.arena2-btn.primary{background:#e68a5f!important;color:#11181c!important;border-color:#e68a5f!important}
.button.primary:hover,.arena2-btn.primary:hover{background:#f3a27b!important;border-color:#f3a27b!important}
.genre-grid{gap:9px!important}.genre-button{padding:16px!important}.genre-button small{color:#8bc4cc!important}
.playlist-now,.radio-now{border-top:1px solid #5b777f!important}
.playlist-rule-card b,.radio-live,.radio-message b{color:#8ac3cc!important}
.radio-chat{background:#10171b!important;border-color:#354047!important;border-radius:3px!important}
.radio-song,.radio-admin-row{border-radius:3px!important}
.leaderboard-table tbody tr:nth-child(-n+3){background:rgba(42,57,62,.35)!important}
.table-wrap,table{overflow-x:auto}table th{color:#aebbc0!important}table td{border-color:#303c43!important}table tr:hover td{background:#202d33!important}
.form-grid input,.form-grid select,.form-grid textarea,.inline-form input,.inline-form select,input,select,textarea{accent-color:#e68a5f}
.form-grid input,.form-grid select,.form-grid textarea,.inline-form input,.inline-form select{background:#0f171b!important;border:1px solid #43535b!important;border-radius:3px!important;color:#e6e9e8!important}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:2px solid #83bdc7!important;outline-offset:1px;box-shadow:none!important}
.arena2-hero{min-height:570px!important;padding-top:75px!important;padding-bottom:75px!important;grid-template-columns:minmax(0,1.2fr) minmax(275px,.46fr)!important}
.arena2-hero:before{background:linear-gradient(90deg,#0b1013 0%,rgba(11,16,19,.98) 29%,rgba(11,16,19,.72) 58%,rgba(11,16,19,.43) 100%),url("graphics/painting-listen.svg") center/cover no-repeat!important;opacity:.9}
.arena2-intro h1{font-size:clamp(64px,7.5vw,106px)!important;font-weight:300!important;line-height:1.01!important;letter-spacing:-.06em!important}
.arena2-intro h1 em{color:#e68a5f!important;font-weight:300!important}
.arena2-now{max-width:340px!important;background:rgba(16,23,27,.95)!important;border:1px solid #53656d!important}
.arena2-event{background:#1b262b!important;border:1px solid #465962!important;border-left:3px solid #c78262!important}
.arena2-event .arena2-kicker{color:#9ccbd2!important}.arena2-event-copy h2{font-weight:400!important}.arena2-event-meta b{color:#e8e9e8!important}
.arena2-discovery{background:#cbd2d2!important;color:#182329!important}.arena2-discovery .arena2-kicker{color:#3d737c!important}
.arena2-discovery .arena2-btn{color:#1a252a!important}.arena2-discovery h2{color:#182329!important}
.arena2-podium-card,.arena2-ranking-list{background:#131c20!important;border-color:#36434a!important}.arena2-podium-card:first-child{border-top-color:#e68a5f!important}
.arena2-podium-copy h3,.arena2-now-copy h2{font-weight:500!important}
footer{border-top:1px solid #39464d!important;color:#9caab0!important;gap:20px;line-height:1.8}footer a{color:#c4d0d2!important}
@media(max-width:1050px){.site-header nav{gap:0!important}.site-header nav a{font-size:10px!important;padding:8px!important}}
@media(max-width:980px){.arena2-hero{grid-template-columns:1fr!important}.arena2-now{justify-self:start!important}.shell:not(:has(.arena2-hero)):before{height:430px}}
@media(max-width:680px){.shell{width:calc(100% - 32px)!important}.shell:not(:has(.arena2-hero)){padding-top:20px!important}.shell:not(:has(.arena2-hero)) h1{font-size:clamp(35px,11vw,54px)!important}.battle-head,.leaderboard-title,.playlist-head,.radio-head{padding:20px 0 30px!important}.arena2-hero{padding-top:56px!important;padding-bottom:50px!important}.arena2-hero:before{background:linear-gradient(90deg,rgba(11,16,19,.97),rgba(11,16,19,.8)),url("graphics/painting-listen.svg") center/cover!important}.arena2-intro h1{font-size:clamp(56px,14vw,82px)!important}.arena2-route-strip{grid-template-columns:1fr 1fr!important}.playlist-head,.radio-layout,.playlist-experience{grid-template-columns:1fr!important}.genre-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.site-header nav{background:#11191d!important}}