.arena-shell{width:min(100% - 24px,1240px);margin:0 auto;padding:24px 0 56px}
.arena-layout{display:grid;grid-template-columns:240px minmax(760px,760px);gap:22px;justify-content:center;align-items:start}
.arena-main{display:grid;gap:18px;width:100%}
.arena-utility,.arena-board,.arena-sheet{border:1px solid rgba(255,198,110,.16);border-radius:30px;background:rgba(7,9,14,.14);box-shadow:var(--shadow)}
.arena-utility{position:sticky;top:24px;padding:16px;display:grid;gap:14px}
.arena-utility__toggle{display:none}
.arena-utility__panel{display:grid;gap:14px}
.arena-utility__profile{display:flex;align-items:center;gap:12px}
.arena-utility__avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#ffca72,#ff7a1a);color:#281402;font-weight:900}
.arena-utility__avatar img{width:100%;height:100%;display:block;object-fit:cover}
.arena-utility__profile span,.arena-board__eyebrow{display:block;color:var(--gold);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}
.arena-utility__profile strong,.arena-board__head h2{font-size:1rem}
.arena-utility__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.arena-tool{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 12px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.012);color:var(--text);font:700 .86rem/1 'Barlow',sans-serif}
.arena-logout{display:grid;place-items:center;width:42px;height:42px;margin-left:auto;border-radius:50%;background:rgba(192,34,34,.16);border:1px solid rgba(255,93,93,.4);color:#ff5d5d;font-size:1.2rem}
.arena-chip{display:inline-flex;align-items:center;justify-content:center;min-height:46px;min-width:112px;padding:0 16px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.012);color:var(--text);font:700 .92rem/1 'Barlow',sans-serif;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}
.arena-chip.is-loading{color:transparent;position:relative;pointer-events:none}
.arena-chip.is-loading::after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.24);border-top-color:var(--gold);animation:refreshSpin .7s linear infinite}
.arena-chip.is-success{background:linear-gradient(135deg,#2bd46f,#0f9e4a);border-color:rgba(87,255,153,.42);color:#04140a;box-shadow:0 10px 28px rgba(43,212,111,.22);font-size:1.2rem}
.arena-chip--accent{background:linear-gradient(135deg,#ffca72,#ff7a1a 62%,#ffbf5b);color:#281402;border-color:transparent}
@keyframes refreshSpin{to{transform:rotate(360deg)}}
.arena-sheet h2{margin:0;font-family:'Teko',sans-serif;font-size:clamp(3.1rem,7vw,5.6rem);line-height:.9;letter-spacing:.04em}
.arena-sheet p{margin:0;color:var(--muted);line-height:1.6}
.arena-board{padding:26px 24px 28px;display:grid;gap:18px}
.arena-board__head{display:flex;align-items:start;justify-content:space-between;gap:18px}
.arena-board__title{display:grid;gap:6px}
.arena-board__head h2{margin:4px 0 0;font-family:'Teko',sans-serif;font-size:2.2rem;line-height:.92;letter-spacing:.04em}
.arena-board__head p{margin:0;color:var(--muted);font-size:.95rem}
.arena-board__brand{display:flex;align-items:flex-start;justify-content:flex-end;min-width:96px}
.arena-board__brand-logo{width:88px;height:88px;border-radius:24px;display:grid;place-items:center;background:rgba(255,255,255,.012);border:1px solid rgba(255,202,114,.14)}
.arena-board__brand-logo img{width:70px;height:70px;object-fit:contain;filter:drop-shadow(0 12px 20px rgba(255,124,26,.24))}
.arena-board__toolbar{display:flex;justify-content:flex-end}
.arena-board__feedback{min-height:22px;color:var(--muted);font-size:.92rem}
.arena-board__feedback.is-error{color:#ff9a82}
.arena-grid{display:grid;grid-template-columns:1fr;gap:16px}
.arena-card{
  position:relative;
  display:grid;
  gap:12px;
  padding:18px;
  border-radius:24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02) 24%, rgba(255,255,255,.012)),
    linear-gradient(135deg, rgba(18,20,28,.7), rgba(10,12,18,.42));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -1px 0 rgba(0,0,0,.18),
    0 24px 60px rgba(0,0,0,.32);
  backdrop-filter: blur(18px) saturate(145%);
  -webkit-backdrop-filter: blur(18px) saturate(145%);
  overflow:hidden;
  isolation:isolate;
  transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.arena-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.18), transparent 36%),
    radial-gradient(circle at bottom right, rgba(255,191,102,.11), transparent 42%);
  pointer-events:none;
  mix-blend-mode:screen;
  opacity:.9;
}
.arena-card::after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:23px;
  border:1px solid rgba(255,255,255,.08);
  pointer-events:none;
}
.arena-card:hover{
  transform:translateY(-2px);
  border-color:rgba(255,196,104,.26);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -1px 0 rgba(0,0,0,.18),
    0 30px 70px rgba(0,0,0,.42);
}
.arena-card__media{display:flex;align-items:center;justify-content:flex-end;gap:14px}
.arena-card__badge{
  padding:7px 10px;
  border-radius:999px;
  background:linear-gradient(135deg, rgba(255,196,104,.2), rgba(255,124,26,.12));
  color:var(--gold);
  border:1px solid rgba(255,196,104,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  font-size:.76rem;
  letter-spacing:.12em;
  text-transform:uppercase
}
.arena-card h3{margin:0;font-size:1.22rem}
.arena-card p{margin:0;color:var(--muted);line-height:1.5}
.arena-card__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.arena-card__meta span,.arena-card__foot span,.arena-card__ranking span{
  display:grid;
  gap:4px;
  padding:12px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.07);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  font-size:.82rem;
  color:var(--muted)
}
.arena-card__meta strong,.arena-card__foot strong{font-size:1rem;color:var(--text)}
.arena-card__ranking{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.arena-card__ranking strong{font-size:1rem;color:var(--text)}
.arena-card__foot{display:flex;gap:10px}
.arena-card__actions{display:flex;gap:10px}
.arena-card__actions--secondary .arena-button{min-height:44px}
.arena-card__actions .arena-button,.arena-sheet .arena-button{margin-top:0;min-width:0;width:100%;min-height:56px}
.arena-button--ghost{
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  border-color:rgba(255,255,255,.12);
}
.arena-sheet{width:min(100% - 20px,520px);margin:min(10vh,72px) auto 0;padding:28px 22px}
.arena-ranking{width:min(100% - 20px,760px);max-height:min(88vh,820px);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:visible;position:relative}
.arena-ranking__refresh{position:absolute;top:-22px;left:50%;transform:translateX(-50%);z-index:4;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,202,114,.46);background:radial-gradient(circle at 35% 28%,rgba(255,202,114,.95),rgba(255,122,26,.9) 48%,rgba(28,18,10,.98));box-shadow:0 16px 36px rgba(255,122,26,.28),inset 0 1px 0 rgba(255,255,255,.45);cursor:pointer}
.arena-ranking__refresh::before{content:"";position:absolute;inset:14px;border-radius:50%;border:2px solid rgba(0,0,0,.34);border-top-color:#fff;animation:refreshSpin 1.1s linear infinite paused}
.arena-ranking__refresh::after{content:"";position:absolute;left:17px;top:14px;width:11px;height:7px;border-left:3px solid #092412;border-bottom:3px solid #092412;transform:rotate(-45deg) scale(0);opacity:0}
.arena-ranking__refresh.is-loading{pointer-events:none}
.arena-ranking__refresh.is-loading::before{animation-play-state:running}
.arena-ranking__refresh.is-success{background:linear-gradient(135deg,#2bd46f,#0f9e4a);border-color:rgba(87,255,153,.5);box-shadow:0 16px 34px rgba(43,212,111,.28)}
.arena-ranking__refresh.is-success::before{opacity:0}
.arena-ranking__refresh.is-success::after{opacity:1;transform:rotate(-45deg) scale(1)}
.arena-ranking__row{padding:12px;border-radius:18px;background:rgba(255,255,255,.012);border:1px solid rgba(255,255,255,.05)}
.arena-ranking__feedback{min-height:20px;color:var(--muted);margin-bottom:10px}
.arena-ranking__list{display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;min-height:0;overflow:hidden}
.arena-ranking__podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end}
.arena-ranking__podium-card{display:grid;gap:5px;min-height:132px;padding:14px 12px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.arena-ranking__podium-card--1{min-height:154px;border-color:rgba(255,202,114,.34);background:linear-gradient(180deg,rgba(255,202,114,.14),rgba(255,255,255,.018))}
.arena-ranking__podium-card--2{min-height:142px}
.arena-ranking__podium-card--3{min-height:132px}
.arena-ranking__podium-card strong{font-family:'Teko',sans-serif;font-size:2rem;line-height:1;color:#ffca72}
.arena-ranking__podium-card span{font-weight:800;color:#fff}
.arena-ranking__podium-card small{color:rgba(255,255,255,.72)}
.arena-ranking__podium-card em{margin-top:auto;font-style:normal;color:#ff7a1a;font-weight:900}
.arena-ranking__scroll{display:grid;gap:10px;min-height:0;overflow:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:#ff8a1c rgba(255,138,28,.12)}
.arena-ranking__scroll::-webkit-scrollbar{width:7px}
.arena-ranking__scroll::-webkit-scrollbar-track{background:rgba(255,138,28,.08);border-radius:999px}
.arena-ranking__scroll::-webkit-scrollbar-thumb{border-radius:999px;background:linear-gradient(180deg,#ffca72,#ff7a1a,#f04b16);box-shadow:0 0 12px rgba(255,122,26,.55);animation:rankingScrollGlow 1.8s ease-in-out infinite alternate}
@keyframes rankingScrollGlow{from{box-shadow:0 0 8px rgba(255,122,26,.32)}to{box-shadow:0 0 18px rgba(255,202,114,.72)}}
.arena-ranking__row{display:grid;grid-template-columns:56px minmax(0,1fr) 88px;align-items:center;gap:10px}
.arena-ranking__row strong{font-size:1rem;color:#ffca72}
.arena-ranking__row span{display:grid}
.arena-ranking__row b{font-size:.96rem;color:#fff}
.arena-ranking__row small{color:rgba(255,255,255,.72)}
.arena-ranking__row em{display:grid;gap:2px;font-style:normal;text-align:right;color:#ff7a1a;font-weight:900}
.arena-ranking__row em small{font-size:.72rem;font-weight:700;color:rgba(255,255,255,.72)}
.arena-ranking__row.is-paid{border-color:rgba(255,196,104,.22);box-shadow:inset 0 0 0 1px rgba(255,196,104,.08)}
.arena-ranking__row.is-open b{color:#fff}
.arena-sheet__stack,.arena-form{display:grid;gap:14px}
.arena-sheet__stack article{padding:14px 14px 16px;border-radius:18px;background:rgba(255,255,255,.012);border:1px solid rgba(255,255,255,.05)}
.arena-sheet__stack strong{display:block;margin-bottom:6px;color:var(--gold)}
.arena-profile-head{display:grid;gap:6px;margin-bottom:4px}
.arena-profile-head span{color:var(--gold);font:800 .78rem/1 'Barlow',sans-serif;letter-spacing:.18em;text-transform:uppercase}
.arena-profile-head h2{margin:0}
.arena-profile-head p{margin:0;color:var(--muted);line-height:1.45}
.arena-profile-summary{display:grid;gap:4px;padding:16px;border:1px solid rgba(255,202,114,.2);border-radius:20px;background:linear-gradient(135deg,rgba(255,202,114,.13),rgba(255,122,26,.06));box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.arena-profile-summary span{color:var(--muted);font:800 .72rem/1 'Barlow',sans-serif;text-transform:uppercase;letter-spacing:.16em}
.arena-profile-summary strong{color:#fff7e8;font:900 2rem/.95 'Barlow Condensed',sans-serif;letter-spacing:.02em;text-shadow:0 0 18px rgba(255,202,114,.22)}
.arena-profile-summary small{color:var(--muted);line-height:1.35}
.arena-profile-wallet{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.arena-profile-wallet[hidden],.arena-profile-legacy[hidden]{display:none}
.arena-profile-wallet>div{display:grid;gap:4px;padding:14px;border-radius:18px;border:1px solid rgba(255,202,114,.16);background:rgba(255,255,255,.014)}
.arena-profile-wallet span,.arena-profile-legacy>span{color:var(--muted);font:800 .68rem/1 'Barlow',sans-serif;text-transform:uppercase;letter-spacing:.14em}
.arena-profile-wallet strong{color:#fff;font:900 1.25rem/.95 'Barlow Condensed',sans-serif;letter-spacing:.02em}
.arena-profile-legacy{display:grid;gap:10px;padding:16px;border:1px solid rgba(255,122,26,.34);border-radius:20px;background:linear-gradient(135deg,rgba(255,122,26,.15),rgba(255,202,114,.045));box-shadow:0 0 34px rgba(255,122,26,.08)}
.arena-profile-legacy h3{margin:0;color:#fff7e8;font:900 1.22rem/1.05 'Barlow',sans-serif;letter-spacing:-.02em}
.arena-profile-legacy p{margin:0;color:var(--muted);line-height:1.45}
.arena-profile-legacy strong{color:#ff7a1a;font:900 1.1rem/1 'Barlow',sans-serif;text-transform:uppercase;letter-spacing:.04em}
.arena-profile-legacy small{color:rgba(255,247,232,.72);line-height:1.3}
.arena-profile-complete-fields{display:grid;gap:14px}
.arena-profile-username{display:grid;gap:7px}
.arena-profile-username span{color:var(--gold);font:800 .72rem/1 'Barlow',sans-serif;text-transform:uppercase;letter-spacing:.14em}
.arena-profile-username small{color:var(--muted);line-height:1.35}
.arena-profile-username input.is-readonly{opacity:.68;cursor:not-allowed}
.arena-profile-photo{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid rgba(255,202,114,.18);border-radius:18px;background:rgba(255,255,255,.018);cursor:pointer}
.arena-profile-photo__preview{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;background:linear-gradient(135deg,rgba(255,202,114,.24),rgba(255,122,26,.18));border:1px solid rgba(255,202,114,.28);color:var(--gold);font:900 .7rem/1 'Barlow',sans-serif;text-transform:uppercase;letter-spacing:.12em}
.arena-profile-photo__preview img{width:100%;height:100%;display:block;object-fit:cover}
.arena-profile-photo__text{display:grid;gap:4px;color:var(--text)}
.arena-profile-photo__text strong{font:900 .9rem/1.1 'Barlow',sans-serif;text-transform:uppercase;letter-spacing:.08em}
.arena-profile-photo__text small{color:var(--muted);font-size:.8rem;line-height:1.3}
.arena-profile-photo input{display:none}
.arena-form input{min-height:54px;padding:0 16px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.012);color:var(--text);font:inherit}
.arena-utility__toggle-label{font:700 .88rem/1 'Barlow',sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.arena-utility__toggle-arrow{width:12px;height:12px;border-right:2px solid #ffca72;border-bottom:2px solid #ffca72;transform:rotate(-135deg);transition:transform .28s ease}
.arena-utility.is-open .arena-utility__toggle-arrow{transform:rotate(45deg)}