/* Shared interior treatment, drawn from the approved homepage arena. */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@600;700;800;900&display=swap');
:root{--ink:#090b10;--bone:#f3f2f2;--red:#ec3013;--blue:#1a56db;--line:rgba(243,242,242,.18)}
body{background:linear-gradient(#090b10c9,#090b10f2),url('/arena-landscape-v3.png') center top/cover fixed no-repeat!important;color:#f3f2f2}
body:before{content:"";position:fixed;inset:0;background:rgba(4,6,10,.87);pointer-events:none;z-index:-1}
nav{background:rgba(7,9,13,.96)!important;border-bottom:1px solid #ffffff26!important}
.brand-mma{color:#ec3013}
body.reading-page{background:linear-gradient(#090b10eb,#090b10fa),url('/arena-landscape-v3.png') center top/cover fixed no-repeat!important}
.reading-page main.wrap{background:#0d0f14;border-left:1px solid #ffffff12;border-right:1px solid #ffffff12}
.reading-page .sub,.reading-page main p{color:#c5c8d0}
.interior-brand-banner{width:min(1320px,calc(100% - 40px));margin:24px auto 0;border:1px solid #ffffff26;border-radius:8px;overflow:hidden;background:#080b10}
.interior-brand-banner img{display:block;width:100%;height:clamp(170px,25vw,330px);object-fit:cover}
.fight-brand{gap:10px}
.fight-main{width:min(1320px,calc(100% - 48px));margin:24px auto 40px}
.interior-arena{border:1px solid #ffffff26;background:#080b10;overflow:hidden;border-radius:10px}
.interior-arena>img{display:block;width:100%;height:clamp(210px,29vw,380px);object-fit:cover;object-position:center}
.interior-arena-caption{padding:24px 32px;background:linear-gradient(110deg,#3a100ecc,#080b10 45%,#0a2153cc);border-top:1px solid #ffffff26}
.interior-arena-caption h1{margin:8px 0;font-weight:900;letter-spacing:-.04em}
.interior-arena-caption p{margin:8px 0}
.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:900;color:#f3f2f2b0}
.fight-surface{padding:28px 32px;border:1px solid #ffffff26;border-radius:8px;background:rgba(9,11,16,.95);margin-top:20px}
.fight-surface h2{font-size:clamp(23px,3vw,32px);margin:10px 0}
.fight-surface p{line-height:1.6;color:#c5c8d0;max-width:76ch}
.pending-matchup{display:grid;grid-template-columns:1fr 56px 1fr;align-items:center;max-width:760px;margin:28px auto 10px}
.name-corner{text-align:center;padding:20px;background:linear-gradient(135deg,#ec30131c,transparent);border-radius:8px}
.name-corner.blue{background:linear-gradient(225deg,#1a56db30,transparent)}
.name-octagon{width:110px;height:110px;display:grid;place-items:center;margin:auto;background:#ec3013;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);font-size:38px;font-weight:900;position:relative;isolation:isolate}
.name-octagon:before{content:"";position:absolute;inset:3px;background:#15161b;clip-path:inherit;z-index:-1}
.blue .name-octagon{background:#367bff}
.name-corner h3{font-size:20px;margin:14px 0 4px}
.name-corner p{font-size:12px;margin:0}
.versus{text-align:center;font-weight:900;color:#ffffff80}
.pending-note{text-align:center;font-size:13px;margin:16px auto}
.fight-details{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.dashboard-home{background:linear-gradient(110deg,rgba(37,12,14,.97),rgba(8,11,17,.98) 45%,rgba(10,24,50,.97))!important;border-color:#ffffff30!important}
.dashboard-home .profile-demo{background:transparent!important}
.dashboard-home .account-workspace{background:rgba(8,10,15,.72)!important}
.dashboard-home .account-workspace{border-color:#ffffff26!important}
.dashboard-home .profile-spotlights>section,.dashboard-home .lifetime-card{background:#090c12b8;border-color:#ffffff26}
.dashboard-home .trophy-collection{display:block}
.dashboard-home .trophy-collection .empty{border:1px dashed #ffffff30;border-radius:8px;padding:36px 20px}
.dashboard-home #collection-title{font-size:clamp(24px,3vw,36px);overflow-wrap:anywhere;margin:4px 0}
.dashboard-home .profile-demo{grid-template-rows:auto auto auto 1fr auto;grid-template-areas:"notice notice" "identity identity" "spotlights spotlights" "trophies trophies" "lifetime lifetime"}
@media(max-width:600px){.fight-main{width:calc(100% - 24px);margin-top:12px}.interior-arena>img{height:210px}.interior-arena-caption,.fight-surface{padding:20px}.fight-details{grid-template-columns:1fr;gap:0}.pending-matchup{grid-template-columns:1fr 28px 1fr}.name-corner{padding:14px 5px}.name-octagon{width:82px;height:82px}.name-corner h3{font-size:16px}.name-corner p{font-size:11px}.fight-site-nav{gap:10px 16px}.fight-site-nav a{font-size:12px}body{background-attachment:scroll}}
