/* Minatrix.FM Track Arena — release stylesheet v13.1 */
.arena-shell{
  --arena-blue:#3f7dff;
  --arena-blue-deep:#2454b8;
  --arena-orange:#ff6a3d;
  --arena-orange-deep:#a84300;
  --arena-green:#20b65a;
  --arena-green-deep:#087238;
  display:grid;
  gap:14px;
  min-width:0;
}
.arena-muted{color:var(--muted)}
.arena-setup,.arena-empty{padding:18px}
.arena-empty{display:grid;gap:5px;text-align:center}
.arena-empty span{color:var(--muted);font-size:12px}

/* Hero + create */
.arena-hero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(230px,320px);
  gap:22px;
  align-items:center;
  padding:24px;
  background:radial-gradient(650px 280px at 100% -80px,rgb(255 106 0 / .25),transparent 62%),radial-gradient(500px 240px at 0 110%,rgb(47 116 255 / .13),transparent 65%),linear-gradient(180deg,var(--bg-elev),var(--bg));
}
.arena-kicker{
  display:inline-flex;
  margin-bottom:9px;
  padding:5px 9px;
  border:1px solid rgb(255 120 24 / .34);
  border-radius:999px;
  background:rgb(255 120 24 / .10);
  color:var(--brand);
  font-size:11px;
  font-weight:950;
  letter-spacing:.08em;
}
.arena-hero h1{margin:0 0 8px;padding:0;border:0;background:none;font-size:clamp(25px,3vw,42px);line-height:1;font-weight:950;letter-spacing:-.05em}
.arena-hero p{max-width:760px;margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.arena-hero__rules{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.arena-hero__rules span{padding:5px 9px;border:var(--line);border-radius:999px;background:rgb(255 255 255 / .025);font-size:11px;font-weight:800}
.arena-hero__account{padding:16px;border:1px solid rgb(255 120 24 / .28);border-radius:14px;background:linear-gradient(135deg,rgb(255 120 24 / .13),transparent 52%),var(--bg-elev);text-align:center;box-shadow:0 10px 30px rgb(0 0 0 / .12)}
.arena-hero__account small,.arena-hero__account strong{display:block}
.arena-hero__account small{color:var(--muted);font-size:11px}
.arena-hero__account strong{margin:3px 0 12px;font-size:19px}

.arena-create{padding:16px;background:radial-gradient(520px 190px at 100% -70px,rgb(255 120 24 / .16),transparent 65%),var(--bg-elev)}
.arena-create__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.arena-create__head h2{margin:0 0 4px}.arena-create__head p{margin:0;color:var(--muted);font-size:12px}
.arena-close{width:34px;height:34px;border:var(--line);border-radius:50%;background:var(--bg);color:var(--text);font-size:22px;cursor:pointer}
.arena-create-cost{display:flex;flex-wrap:wrap;align-items:center;gap:7px 10px;margin:0 0 12px;padding:10px 12px;border:1px solid rgb(255 120 24 / .28);border-radius:12px;background:rgb(255 120 24 / .07);font-size:11px}
.arena-create-cost span{padding:4px 8px;border:var(--line);border-radius:999px;background:var(--bg)}
.arena-create-cost b{color:var(--brand)}
.arena-create-cost small{flex-basis:100%;color:var(--muted);line-height:1.4}

/* Forms */
.arena-form{display:grid;grid-template-columns:minmax(180px,1.7fr) minmax(130px,.55fr) minmax(130px,.55fr) auto;gap:10px;align-items:end}
.arena-field{display:grid;gap:5px}.arena-field label{color:var(--muted);font-size:11px;font-weight:800}.arena-field--wide{min-width:0}
.arena-submit{white-space:nowrap}
.arena-create-total,.arena-accept-price{min-height:40px;padding:6px 10px;display:grid;place-items:center;border:var(--line);border-radius:10px;background:var(--bg);text-align:center;white-space:nowrap}
.arena-create-total small,.arena-accept-price small{display:block;color:var(--muted);font-size:9px;line-height:1}
.arena-create-total b,.arena-accept-price b{display:block;margin-top:3px;color:var(--brand);font-size:12px;line-height:1.1}
.arena-inline-panel{padding:12px;border-top:var(--line);background:linear-gradient(180deg,rgb(255 120 24 / .04),transparent),var(--bg-elev);scroll-margin-top:76px}
.arena-bet-choice{display:grid;gap:3px;min-width:0;padding:8px 10px;border:var(--line);border-radius:10px;background:var(--bg)}
.arena-bet-choice span{font-size:11px}.arena-bet-choice small{color:var(--muted);font-size:9px;line-height:1.35}
.arena-commission-note{margin:0 0 11px;padding:8px 10px;border:1px solid rgb(255 120 24 / .28);border-radius:10px;background:rgb(255 120 24 / .07);color:var(--muted);font-size:10px;line-height:1.4}
.arena-commission-note b{color:var(--brand)}
.arena-commission-note--form{margin:0;align-self:stretch;display:flex;align-items:center;max-width:260px}
.arena-commission-inline{display:block;margin-top:6px;padding-top:6px;border-top:1px dashed rgb(255 120 24 / .26);color:var(--text)}
.arena-form--accept .arena-commission-note--form{grid-column:1 / -1;max-width:none}

/* Tabs + single page navigation */
.arena-tabs{display:flex;gap:7px;overflow-x:auto;padding:3px 0 4px;scrollbar-width:thin}
.arena-tabs a{flex:0 0 auto;padding:8px 12px;border:var(--line);border-radius:999px;background:var(--bg-elev);color:var(--muted);font-size:12px;font-weight:850;text-decoration:none}
.arena-tabs a:hover,.arena-tabs a.is-active{border-color:rgb(255 120 24 / .42);background:rgb(255 120 24 / .11);color:var(--brand)}
.arena-single-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0 10px 12px}
.arena-single-head>div{display:grid;gap:2px;margin-left:auto;text-align:right}.arena-single-head>div span{color:var(--muted);font-size:11px}
.arena-back-link{min-height:38px;padding:0 13px;display:inline-flex;align-items:center;gap:7px;border:1px solid rgb(255 120 24 / .34);border-radius:10px;background:rgb(255 120 24 / .08);color:var(--text);font-weight:850;text-decoration:none;transition:.18s ease}
.arena-back-link span{font-size:16px;transition:transform .18s ease}
.arena-back-link:hover{transform:translateY(-1px);background:linear-gradient(135deg,#ff8a1f,#ff5a00);color:#fff;box-shadow:0 9px 24px rgb(255 90 0 / .22)}
.arena-back-link:hover span{transform:translateX(-2px)}
.arena-share-container{padding:8px 12px}.arena-share-container .share-container{display:flex;justify-content:flex-end}.arena-share-container .share-buttons{justify-content:flex-end;text-align:right}

/* Battle cards */
.arena-list{display:grid;gap:14px}.arena-list--single{gap:0}
.arena-battle{position:relative;overflow:hidden;padding:0;background:radial-gradient(circle at 50% 0,rgb(255 120 24 / .06),transparent 34%),var(--bg-elev);box-shadow:0 10px 26px rgb(0 0 0 / .09)}
.arena-battle.is-finished{opacity:.94}
.arena-battle__top,.arena-invite__head{position:relative;top:auto;z-index:1;backdrop-filter:none;-webkit-backdrop-filter:none}
.arena-battle__top{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;padding:9px 12px;border-bottom:var(--line);background:linear-gradient(180deg,var(--bg),var(--bg-elev))}
.arena-battle__id{color:var(--muted);font-size:11px;font-weight:800}
.arena-battle__topmeta{justify-self:end;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:11px;font-weight:800}
/* Primary navigation into a battle: deliberately more visible than metadata. */
.arena-open-battle{
  position:relative;
  isolation:isolate;
  min-height:40px;
  padding:0 13px 0 8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  overflow:hidden;
  border:1px solid rgb(255 150 60 / .62);
  border-radius:999px;
  background:linear-gradient(135deg,#ff8a1f 0%,#ff5a00 58%,#e84700 100%);
  color:#fff;
  text-decoration:none;
  font-size:11px;
  font-weight:950;
  line-height:1;
  white-space:nowrap;
  box-shadow:0 8px 22px rgb(255 90 0 / .22),inset 0 1px 0 rgb(255 255 255 / .25);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,border-color .18s ease;
}
.arena-open-battle::before{
  content:"";
  position:absolute;
  top:-130%;
  left:-35%;
  width:34%;
  height:360%;
  z-index:-1;
  background:linear-gradient(90deg,transparent,rgb(255 255 255 / .28),transparent);
  transform:rotate(20deg);
  transition:left .42s ease;
}
.arena-open-battle:hover{
  color:#fff;
  text-decoration:none;
  transform:translateY(-2px);
  filter:brightness(1.07);
  border-color:rgb(255 195 120 / .82);
  box-shadow:0 12px 30px rgb(255 90 0 / .34),0 0 18px rgb(255 120 24 / .16),inset 0 1px 0 rgb(255 255 255 / .30);
}
.arena-open-battle:hover::before{left:112%}
.arena-open-battle:active{transform:translateY(0) scale(.985)}
.arena-open-battle__vs{
  width:27px;
  height:27px;
  flex:0 0 27px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgb(255 255 255 / .42);
  background:rgb(35 12 3 / .22);
  color:#fff;
  font-size:9px;
  font-weight:1000;
  font-style:italic;
  letter-spacing:-.06em;
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .14),0 2px 8px rgb(80 20 0 / .16);
}
.arena-open-battle__arrow{font-size:15px;line-height:1;transition:transform .18s ease}
.arena-open-battle:hover .arena-open-battle__arrow{transform:translateX(3px)}
.arena-open-battle--compact{min-height:34px;padding-right:10px;gap:6px;font-size:10px;box-shadow:0 6px 17px rgb(255 90 0 / .18)}
.arena-open-battle--compact .arena-open-battle__vs{width:23px;height:23px;flex-basis:23px;font-size:8px}
html[data-theme="light"] .arena-open-battle{border-color:#b94c00;box-shadow:0 8px 20px rgb(153 62 0 / .22),inset 0 1px 0 rgb(255 255 255 / .38)}
html[data-theme="light"] .arena-open-battle:hover{box-shadow:0 11px 26px rgb(153 62 0 / .30),0 0 16px rgb(201 74 0 / .12),inset 0 1px 0 rgb(255 255 255 / .42)}
.arena-timer{font-variant-numeric:tabular-nums;color:var(--text)}
.arena-status{padding:5px 9px;border-radius:999px;font-size:10px;font-weight:950;letter-spacing:.04em;text-transform:uppercase}
.arena-status--0{background:rgb(255 152 0 / .13);color:var(--brand);border:1px solid rgb(255 152 0 / .28)}
.arena-status--1{background:rgb(35 197 82 / .12);color:#35d66d;border:1px solid rgb(35 197 82 / .28);box-shadow:0 0 14px rgb(35 197 82 / .08)}
.arena-status--2{background:rgb(130 140 160 / .12);color:var(--muted);border:var(--line)}

.arena-versus{display:grid;grid-template-columns:minmax(0,1fr) 130px minmax(0,1fr);align-items:stretch;min-height:210px}
.arena-track{position:relative;display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;align-items:center;padding:18px;min-width:0}
.arena-track--left{background:linear-gradient(90deg,rgb(47 116 255 / .08),transparent 55%)}
.arena-track--right{grid-template-columns:minmax(0,1fr) 112px;background:linear-gradient(270deg,rgb(255 106 61 / .09),transparent 55%);text-align:right}
.arena-track--right .arena-track__coverwrap{grid-column:2;grid-row:1}.arena-track--right .arena-track__body{grid-column:1;grid-row:1}
.arena-track.is-winner{box-shadow:inset 0 0 0 2px rgb(255 183 0 / .42),inset 0 0 40px rgb(255 174 0 / .08)}
.arena-track.is-winner::after{content:"WINNER";position:absolute;top:10px;right:10px;padding:4px 7px;border-radius:999px;background:linear-gradient(135deg,#ffb000,#ff6a00);color:#fff;font-size:9px;font-weight:950;letter-spacing:.08em}
.arena-track--right.is-winner::after{right:auto;left:10px}
.arena-track__coverwrap{position:relative;width:112px;height:112px}
.arena-track__cover{display:block;width:112px;height:112px;object-fit:cover;border-radius:13px;background:#777;box-shadow:0 10px 24px rgb(0 0 0 / .22)}
.arena-track--left .arena-track__cover{border:3px solid var(--arena-blue);box-shadow:0 0 0 2px rgb(63 125 255 / .14),0 0 22px rgb(47 116 255 / .20),0 10px 24px rgb(0 0 0 / .22)}
.arena-track--right .arena-track__cover{border:3px solid var(--arena-orange);box-shadow:0 0 0 2px rgb(255 106 61 / .14),0 0 22px rgb(255 93 48 / .20),0 10px 24px rgb(0 0 0 / .22)}

/* Play/pause uses the site's 32x32 .play/.pause sprite. Only the ring is Arena-specific. */
.arena-play-ring{--arena-progress:0deg;position:absolute;left:50%;top:50%;width:46px;height:46px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--brand) var(--arena-progress),rgb(255 255 255 / .20) 0);box-shadow:0 8px 20px rgb(0 0 0 / .30)}
.arena-play-ring::before{content:"";position:absolute;inset:3px;border-radius:50%;background:rgb(0 0 0 / .62);backdrop-filter:blur(4px)}
.arena-play.play,.arena-play.pause{position:relative;z-index:1;width:32px;height:32px;min-width:32px;min-height:32px;padding:0;border:0;opacity:.78;cursor:pointer;transition:opacity .18s ease,transform .18s ease,filter .18s ease}
.arena-play.play:hover,.arena-play.pause:hover,.arena-play.is-playing{opacity:1;transform:scale(1.08);filter:drop-shadow(0 0 7px rgb(255 120 24 / .55))}

.arena-track__body{min-width:0}.arena-track__side-label{margin-bottom:5px;font-size:9px;font-weight:950;letter-spacing:.10em}.arena-track--left .arena-track__side-label{color:#5c91ff}.arena-track--right .arena-track__side-label{color:#ff7a50}
.arena-track h2{margin:0;font-size:clamp(15px,1.35vw,20px);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arena-track h2 a{color:var(--text);text-decoration:none}.arena-track h2 a:hover{color:var(--brand)}
.arena-track__author{margin-top:5px;font-size:12px}.arena-track__author a{text-decoration:none}
.arena-track__meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.arena-track--right .arena-track__meta,.arena-track--right .arena-track__actions{justify-content:flex-end}
.arena-track__meta span{padding:4px 7px;border:var(--line);border-radius:999px;background:rgb(255 255 255 / .025);color:var(--muted);font-size:10px;white-space:nowrap}.arena-side-pool b{color:var(--text)}
.arena-track__actions{display:flex;align-items:center;gap:9px;margin-top:10px}

/* Vote */
.arena-like{position:relative;width:48px;min-width:48px;height:48px;padding:0;display:grid;place-items:center;border:1px solid rgb(32 182 90 / .42);border-radius:50%;background:rgb(32 182 90 / .09);color:var(--arena-green);cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}
.arena-like i{margin:0;background-color:var(--arena-green);filter:drop-shadow(0 0 5px rgb(32 182 90 / .34));transition:.18s ease}
.arena-like>span{position:absolute;right:-5px;bottom:-5px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border:2px solid var(--bg-elev);border-radius:999px;background:var(--bg);color:var(--text);font-size:9px;font-weight:950;line-height:1}
.arena-like:hover:not(:disabled){transform:translateY(-2px) scale(1.05);background:linear-gradient(135deg,#27c967,#139c51);border-color:#39dc79;box-shadow:0 0 0 5px rgb(32 182 90 / .09),0 10px 24px rgb(14 138 68 / .22)}
.arena-like:hover:not(:disabled) i,.arena-like.is-active i{background-color:#fff;filter:drop-shadow(0 0 7px rgb(255 255 255 / .5))}
.arena-like.is-active{background:linear-gradient(135deg,#27c967,#139c51);border-color:#39dc79;color:#fff;box-shadow:0 0 0 5px rgb(32 182 90 / .09),0 0 18px rgb(32 182 90 / .22);animation:arenaVotePulse 2.2s ease-in-out infinite}
.arena-like.is-active>span{background:#139c51;color:#fff}.arena-like:disabled{opacity:.42;cursor:default;animation:none;filter:saturate(.7)}
@keyframes arenaVotePulse{0%,100%{box-shadow:0 0 0 4px rgb(32 182 90 / .08),0 0 14px rgb(32 182 90 / .14)}50%{box-shadow:0 0 0 7px rgb(32 182 90 / .04),0 0 22px rgb(32 182 90 / .22)}}

/* Listener bet */
.arena-bet-btn{width:42px;min-width:42px;height:42px;min-height:42px;padding:0;display:inline-grid;place-items:center;border:1px solid rgb(255 160 70 / .58);border-radius:50%;background:radial-gradient(circle at 32% 24%,rgb(255 255 255 / .28),transparent 28%),linear-gradient(135deg,#ff921f,#ff5a00);color:#fff;cursor:pointer;box-shadow:0 8px 20px rgb(255 90 0 / .23),inset 0 1px 0 rgb(255 255 255 / .30);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.arena-bet-btn .ico{width:16px;height:16px;margin:0;background-color:#fff;filter:drop-shadow(0 0 6px rgb(255 255 255 / .36))}
.arena-bet-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.07);background:radial-gradient(circle at 32% 24%,rgb(255 255 255 / .34),transparent 28%),linear-gradient(135deg,#ffa238,#ff6208);box-shadow:0 0 0 5px rgb(255 120 24 / .10),0 12px 26px rgb(255 90 0 / .31)}
.arena-bet-btn:disabled{opacity:.48;cursor:default;transform:none}.arena-bet-btn.is-closed{background:linear-gradient(180deg,var(--bg-elev),var(--bg));border-color:var(--border);box-shadow:none}.arena-bet-btn.is-closed .ico{background-color:var(--muted);filter:none}

/* VS */
.arena-vs{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px 8px;background:linear-gradient(180deg,transparent,rgb(255 255 255 / .025),transparent)}
.arena-vs__circle{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 28%,rgb(255 255 255 / .22),transparent 25%),linear-gradient(135deg,#ff8a1f,#ff4b00);color:#fff;font-size:24px;font-weight:1000;font-style:italic;letter-spacing:-.06em;box-shadow:0 0 0 7px rgb(255 120 24 / .09),0 14px 30px rgb(255 80 0 / .25)}
.arena-vs__stake,.arena-vs__pool{width:100%;padding:5px 4px;border-radius:9px;background:rgb(255 120 24 / .045);text-align:center}
.arena-vs small{display:block;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.05em}.arena-vs b{display:block;margin-top:2px;font-size:11px}.arena-vs__stake em{display:block;margin-top:3px;color:var(--muted);font-size:8px;font-style:normal;line-height:1.2}
.arena-track--empty{display:flex;align-items:center;justify-content:center;text-align:center}.arena-empty-slot{max-width:310px;padding:14px}.arena-empty-slot__vs{width:56px;height:56px;margin:0 auto 10px;display:grid;place-items:center;border:1px dashed rgb(255 120 24 / .5);border-radius:50%;background:rgb(255 120 24 / .08);color:var(--brand);font-size:25px;font-weight:950}.arena-empty-slot h2{white-space:normal}.arena-empty-slot p{margin:7px 0 12px;color:var(--muted);font-size:11px}

/* Vote ratio/footer */
.arena-vote-summary{padding:0 18px 13px}.arena-vote-summary__labels{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin-bottom:5px;color:var(--muted);font-size:10px}.arena-vote-summary__labels span:last-child{text-align:right}.arena-vote-summary__labels strong{color:var(--text);font-size:10px}
.arena-vote-bar{position:relative;display:flex;width:100%;height:7px;overflow:hidden;border-radius:999px;background:rgb(255 255 255 / .06)}.arena-vote-bar__a{height:100%;background:linear-gradient(90deg,#2868ff,#4e95ff);transition:width .25s ease}.arena-vote-bar__b{flex:1;height:100%;background:linear-gradient(90deg,#ff8a54,#ff5a32)}
.arena-battle__footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-top:var(--line);background:rgb(0 0 0 / .025)}
.arena-comments-toggle{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:850;cursor:pointer}.arena-comments-toggle:hover{color:var(--brand)}
.arena-mybet{max-width:70%;padding:5px 8px;border-radius:8px;background:rgb(32 182 90 / .08);color:#35d66d;font-size:10px;text-align:right}

/* Comments */
.arena-comments{padding:0 12px 12px;border-top:var(--line);scroll-margin-top:78px}.arena-comments.is-expanded{padding-top:12px}
.arena-comments__list{display:grid;gap:10px}.arena-comment-post{margin:0;padding:0;overflow:hidden}.arena-comment-post .post__body{padding:0 10px 8px}.arena-comment-post .post__actions{padding:0 8px 8px;margin:0}
.arena-comment-edited{margin:0 10px 8px;color:var(--muted);font-size:10px}.arena-comment-actions{justify-content:flex-end}
.arena-comment-editor{margin:0 9px 9px;padding:9px;border:var(--line);border-radius:10px;background:var(--bg)}.arena-comment-editor textarea{min-height:80px}.arena-comment-editor__actions{display:flex;justify-content:flex-end;gap:7px;margin-top:7px}
.arena-comment-composer{margin-top:10px}.arena-comment-form{min-width:0}.arena-comment-form .composer__bar{justify-content:flex-end}.arena-comment-form .composer__bar .arena-comment-hint{margin-right:auto}.arena-comment-hint{color:var(--muted);font-size:10px}
.arena-comments-loading,.arena-comments-empty{padding:14px;text-align:center}.arena-comments-retry{width:100%;padding:11px;border:1px dashed rgb(255 120 24 / .36);border-radius:10px;background:rgb(255 120 24 / .06);color:var(--text);cursor:pointer;text-align:center}

/* Personal incoming challenges */
.arena-upgrade-note,.arena-invite-missing{margin:0 0 14px}
.arena-incoming{position:relative;overflow:hidden;margin:0 0 16px;padding:16px;border-color:rgb(255 120 24 / .42);background:radial-gradient(circle at 100% 0,rgb(255 120 24 / .20),transparent 34%),radial-gradient(circle at 0 100%,rgb(30 110 255 / .10),transparent 32%),var(--bg-elev);box-shadow:0 12px 34px rgb(255 90 0 / .08)}
.arena-incoming__head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start;margin-bottom:13px}.arena-incoming__head h2{margin:4px 0;font-size:20px}.arena-incoming__head p{max-width:900px;margin:0;color:var(--muted);font-size:12px;line-height:1.5}.arena-incoming__count{min-width:38px;height:38px;padding:0 11px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,#ff8a1f,#ff4b00);color:#fff;font-weight:950;box-shadow:0 8px 22px rgb(255 90 0 / .26)}
.arena-incoming__list{display:grid;gap:12px}
.arena-invite{position:relative;overflow:hidden;padding:14px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,var(--bg),var(--bg-elev));transition:.18s ease}.arena-invite.is-pending{border-color:rgb(255 120 24 / .48);box-shadow:inset 0 1px 0 rgb(255 255 255 / .04),0 10px 28px rgb(255 90 0 / .08)}.arena-invite.is-pending::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#ff8a1f,#ff4b00)}.arena-invite.is-closed{opacity:.82}.arena-invite-focus{animation:arenaInviteFocus 1.05s ease 2}
@keyframes arenaInviteFocus{50%{box-shadow:0 0 0 5px rgb(255 120 24 / .10),0 0 34px rgb(255 90 0 / .20)}}
.arena-invite__head{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:11px;align-items:center}.arena-invite__badge{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:radial-gradient(circle at 30% 20%,rgb(255 255 255 / .22),transparent 32%),linear-gradient(135deg,#ff8a1f,#ff4b00);box-shadow:0 8px 20px rgb(255 90 0 / .23)}.arena-invite__badge span{color:#fff;font-size:16px;font-weight:1000;font-style:italic;letter-spacing:-.08em}
.arena-invite__headline{min-width:0}.arena-invite__eyebrow{display:block;color:var(--brand);font-size:9px;font-weight:950;letter-spacing:.09em}.arena-invite__headline h2{margin:2px 0 3px;font-size:17px}.arena-invite__headline p{margin:0;color:var(--muted);font-size:12px;line-height:1.4}.arena-invite__headline a{text-decoration:none}
.arena-invite__status{min-height:28px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:999px;background:var(--bg-elev);font-size:10px;font-weight:900;white-space:nowrap}.arena-invite__status--0{border-color:rgb(255 120 24 / .42);background:rgb(255 120 24 / .11);color:var(--brand)}.arena-invite__status--1{border-color:rgb(34 197 94 / .42);background:rgb(34 197 94 / .11);color:#25b95d}.arena-invite__status--2,.arena-invite__status--3,.arena-invite__status--4{color:var(--muted)}
.arena-invite__versus{display:grid;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);gap:10px;align-items:center;margin:13px 0 10px}.arena-invite-track{min-width:0;display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;align-items:center;padding:8px;border:1px solid var(--border);border-radius:12px;background:var(--bg-elev)}.arena-invite-track--target{grid-template-columns:minmax(0,1fr) 58px;text-align:right}.arena-invite-track--target img{grid-column:2;grid-row:1}.arena-invite-track--target div{grid-column:1;grid-row:1}
.arena-invite-track img{width:58px;height:58px;border-radius:9px;object-fit:cover}.arena-invite-track--challenger img{border:3px solid var(--arena-blue);box-shadow:0 0 0 2px rgb(63 125 255 / .12),0 0 16px rgb(47 116 255 / .16)}.arena-invite-track--target img{border:3px solid var(--arena-orange);box-shadow:0 0 0 2px rgb(255 106 61 / .12),0 0 16px rgb(255 93 48 / .16)}
.arena-invite-track div{min-width:0;display:grid;gap:3px}.arena-invite-track small{color:var(--muted);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.arena-invite-track b{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:1.25}.arena-invite__vs{width:48px;height:48px;display:grid;place-items:center;justify-self:center;border-radius:50%;border:2px solid rgb(255 120 24 / .52);background:radial-gradient(circle,#ff8a1f 0,#ff4b00 62%,#ba3600 100%);color:#fff;font-weight:1000;font-size:15px;font-style:italic;box-shadow:0 0 0 5px rgb(255 120 24 / .08),0 0 22px rgb(255 90 0 / .20)}
.arena-invite__terms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:11px}.arena-invite__terms>div{display:grid;justify-items:center;gap:2px;padding:8px;border:1px solid var(--border);border-radius:10px;background:rgb(255 120 24 / .055);text-align:center}.arena-invite__terms small{color:var(--muted);font-size:9px}.arena-invite__terms b{font-size:12px;color:var(--text)}
.arena-invite__actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:10px}.arena-invite-accept,.arena-invite-decline{min-height:40px;padding:0 16px;border-radius:10px;font:inherit;font-weight:900;cursor:pointer;transition:.18s ease}.arena-invite-accept{border:1px solid rgb(34 197 94 / .55);background:linear-gradient(135deg,#25c767,#16964b);color:#fff;box-shadow:0 8px 22px rgb(34 197 94 / .20)}.arena-invite-accept:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 11px 28px rgb(34 197 94 / .30)}.arena-invite-accept:disabled{opacity:.46;cursor:not-allowed;box-shadow:none}.arena-invite-decline{border:1px solid var(--border);background:var(--bg-elev);color:var(--text)}.arena-invite-decline:hover{border-color:rgb(255 120 24 / .38);background:rgb(255 120 24 / .08);color:var(--brand);transform:translateY(-1px)}

/* Pagination + feedback */
.arena-pages{display:flex;align-items:center;justify-content:center;gap:10px;margin:4px 0 16px}.arena-pages a,.arena-pages span{padding:7px 11px;border:var(--line);border-radius:9px;background:var(--bg-elev);text-decoration:none;font-size:11px}.arena-pages a:hover{border-color:rgb(255 120 24 / .38);color:var(--brand)}
.arena-toast{position:fixed;left:50%;top:76px;z-index:10000;max-width:min(92vw,560px);padding:10px 16px;border-radius:10px;background:#111;color:#fff;box-shadow:0 8px 30px rgb(0 0 0 / .28);opacity:0;visibility:hidden;transform:translate(-50%,-8px);transition:.18s ease;pointer-events:none}.arena-toast.is-show{opacity:1;visibility:visible;transform:translate(-50%,0)}.arena-toast.is-ok{background:#0b7b3d}.arena-toast.is-error{background:#b52d2d}
.arena-panel-pop{animation:arenaPanelPop .48s ease}@keyframes arenaPanelPop{0%{opacity:.3;transform:scale(.985);box-shadow:0 0 0 0 rgb(255 120 24 / .2)}55%{box-shadow:0 0 0 6px rgb(255 120 24 / .08)}100%{opacity:1;transform:none;box-shadow:none}}

/* Light theme: darker status/accent tones for readability. */
html[data-theme="light"] .arena-status--1{background:rgb(7 128 58 / .14);color:#087638;border-color:rgb(6 111 49 / .38);box-shadow:0 0 0 1px rgb(6 111 49 / .05),0 0 12px rgb(6 111 49 / .08)}
html[data-theme="light"] .arena-like{border-color:rgb(8 118 57 / .40);background:rgb(8 118 57 / .09);color:var(--arena-green-deep)}
html[data-theme="light"] .arena-like i{background-color:var(--arena-green-deep)}
html[data-theme="light"] .arena-like:hover:not(:disabled),html[data-theme="light"] .arena-like.is-active{border-color:rgb(8 118 57 / .52);background:linear-gradient(135deg,#178c49,#087238);color:#fff}
html[data-theme="light"] .arena-mybet{background:rgb(8 118 57 / .12);color:#086b35;border:1px solid rgb(8 118 57 / .18)}
html[data-theme="light"] .arena-invite__status--1{border-color:rgb(8 118 57 / .42);background:rgb(8 118 57 / .12);color:#086b35}
html[data-theme="light"] .arena-toast.is-ok{background:#075f30}
html[data-theme="light"] .arena-track--left .arena-track__side-label{color:var(--arena-blue-deep)}
html[data-theme="light"] .arena-track--right .arena-track__side-label{color:#a83a16}
html[data-theme="light"] .arena-commission-note{border-color:rgb(164 72 0 / .32);background:rgb(255 120 24 / .11);color:#4c5566}
html[data-theme="light"] .arena-commission-note b,html[data-theme="light"] .arena-kicker,html[data-theme="light"] .arena-status--0,html[data-theme="light"] .arena-tabs a:hover,html[data-theme="light"] .arena-tabs a.is-active,html[data-theme="light"] .arena-comments-toggle:hover,html[data-theme="light"] .arena-create-cost b,html[data-theme="light"] .arena-create-total b,html[data-theme="light"] .arena-empty-slot__vs{color:var(--arena-orange-deep)}
html[data-theme="light"] .arena-status--0{background:rgb(168 67 0 / .11);border-color:rgb(168 67 0 / .30)}

/* Responsive */
@media(max-width:1100px){
  .arena-versus{grid-template-columns:minmax(0,1fr) 108px minmax(0,1fr)}
  .arena-track{grid-template-columns:92px minmax(0,1fr);padding:14px;gap:11px}.arena-track--right{grid-template-columns:minmax(0,1fr) 92px}
  .arena-track__coverwrap,.arena-track__cover{width:92px;height:92px}
}
@media(min-width:801px){.arena-form--accept>.btn--primary{grid-column:3;grid-row:1}}
@media(max-width:998px){
  .arena-hero{grid-template-columns:1fr;padding:18px}.arena-form{grid-template-columns:1fr 1fr}.arena-form>*{min-width:0}.arena-form .arena-field--wide{grid-column:1 / -1}.arena-submit,.arena-create-total{width:100%}
  .arena-form--accept .arena-commission-note--form{grid-column:1 / -1}.arena-form--accept>.btn--primary{grid-column:auto;grid-row:auto}
}
@media(max-width:800px){
  .arena-versus{grid-template-columns:1fr;min-height:0}.arena-vs{padding:16px}.arena-vs__circle{width:62px;height:62px;font-size:21px}.arena-vs__stake,.arena-vs__pool{max-width:240px}
  .arena-track--left,.arena-track--right{grid-template-columns:86px minmax(0,1fr);text-align:left;box-shadow:inset 4px 0 0 rgb(63 125 255 / .78)}.arena-track--right{box-shadow:inset 4px 0 0 rgb(255 106 61 / .78)}
  .arena-track--right .arena-track__coverwrap{grid-column:1;grid-row:1}.arena-track--right .arena-track__body{grid-column:2;grid-row:1}.arena-track--right .arena-track__meta{justify-content:flex-start}
  .arena-track__actions,.arena-track--right .arena-track__actions{justify-content:flex-end}
  .arena-track__coverwrap,.arena-track__cover{width:86px;height:86px}
  .arena-battle__top{grid-template-columns:1fr auto}.arena-battle__topmeta{grid-column:1 / -1;justify-self:stretch;justify-content:space-between}
  .arena-battle__footer{align-items:flex-start;flex-direction:column}.arena-mybet{max-width:100%;text-align:left}
  .arena-single-head{align-items:flex-start;flex-direction:column}.arena-single-head>div{align-self:stretch;margin-left:0;text-align:right}
}
@media(max-width:700px){
  .arena-incoming{padding:12px}.arena-incoming__head{grid-template-columns:1fr}.arena-incoming__count{display:none}
  .arena-invite__head{grid-template-columns:42px minmax(0,1fr)}.arena-invite__badge{width:42px;height:42px}.arena-invite__status{grid-column:1 / -1;justify-self:start}
  .arena-invite__versus{grid-template-columns:1fr;gap:7px}.arena-invite__vs{width:42px;height:42px}.arena-invite-track--target{grid-template-columns:58px minmax(0,1fr);text-align:left}.arena-invite-track--target img{grid-column:1;grid-row:1}.arena-invite-track--target div{grid-column:2;grid-row:1}
  .arena-invite__terms{grid-template-columns:1fr}.arena-invite__actions{display:grid;grid-template-columns:1fr}.arena-invite__actions>*{width:100%}
  .arena-commission-note--form{max-width:none;width:100%}
}
@media(max-width:560px){
  .arena-form{grid-template-columns:1fr}.arena-form .arena-field--wide{grid-column:auto}.arena-hero__rules span{font-size:10px}
  .arena-track{grid-template-columns:76px minmax(0,1fr);padding:12px 10px;gap:9px}.arena-track--right{grid-template-columns:76px minmax(0,1fr)}.arena-track__coverwrap,.arena-track__cover{width:76px;height:76px}.arena-track h2{font-size:14px}.arena-track__meta{margin-top:7px}.arena-track__meta span{font-size:9px}
  .arena-like{width:44px;min-width:44px;height:44px}.arena-bet-btn{width:40px;min-width:40px;height:40px;min-height:40px}
  .arena-vote-summary{padding:0 10px 10px}.arena-vote-summary__labels strong{display:none}
  .arena-comments{padding-left:8px;padding-right:8px}.arena-comment-hint{display:none}
  .arena-share-container .share-buttons>b{flex-basis:auto}
}
@media(prefers-reduced-motion:reduce){.arena-panel-pop,.arena-invite-focus,.arena-like.is-active{animation:none}.arena-open-battle,.arena-open-battle::before,.arena-open-battle__arrow{transition:none}.arena-shell *{scroll-behavior:auto}}

/* Release guard: если участник снял трек с публикации, карточка остаётся
   читаемой, но Arena не отдаёт аудио и не предлагает новые голоса/ставки. */
.arena-track.is-unavailable{opacity:.78}
.arena-track__unavailable{display:inline-flex;align-items:center;margin-top:5px;padding:4px 8px;border:1px solid rgb(255 152 0 / .28);border-radius:999px;background:rgb(255 152 0 / .09);color:var(--brand);font-size:10px;font-weight:850;line-height:1.2}
html[data-theme="light"] .arena-track__unavailable{border-color:rgb(155 69 0 / .34);background:rgb(168 67 0 / .09);color:#8a3900}
.arena-battle.is-ending [data-arena-vote],.arena-battle.is-ending [data-open-bet]{cursor:not-allowed}

.arena-battle__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.arena-battle__actions .arena-comments-toggle{white-space:nowrap}
@media(max-width:680px){.arena-battle__actions{width:100%}}