/* OATH ARENA V1: page-specific hierarchy without touching business behavior. */

/* Shared editorial headers */
:is(.mp-header,.td-hero,.t-hero,.m-hero,.p-hero,.used-player-hero,.subhero,.page-club .hero){
  isolation:isolate;
  background-color:var(--arena-black);
  border-bottom-color:var(--arena-gold-line);
}
:is(.mp-header,.td-hero,.t-hero,.m-hero,.p-hero,.used-player-hero,.subhero,.page-club .hero)::after{
  content:"BIG3";
  position:absolute;
  right:3%;
  bottom:-28px;
  z-index:-1;
  color:transparent;
  -webkit-text-stroke:1px rgba(216,179,79,.12);
  font-family:var(--font-display);
  font-size:154px;
  font-weight:900;
  line-height:1;
  letter-spacing:0;
  pointer-events:none;
}

/* Competition command center */
.page-matches .mp-header{padding-top:52px;padding-bottom:30px}
.page-matches .mp-header-title{font-size:86px;letter-spacing:0}
.page-matches .mp-header-stats{gap:0;border:1px solid var(--arena-line)}
.page-matches .mp-header-stats .mp-stat{min-width:112px;padding:14px 18px;border-left:1px solid var(--arena-line)}
.page-matches .mp-header-stats .mp-stat:first-child{border-left:0}
.page-matches .mp-stat-n{font-size:42px;color:var(--arena-gold-bright)}
.page-matches .mp-sidebar{border-right-color:var(--arena-line)}
.page-matches .mp-side-item{letter-spacing:0}
.page-matches .mp-side-item.active{box-shadow:inset 2px 0 var(--gold)}
.page-matches .tab-head{position:relative;margin-bottom:26px}
.page-matches .tab-head-l{font-size:42px;letter-spacing:0}
.page-matches .t-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:12px}
.page-matches .t-card{background:#0c0c0f;border-color:var(--arena-line)}
.page-matches .t-card:hover{transform:translateY(-3px);box-shadow:var(--arena-shadow-tight)}
.page-matches .t-card-title{font-size:31px;letter-spacing:0}
.page-matches .t-card-foot{background:#08080a}
.page-matches .panel{border-color:var(--arena-line)}

/* Tournament report */
.page-tournament .t-hero,.page-tournament .td-hero{padding-top:48px}
.page-tournament :is(.t-title,.td-title){letter-spacing:0}
.page-tournament :is(.t-fact,.td-fact,.t-stat,.td-stat){border-color:var(--arena-line)}
.page-tournament .p-tabs-wrap{background:rgba(5,5,6,.94);backdrop-filter:blur(14px)}
.page-tournament .p-tab{letter-spacing:0}
.page-tournament :is(.signup-action-panel,.signup-rules-card,.signup-roster-card,.free-team-panel){background:#0d0d10;border-color:var(--arena-line)}
.page-tournament .signup-main-grid{gap:14px}
.page-tournament .signup-public-grid{gap:8px}
.page-tournament .signup-roster-card{transition:border-color var(--arena-fast),transform var(--arena-fast)}
.page-tournament .signup-roster-card:hover{transform:translateY(-2px);border-color:var(--arena-gold-line)}
.page-tournament .t-bracket{background:#08080a;border-color:var(--arena-gold-line)}
.page-tournament .bracket-round{border-color:var(--arena-line)}
.page-tournament .bracket-games{gap:12px}
.page-tournament .bx,.page-tournament .bracket-game{background:#0d0d10;border-color:var(--arena-line)}
.page-tournament .is-viewer-team{box-shadow:inset 3px 0 rgba(216,179,79,.56)}
.t-sponsor-lockup{display:grid;grid-template-columns:74px minmax(0,1fr);gap:18px;align-items:stretch}
.t-sponsor-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:76px;border:1px solid var(--arena-gold-line);background:linear-gradient(145deg,rgba(216,179,79,.10),rgba(255,255,255,.018))}
.t-sponsor-mark strong{font-family:var(--font-display);font-size:28px;line-height:1;color:var(--arena-gold-bright)}
.t-sponsor-mark span{margin-top:6px;font-family:var(--font-mono);font-size:8px;color:var(--text-3);letter-spacing:.14em}
.t-sponsor-content{display:flex;flex-direction:column;justify-content:center;gap:11px;min-width:0}
.t-sponsor-list{display:flex;gap:7px;flex-wrap:wrap}
.t-sponsor-chip{display:inline-flex;align-items:center;gap:9px;min-width:0;padding:8px 10px;border:1px solid var(--arena-line);background:#09090b;color:var(--text);text-decoration:none;transition:border-color var(--arena-fast),background var(--arena-fast),transform var(--arena-fast)}
.t-sponsor-chip span{font-family:var(--font-display);font-size:16px;font-weight:900;overflow-wrap:anywhere}
.t-sponsor-chip small{font-family:var(--font-mono);font-size:8px;color:var(--text-3);letter-spacing:.08em;white-space:nowrap}
.t-sponsor-chip:not(.is-plain):hover{transform:translateY(-1px);border-color:var(--arena-gold-line);background:var(--arena-gold-wash)}
.t-sponsor-meta{display:flex;gap:8px 16px;flex-wrap:wrap;color:var(--text-2);font-family:var(--font-mono);font-size:10px;line-height:1.55}
.t-sponsor-meta strong{color:var(--arena-gold-bright);font-size:13px}

/* Single match */
.m-hero{padding-top:50px;padding-bottom:34px}
.m-title{letter-spacing:0}
.m-scoreboard{position:relative;background:#09090b;border-color:var(--arena-gold-line);box-shadow:var(--arena-shadow-tight)}
.m-score-main{font-variant-numeric:tabular-nums;text-shadow:0 0 26px rgba(216,179,79,.12)}
.m-game{background:#0d0d10;border-color:var(--arena-line)}
.m-game-score{color:var(--arena-gold-bright)}
.m-game-penalty{border-left:2px solid var(--arena-danger)}

/* Members and profile */
.page-members .head{padding-top:58px;padding-bottom:30px;border-bottom-color:var(--arena-gold-line)}
.page-members .title{letter-spacing:0}
.page-members .summary{background:#09090b;border-color:var(--arena-line)}
.page-members .toolbar{background:#0c0c0f;border-color:var(--arena-line)}
.page-members .grid{gap:12px}
.page-members .member-card{position:relative;background:#0d0d10;border-color:var(--arena-line);transition:transform var(--arena-fast),border-color var(--arena-fast),box-shadow var(--arena-fast)}
.page-members .member-card:hover{transform:translateY(-3px);border-color:var(--arena-gold-line);box-shadow:var(--arena-shadow-tight)}
.page-members .member-card::after{content:"";position:absolute;right:0;top:0;width:54px;height:1px;background:var(--gold)}
.page-members .avatar,.member-profile-avatar{border-color:var(--arena-gold-line);box-shadow:0 0 0 5px rgba(216,179,79,.035)}

.profile-wrap{max-width:var(--arena-max)}
.profile-head{border-bottom-color:var(--arena-gold-line)}
.profile-panel,.member-profile-view,.account-security{background:#0d0d10;border-color:var(--arena-line)}
.profile-flow-step,.permission-role-card{border-color:var(--arena-line)}

/* Player story card */
.p-hero{padding-top:56px;padding-bottom:48px}
.p-info-name{font-size:72px;letter-spacing:0}
.p-avatar-wrap{isolation:isolate}
.p-avatar-wrap::before{
  content:"";
  position:absolute;
  inset:-18px;
  z-index:-1;
  border:1px solid rgba(216,179,79,.18);
  border-radius:50%;
  box-shadow:inset 0 0 34px rgba(216,179,79,.04);
}
.p-avatar{background:#0e0e11;box-shadow:0 18px 50px rgba(0,0,0,.32)}
.p-honors{min-width:220px}
.p-honor{background:#0d0d10}
.p-sync-tag i{width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px rgba(216,179,79,.72);animation:p-sync-pulse 1.35s ease-in-out infinite}
.p-honor.is-syncing{color:var(--text-3);border-color:var(--arena-line)}
@keyframes p-sync-pulse{50%{opacity:.32;transform:scale(.72)}}
.p-stat-grid{gap:12px}
.p-stat-card{background:#0d0d10;border-color:var(--arena-line)}
.p-badges{display:block}
.p-story-head{grid-column:1/-1;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:4px;padding-bottom:14px;border-bottom:1px solid var(--arena-line)}
.p-story-head div{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.p-story-head strong{font-family:var(--font-display);font-size:26px;line-height:1;color:var(--text)}
.p-story-head span{color:var(--text-3);font-size:12px}
.p-story-head em{font-style:normal;font-family:var(--font-mono);font-size:10px;color:var(--gold-light)}
.p-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}
.p-badge{position:relative;min-height:78px;background:#0b0b0e;border-color:var(--arena-line);overflow:hidden}
.p-badge::after{content:"";position:absolute;right:0;top:0;width:54px;height:1px;background:var(--gold)}
.p-badge.kind-skill::after{background:var(--arena-cyan)}
.p-badge.kind-advanced::after{background:var(--arena-silver)}
.p-badge.kind-skill .p-badge-icon{color:var(--arena-cyan)}
.p-badge.kind-advanced .p-badge-icon{color:var(--arena-silver)}
.p-badge-icon{min-width:42px;color:var(--arena-gold-bright);font-family:var(--font-display);font-size:20px;font-weight:900;text-align:center}
.p-badge-s{letter-spacing:0}
.p-story-more{margin-top:12px;border-top:1px solid var(--arena-line)}
.p-story-more summary{width:max-content;max-width:100%;padding:12px 0 2px;color:var(--gold-light);font-family:var(--font-mono);font-size:11px;cursor:pointer;list-style-position:inside}
.p-story-more[open] summary{color:var(--text)}
@media (max-width:1024px){.p-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.p-chart,.p-best-card{border-color:var(--arena-line)}

/* Used player */
.used-player-name{letter-spacing:0}
.used-player-kpis{gap:10px}
.used-player-kpi{background:#0d0d10;border-color:var(--arena-line)}
.used-player-grid{gap:14px}
.used-player-bar-fill{background:linear-gradient(90deg,var(--gold-soft),var(--gold-light))}

/* Club editorial archive */
.page-club .hero{padding-top:58px;padding-bottom:30px}
.page-club .hero h1{font-size:72px;letter-spacing:0}
.page-club .toolbar{gap:6px}
.page-club .filter{letter-spacing:0}
.page-club .grid{gap:14px}
.page-club .post{background:#0d0d10;border-color:var(--arena-line)}
.page-club .post.pinned{border-color:var(--arena-gold-line);box-shadow:inset 3px 0 rgba(216,179,79,.45)}
.page-club .post h2{font-size:30px;letter-spacing:0}
.page-club .post-media{background:#08080a}
.page-club .post-media img{background:#08080a}

/* About */
.subhero-title,.div-section-title{letter-spacing:0}
.positions,.members{background:#08080a}
.pos-grid,.troop-grid{gap:14px}
.pos-card,.troop-card,.division-member-panel{background:#0d0d10;border-color:var(--arena-line)}
.pos-card:hover,.troop-card:hover{transform:translateY(-3px);box-shadow:var(--arena-shadow-tight)}

/* Auth */
.auth-left{background:#060608;border-right-color:var(--arena-gold-line)}
.auth-left-logo img{filter:drop-shadow(0 10px 26px rgba(216,179,79,.24))}
.auth-tagline,.auth-form-title{letter-spacing:0}
.auth-right{background:#09090b}
.auth-form{padding:30px 0}
.auth-tabs{border-color:var(--arena-line)}
.auth-flow,.auth-next,.register-guide{background:#0d0d10;border-color:var(--arena-line)}
.register-stage-no{color:var(--arena-gold-bright)}

/* Admin task console */
.admin-shell{background:#08080a}
.admin-side{background:#09090b;border-right-color:var(--arena-line)}
.admin-side-title{color:var(--arena-gold-bright);letter-spacing:0}
.admin-tab-group{letter-spacing:0;color:var(--arena-quiet)}
.admin-tab{letter-spacing:0}
.admin-tab.active{background:var(--arena-gold-wash);box-shadow:inset 2px 0 var(--gold)}
.admin-main{background:#08080a}
.admin-head{border-bottom-color:var(--arena-gold-line)}
.admin-title{letter-spacing:0}
.admin-panel{border-color:var(--arena-line)}
.admin-panel--hero,.ops-hero{background:#0d0d10;border-color:var(--arena-gold-line)}
.flow-guide,.ops-workbench,.player-browser,.player-editor,.match-workbench{background:#0b0b0e;border-color:var(--arena-line)}
.admin-table th{letter-spacing:0}
.create-flow-step,.flow-step,.ops-stage-cell{border-color:var(--arena-line)}
.post-pin-control{display:flex;align-items:center;gap:10px;margin:4px 0 16px;color:var(--text-2)}
.post-editor-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.post-editor-preview{margin-top:18px;padding:24px;border:1px solid var(--arena-gold-line);background:#08080a}
.post-editor-preview[hidden]{display:none}
.post-preview-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--arena-line);font-family:var(--font-mono);font-size:10px;color:var(--gold-light)}
.post-editor-preview h3{margin:22px 0 10px;font-family:var(--font-display);font-size:34px;line-height:1.08;color:var(--text);letter-spacing:0}
.post-editor-preview p,.post-preview-body{color:var(--text-2);font-size:14px;line-height:1.75;white-space:pre-wrap}
.post-preview-body{margin-top:18px;padding-top:16px;border-top:1px solid var(--arena-line)}
.post-preview-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
.post-preview-media figure{margin:0;border:1px solid var(--arena-line);background:#050506}
.post-preview-media img{width:100%;aspect-ratio:1.8;object-fit:contain}
.post-preview-media figcaption{padding:8px 10px;border-top:1px solid var(--arena-line);color:var(--text-3);font-size:11px}

@media (max-width:920px){
  .page-matches .mp-header-title{font-size:62px}
  .page-matches .mp-header-stats{width:100%;overflow-x:auto}
  .page-matches .mp-header-stats .mp-stat{min-width:96px;flex:1}
  .page-matches .mp-side-item.active{box-shadow:inset 0 -2px var(--gold)}
  .page-tournament .signup-main-grid{grid-template-columns:1fr}
  .p-info-name{font-size:58px}
  .p-honors{min-width:0}
}

@media (max-width:640px){
  :is(.mp-header,.td-hero,.t-hero,.m-hero,.p-hero,.used-player-hero,.subhero,.page-club .hero)::after{font-size:94px;bottom:-14px}
  .page-matches .mp-header{padding-top:34px;padding-bottom:24px}
  .page-matches .mp-header-title{font-size:52px}
  .page-matches .mp-stat-n{font-size:31px}
  .page-matches .mp-content{padding-left:14px;padding-right:14px}
  .page-matches .t-grid{grid-template-columns:1fr}
  .page-matches .tab-head-l{font-size:34px}
  .page-tournament :is(.t-hero,.td-hero){padding-top:32px}
  .m-hero{padding-top:34px}
  .m-scoreboard{box-shadow:none}
  .p-hero{padding-top:34px;padding-bottom:34px}
  .p-info-name{font-size:46px}
  .p-avatar-wrap,.p-avatar{width:116px;height:116px}
  .p-avatar{font-size:56px}
  .page-player .p-hero-inner{gap:20px}
  .page-player .p-info-meta{gap:6px;margin-bottom:14px}
  .page-player .p-info-bio{margin-bottom:16px}
  .page-player .p-quick-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px}
  .page-player .p-honors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%}
  .page-player .p-honor{align-self:stretch;justify-content:flex-start;min-width:0;padding:7px 8px;font-size:10px;letter-spacing:0}
  .page-player .p-honor.champ strong{font-size:18px}
  .page-player .p-honor.is-syncing{grid-column:1/-1}
  .t-sponsor-lockup{grid-template-columns:58px minmax(0,1fr);gap:12px}
  .t-sponsor-mark{min-height:64px}
  .t-sponsor-chip{width:100%;justify-content:space-between}
  .p-story-head{align-items:flex-start;flex-direction:column;gap:8px}
  .p-story-grid{grid-template-columns:1fr}
  .page-club .hero{padding-top:38px}
  .page-club .hero h1{font-size:50px}
  .page-club .post h2{font-size:24px}
  .auth-form{padding:10px 0}
  .admin-shell{display:block}
  .admin-side{position:sticky;top:104px;z-index:22;width:100%;border-right:0;border-bottom:1px solid var(--arena-line);overflow-x:auto}
  .admin-tabs{display:flex;min-width:max-content;padding:8px}
  .admin-tab-group{display:none}
  .admin-tab{min-height:42px;padding:8px 12px;border:1px solid var(--arena-line)}
  .admin-tab.active{box-shadow:inset 0 -2px var(--gold)}
  .admin-main{padding-left:14px;padding-right:14px}
  .post-editor-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .post-editor-actions .btn{width:100%}
  .post-preview-media{grid-template-columns:1fr}
}