.arena-shell{--arena-red:#ff3b30;--arena-blue:#2f74ff;--arena-green:#23c552;display:grid;gap:14px;min-width:0}.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-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-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-list{display:grid;gap:14px}.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:.92}.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;color:var(--muted);font-size:11px;font-weight:800}.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 80 40 / .08),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;border:1px solid var(--border);background:#777;box-shadow:0 10px 24px rgb(0 0 0 / .22)}.arena-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:42px;height:42px;padding:0;border:1px solid rgb(255 255 255 / .24);border-radius:50%;background:rgb(0 0 0 / .62);color:#fff;cursor:pointer;box-shadow:0 8px 20px rgb(0 0 0 / .26);transition:.18s ease}.arena-play:hover,.arena-play.is-playing{background:linear-gradient(135deg,#ff8a1f,#ff5000);transform:translate(-50%,-50%) scale(1.06)}.arena-play__icon{display:block;margin-left:2px;font-size:14px}.arena-track__body{min-width:0}.arena-track__side-label{margin-bottom:5px;color:var(--muted);font-size:9px;font-weight:950;letter-spacing:.10em}.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-track__actions{display:flex;align-items:center;gap:8px;margin-top:10px}.arena-like{min-width:52px;height:34px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:var(--line);border-radius:999px;background:var(--bg);color:var(--text);cursor:pointer;font-weight:900}.arena-like i{background-color:var(--ico)}.arena-like:hover:not(:disabled),.arena-like.is-active{border-color:rgb(255 80 80 / .42);background:rgb(255 70 70 / .11);color:#ff625a}.arena-like:hover:not(:disabled) i,.arena-like.is-active i{background-color:#ff625a}.arena-like:disabled{opacity:.55;cursor:default}.arena-bet-btn{min-height:34px;padding:0 10px;border:1px solid rgb(255 120 24 / .32);border-radius:999px;background:rgb(255 120 24 / .09);color:var(--brand);font-size:10px;font-weight:900;cursor:pointer}.arena-bet-btn:hover:not(:disabled){background:var(--brand);color:#fff}.arena-bet-btn:disabled{opacity:.5;cursor:default}.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::before,.arena-vs::after{content:"";position:absolute;left:50%;width:1px;height:calc(50% - 42px);background:linear-gradient(180deg,transparent,rgb(255 120 24 / .4))}.arena-vs::before{top:0}.arena-vs::after{bottom:0;transform:rotate(180deg)}.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{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-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}.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,#ff7a41,#ff4738)}.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{padding:4px 8px;border-radius:999px;background:rgb(35 197 82 / .09);color:#35c969;font-size:10px;font-weight:850}.arena-inline-panel,.arena-comments{padding:12px;border-top:var(--line);background:linear-gradient(180deg,rgb(255 120 24 / .035),transparent),var(--bg)}.arena-form--accept{grid-template-columns:minmax(220px,1fr) auto auto}.arena-form--bet{grid-template-columns:minmax(220px,1fr) minmax(130px,180px) auto}.arena-accept-price{padding:7px 12px;border:var(--line);border-radius:10px;text-align:center}.arena-accept-price small,.arena-accept-price b{display:block}.arena-accept-price small{color:var(--muted);font-size:9px}.arena-bet-choice{align-self:center}.arena-bet-choice span,.arena-bet-choice small{display:block}.arena-bet-choice small{margin-top:3px;color:var(--muted);font-size:10px}.arena-comments{display:grid;gap:10px}.arena-comments__list{display:grid;gap:7px;max-height:330px;overflow-y:auto}.arena-comment{padding:8px 10px;border:var(--line);border-radius:10px;background:var(--bg-elev)}.arena-comment__head{display:flex;gap:8px;align-items:center;margin-bottom:3px;font-size:10px}.arena-comment__head a{font-weight:900;text-decoration:none}.arena-comment__head time{margin-left:auto;color:var(--muted)}.arena-comment p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;font-weight:400}.arena-comment-form{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.arena-comment-form textarea{min-height:58px}.arena-muted{color:var(--muted);font-size:11px}.arena-empty{padding:24px;text-align:center}.arena-empty strong,.arena-empty span{display:block}.arena-empty span{margin-top:5px;color:var(--muted)}.arena-pages{display:flex;align-items:center;justify-content:center;gap:10px}.arena-pages a,.arena-pages span{padding:7px 11px;border:var(--line);border-radius:999px;background:var(--bg-elev);text-decoration:none}.arena-toast{position:fixed;left:50%;top:72px;z-index:10050;max-width:min(92vw,560px);padding:10px 16px;border-radius:10px;background:#111;color:#fff;box-shadow:0 12px 34px rgb(0 0 0 / .3);opacity:0;visibility:hidden;transform:translate(-50%,-8px);transition:.2s ease}.arena-toast.is-show{opacity:1;visibility:visible;transform:translate(-50%,0)}.arena-toast.is-error{background:#a91d18}.arena-toast.is-ok{background:#137a3b}.arena-setup{padding:20px}.arena-setup h1{margin-bottom:12px}
@media(max-width:1150px){.arena-versus{grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr)}.arena-track{grid-template-columns:88px minmax(0,1fr);gap:10px;padding:14px}.arena-track--right{grid-template-columns:minmax(0,1fr) 88px}.arena-track__coverwrap,.arena-track__cover{width:88px;height:88px}.arena-vs__circle{width:60px;height:60px;font-size:20px}.arena-form{grid-template-columns:1fr 150px 150px}.arena-form .arena-submit{grid-column:1/-1;justify-self:end}.arena-form--accept,.arena-form--bet{grid-template-columns:1fr auto auto}.arena-form--accept .arena-submit,.arena-form--bet .arena-submit{grid-column:auto;justify-self:stretch}}
@media(max-width:800px){.arena-hero{grid-template-columns:1fr;padding:18px}.arena-hero__account{text-align:left}.arena-versus{grid-template-columns:1fr;min-height:0}.arena-vs{min-height:110px;flex-direction:row}.arena-vs::before,.arena-vs::after{display:none}.arena-track,.arena-track--right{grid-template-columns:88px minmax(0,1fr);text-align:left}.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,.arena-track--right .arena-track__actions{justify-content:flex-start}.arena-track--right.is-winner::after{left:auto;right:10px}.arena-form,.arena-form--accept,.arena-form--bet{grid-template-columns:1fr}.arena-form .arena-submit,.arena-form--accept .arena-submit,.arena-form--bet .arena-submit{grid-column:auto;justify-self:stretch}.arena-battle__top{grid-template-columns:1fr auto}.arena-battle__topmeta{grid-column:1/-1;justify-self:start}.arena-comment-form{grid-template-columns:1fr}.arena-vs__stake,.arena-vs__pool{min-width:100px}.arena-vs__circle{flex:0 0 60px}}
@media(max-width:520px){.arena-shell{gap:10px}.arena-hero{padding:14px}.arena-hero__rules span{font-size:10px}.arena-track,.arena-track--right{grid-template-columns:72px minmax(0,1fr);padding:12px}.arena-track__coverwrap,.arena-track__cover{width:72px;height:72px}.arena-play{width:36px;height:36px}.arena-track h2{font-size:14px}.arena-track__meta span{font-size:9px}.arena-track__actions{align-items:stretch;flex-wrap:wrap}.arena-battle__footer{align-items:flex-start;flex-direction:column}.arena-vs{padding:10px 6px}.arena-vs__circle{width:52px;height:52px;flex-basis:52px;font-size:18px}.arena-vs__stake,.arena-vs__pool{min-width:0}.arena-vote-summary{padding:0 12px 10px}.arena-create{padding:12px}}

/* Arena v2 — single battle page, sprite player and track-style comments */
.arena-play-ring{--arena-progress:0deg;position:absolute;left:50%;top:50%;width:42px;height:42px;padding:5px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(var(--brand) var(--arena-progress),rgb(255 255 255 / .22) 0deg);box-shadow:0 8px 20px rgb(0 0 0 / .28),0 0 0 1px rgb(0 0 0 / .18);transition:transform .18s ease,filter .18s ease}.arena-play-ring:hover{transform:translate(-50%,-50%) scale(1.06);filter:brightness(1.08)}.arena-play{position:static!important;left:auto!important;top:auto!important;transform:none!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;opacity:.72;cursor:pointer;box-shadow:0 2px 8px rgb(0 0 0 / .28)!important;transition:opacity .18s ease,filter .18s ease,transform .18s ease!important}.arena-play:hover,.arena-play.is-playing{transform:none!important;opacity:.94!important;filter:brightness(1.08)}.arena-play.play{background-color:#fff0!important;background-image:url(/img/ico.webp?v2.1)!important;background-repeat:no-repeat!important;background-size:auto!important;background-position:-64px -128px!important}.arena-play.pause{background-color:#fff0!important;background-image:url(/img/ico.webp?v2.1)!important;background-repeat:no-repeat!important;background-size:auto!important;background-position:-96px -128px!important}.arena-single-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 14px}.arena-single-head>a,.arena-battle-link,.arena-share-link{color:var(--brand);font-size:11px;font-weight:900;text-decoration:none}.arena-single-head>div{min-width:0}.arena-single-head strong,.arena-single-head span{display:block}.arena-single-head strong{font-size:15px}.arena-single-head span{margin-top:2px;color:var(--muted);font-size:10px}.arena-battle__topmeta{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:7px 10px}.arena-battle-link,.arena-share-link{padding:3px 7px;border:1px solid rgb(255 120 24 / .28);border-radius:999px;background:rgb(255 120 24 / .08);cursor:pointer}.arena-share-link{font:inherit;color:var(--brand);font-size:10px;font-weight:900}.arena-battle-link:hover,.arena-share-link:hover{background:var(--brand);color:#fff}.arena-list--single .arena-battle{margin-top:0}.arena-list--single .arena-comments__list{max-height:none}.arena-comments__list{gap:10px}.arena-comment-post{margin:0;padding:12px;border:var(--line);background:var(--card,var(--bg-elev));box-shadow:none}.arena-comment-post .post__head{margin:-5px -5px 0}.arena-comment-post .post__body{padding:2px 4px 0}.arena-comment-post .post__text{margin:7px 0 0;font-size:12px;font-weight:400;white-space:normal}.arena-comment-post .post__name{font-size:12px}.arena-comment-post .post__time{font-size:10px}.arena-comment-composer{margin:2px 0 0;padding:10px}.arena-comment-composer .arena-comment-form{display:block;min-width:0}.arena-comment-composer .composer__text{display:block;width:100%;min-height:44px}.arena-comment-composer .composer__bar{justify-content:space-between}.arena-comment-hint{color:var(--muted);font-size:10px}.arena-comments-loading,.arena-comments-empty{padding:12px;text-align:center;border:1px dashed var(--border);border-radius:10px}.arena-comments-retry{width:100%;padding:12px;border:1px dashed var(--border);border-radius:10px;background:var(--bg-elev);color:var(--brand);font:inherit;font-size:11px;font-weight:800;cursor:pointer}.arena-comments-retry:hover{border-color:var(--brand);background:rgb(255 120 24 / .08)}
@media(max-width:800px){.arena-single-head{grid-template-columns:1fr auto}.arena-single-head>a{grid-column:1/-1}.arena-single-head>div span{white-space:normal}.arena-battle__topmeta{justify-content:flex-start}.arena-comment-composer{grid-template-columns:38px 1fr;gap:9px}.arena-comment-composer .composer__ava{width:38px;height:38px}}
@media(max-width:520px){.arena-single-head{grid-template-columns:1fr}.arena-single-head .btn{width:100%}.arena-comment-hint{display:none}.arena-comment-composer .composer__bar{justify-content:flex-end}.arena-play-ring{width:40px;height:40px;padding:4px}}


/* Arena v4 — share block, noticeable panels, expanded comments, comment management */
.arena-single-head{grid-template-columns:auto minmax(0,1fr)}
.arena-share-container{padding:8px 12px;position:relative;z-index:4}
.arena-share-container .share-buttons{justify-content:flex-end}
.arena-share-container .share-buttons>b{font-size:11px}
.arena-share-container .more-dropdown{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;cursor:pointer}
.arena-share-container .dropdown-content{z-index:40}

.arena-panel-pop{animation:arenaPanelPop .7s cubic-bezier(.2,.8,.2,1)}
@keyframes arenaPanelPop{
    0%{opacity:.2;transform:translateY(-12px) scale(.985);border-color:var(--brand);box-shadow:0 0 0 0 rgb(255 120 24 / .34)}
    45%{opacity:1;transform:translateY(2px) scale(1.004);border-color:var(--brand);box-shadow:0 0 0 6px rgb(255 120 24 / .13),0 14px 34px rgb(255 90 0 / .16)}
    100%{opacity:1;transform:translateY(0) scale(1);box-shadow:none}
}
.arena-create:not([hidden]),.arena-inline-panel:not([hidden]){
    border-color:color-mix(in oklab,var(--brand) 42%,var(--border) 58%);
}
.arena-comments.is-expanded .arena-comments__list,
.arena-comments__list.is-expanded{
    max-height:none;
    overflow:visible;
}
.arena-comment-post{position:relative}
.arena-comment-actions{margin:2px 0 0;padding-top:6px}
.arena-comment-edited{margin:5px 0 0!important;color:var(--muted);font-size:10px!important}
.arena-comment-editor{
    margin-top:8px;
    padding:10px;
    border-top:var(--line);
    border-radius:10px;
    background:linear-gradient(180deg,rgb(255 120 24 / .055),transparent),var(--bg);
}
.arena-comment-editor textarea{width:100%;min-height:78px;resize:vertical}
.arena-comment-editor__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}
.arena-comment-post.comment-highlight{animation:arenaCommentFlash 2.2s ease}
@keyframes arenaCommentFlash{
    0%{box-shadow:0 0 0 0 rgb(255 120 24 / .55);border-color:var(--brand)}
    35%{box-shadow:0 0 0 7px rgb(255 120 24 / .12);border-color:var(--brand)}
    100%{box-shadow:none;border-color:var(--border)}
}
@media(max-width:520px){
    .arena-share-container .share-buttons{justify-content:center}
    .arena-share-container .share-buttons>b{width:100%;text-align:center}
    .arena-comment-editor__actions{display:grid;grid-template-columns:1fr 1fr}
}


/* Arena v5 — clearer voting, clean VS column and stable comment return */
.arena-vs::before,.arena-vs::after{display:none!important}
.arena-vs__stake,.arena-vs__pool{position:relative;z-index:2;padding:3px 5px;border-radius:8px;background:color-mix(in oklab,var(--bg-elev) 78%,transparent 22%)}

.arena-like{
    position:relative;
    width:48px;
    min-width:48px;
    height:48px;
    padding:0;
    display:inline-grid;
    place-items:center;
    border:1px solid color-mix(in oklab,#ff625a 40%,var(--border) 60%);
    border-radius:50%;
    background:radial-gradient(circle at 32% 25%,rgb(255 255 255 / .12),transparent 30%),rgb(255 80 80 / .08);
    color:#ff625a;
    cursor:pointer;
    box-shadow:0 5px 15px rgb(0 0 0 / .16),inset 0 1px 0 rgb(255 255 255 / .06);
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,filter .18s ease;
}
.arena-like i{margin:0!important;background-color:#ff625a!important;filter:drop-shadow(0 0 5px rgb(255 80 80 / .38));transition:transform .18s ease,filter .18s ease}
.arena-like>span{
    position:absolute;
    right:-5px;
    bottom:-4px;
    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;
    box-shadow:0 3px 10px rgb(0 0 0 / .22);
}
.arena-like:hover:not(:disabled){
    transform:translateY(-2px) scale(1.06);
    border-color:#ff625a;
    background:radial-gradient(circle at 32% 25%,rgb(255 255 255 / .22),transparent 30%),linear-gradient(135deg,#ff6c64,#ff3f57);
    box-shadow:0 0 0 5px rgb(255 80 80 / .10),0 10px 24px rgb(255 60 70 / .22);
}
.arena-like:hover:not(:disabled) i{background-color:#fff!important;filter:drop-shadow(0 0 7px rgb(255 255 255 / .5));transform:scale(1.08)}
.arena-like.is-active{
    border-color:#ff4b57;
    background:radial-gradient(circle at 32% 25%,rgb(255 255 255 / .26),transparent 30%),linear-gradient(135deg,#ff765e,#ff315a);
    color:#fff;
    box-shadow:0 0 0 5px rgb(255 72 82 / .11),0 0 22px rgb(255 55 82 / .25),0 9px 22px rgb(0 0 0 / .18);
    animation:arenaLikeActive 2.2s ease-in-out infinite;
}
.arena-like.is-active i{background-color:#fff!important;filter:drop-shadow(0 0 7px rgb(255 255 255 / .48))}
.arena-like.is-active>span{background:#ff4058;color:#fff;border-color:var(--bg-elev)}
.arena-like:disabled{opacity:.42;cursor:default;animation:none;filter:saturate(.65)}
@keyframes arenaLikeActive{0%,100%{box-shadow:0 0 0 4px rgb(255 72 82 / .09),0 0 18px rgb(255 55 82 / .18),0 9px 22px rgb(0 0 0 / .16)}50%{box-shadow:0 0 0 7px rgb(255 72 82 / .04),0 0 28px rgb(255 55 82 / .30),0 9px 22px rgb(0 0 0 / .18)}}

.arena-comments[data-comments-panel]:not([hidden]){scroll-margin-top:78px}
.arena-comment-post{scroll-margin-top:88px}

@media(max-width:520px){
    .arena-like{width:44px;min-width:44px;height:44px}
    .arena-like>span{right:-4px;bottom:-4px;min-width:19px;height:19px}
}

/* Arena v6 — positive voting, premium bet CTA and single-page navigation */
.arena-like{
    border-color:color-mix(in oklab,#28c76f 46%,var(--border) 54%)!important;
    background:radial-gradient(circle at 32% 25%,rgb(255 255 255 / .13),transparent 30%),rgb(40 199 111 / .10)!important;
    color:#28c76f!important;
    box-shadow:0 5px 16px rgb(0 0 0 / .16),0 0 0 1px rgb(40 199 111 / .04),inset 0 1px 0 rgb(255 255 255 / .06)!important;
}
.arena-like i{
    background-color:#28c76f!important;
    filter:drop-shadow(0 0 6px rgb(40 199 111 / .34))!important;
}
.arena-like:hover:not(:disabled){
    border-color:#35d879!important;
    background:radial-gradient(circle at 32% 25%,rgb(255 255 255 / .25),transparent 30%),linear-gradient(135deg,#39d982,#16a85a)!important;
    box-shadow:0 0 0 5px rgb(40 199 111 / .11),0 11px 26px rgb(18 164 84 / .24)!important;
}
.arena-like:hover:not(:disabled) i{background-color:#fff!important;filter:drop-shadow(0 0 7px rgb(255 255 255 / .52))!important}
.arena-like.is-active{
    border-color:#35d879!important;
    background:radial-gradient(circle at 32% 25%,rgb(255 255 255 / .28),transparent 30%),linear-gradient(135deg,#45df89,#11984f)!important;
    color:#fff!important;
    box-shadow:0 0 0 5px rgb(40 199 111 / .12),0 0 24px rgb(32 190 101 / .24),0 9px 22px rgb(0 0 0 / .18)!important;
    animation:arenaLikeGreenActive 2.2s ease-in-out infinite!important;
}
.arena-like.is-active i{background-color:#fff!important;filter:drop-shadow(0 0 7px rgb(255 255 255 / .50))!important}
.arena-like.is-active>span{background:#139c51!important;color:#fff!important;border-color:var(--bg-elev)!important}
@keyframes arenaLikeGreenActive{
    0%,100%{box-shadow:0 0 0 4px rgb(40 199 111 / .09),0 0 18px rgb(32 190 101 / .17),0 9px 22px rgb(0 0 0 / .16)}
    50%{box-shadow:0 0 0 7px rgb(40 199 111 / .04),0 0 30px rgb(32 190 101 / .29),0 9px 22px rgb(0 0 0 / .18)}
}

.arena-bet-btn{
    position:relative;
    min-height:40px!important;
    padding:4px 13px 4px 5px!important;
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:8px;
    overflow:hidden;
    border:1px solid rgb(255 145 48 / .55)!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#ff921f,#ff5a00)!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:950!important;
    line-height:1!important;
    letter-spacing:.01em;
    cursor:pointer;
    box-shadow:0 8px 20px rgb(255 90 0 / .22),inset 0 1px 0 rgb(255 255 255 / .28)!important;
    transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}
.arena-bet-btn::after{
    content:"";
    position:absolute;
    inset:-70% auto -70% -35%;
    width:32%;
    background:linear-gradient(90deg,transparent,rgb(255 255 255 / .24),transparent);
    transform:rotate(18deg);
    transition:left .35s ease;
    pointer-events:none;
}
.arena-bet-btn:hover:not(:disabled){
    transform:translateY(-2px) scale(1.025);
    filter:brightness(1.06);
    box-shadow:0 12px 28px rgb(255 90 0 / .32),0 0 0 4px rgb(255 120 24 / .08),inset 0 1px 0 rgb(255 255 255 / .32)!important;
}
.arena-bet-btn:hover:not(:disabled)::after{left:118%}
.arena-bet-btn__icon{
    width:30px;
    height:30px;
    flex:0 0 30px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:rgb(40 20 0 / .22);
    border:1px solid rgb(255 255 255 / .20);
    color:#fff;
    font-size:8px;
    font-weight:1000;
    letter-spacing:-.02em;
    box-shadow:inset 0 1px 0 rgb(255 255 255 / .15);
}
.arena-bet-btn__text{position:relative;z-index:1;white-space:nowrap}
.arena-bet-btn:disabled,.arena-bet-btn.is-closed{
    opacity:.62!important;
    filter:saturate(.55)!important;
    cursor:default!important;
    transform:none!important;
    box-shadow:none!important;
}
.arena-bet-btn.is-closed{
    border-color:var(--border)!important;
    background:linear-gradient(180deg,var(--bg-elev),var(--bg))!important;
    color:var(--muted)!important;
}
.arena-bet-btn.is-closed .arena-bet-btn__icon{background:rgb(128 138 155 / .16);color:var(--muted);border-color:var(--border)}

.arena-form--bet{
    border:1px solid rgb(255 120 24 / .30);
    border-radius:14px;
    padding:12px;
    background:radial-gradient(circle at 100% 0,rgb(255 120 24 / .13),transparent 38%),linear-gradient(180deg,var(--bg-elev),var(--bg));
    box-shadow:inset 0 1px 0 rgb(255 255 255 / .04);
}
.arena-form--bet .btn--primary{box-shadow:0 9px 24px rgb(255 90 0 / .24)}
.arena-bet-choice{padding:8px 10px;border-radius:10px;background:rgb(255 120 24 / .08);border:1px solid rgb(255 120 24 / .18)}
.arena-bet-choice span,.arena-bet-choice small{display:block}.arena-bet-choice small{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.35}

.arena-back-link{
    min-height:36px;
    padding:0 12px!important;
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:7px;
    border:1px solid rgb(255 120 24 / .34)!important;
    border-radius:999px;
    background:linear-gradient(135deg,rgb(255 120 24 / .12),rgb(255 120 24 / .04));
    color:var(--brand)!important;
    font-size:11px!important;
    font-weight:950!important;
    text-decoration:none!important;
    box-shadow:0 6px 18px rgb(0 0 0 / .09);
    transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease!important;
}
.arena-back-link span{font-size:16px;line-height:1;transition:transform .18s ease}
.arena-back-link:hover{transform:translateY(-1px);background:linear-gradient(135deg,#ff8a1f,#ff5a00);color:#fff!important;box-shadow:0 9px 24px rgb(255 90 0 / .22)}
.arena-back-link:hover span{transform:translateX(-2px)}

@media(max-width:520px){
    .arena-bet-btn{min-height:38px!important;padding-right:10px!important}
    .arena-bet-btn__icon{width:28px;height:28px;flex-basis:28px}
    .arena-single-head{grid-template-columns:1fr!important}
    .arena-back-link{justify-self:start}
}

/* ===== Personal track challenges v7 ===== */
.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 4px;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:transform .18s ease,border-color .18s ease,box-shadow .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{0%,100%{box-shadow:0 10px 28px rgb(255 90 0 / .08)}50%{box-shadow:0 0 0 3px rgb(255 120 24 / .22),0 0 34px rgb(255 90 0 / .32)}}
.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;border:1px solid var(--border)}.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 span{margin-right:5px}.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)}
@media(max-width:700px){.arena-incoming{padding:12px}.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-incoming__head{grid-template-columns:1fr}.arena-incoming__count{display:none}}

/* Arena v9 — clear side identity on track covers (especially on mobile) */
.arena-track--left .arena-track__cover{
    border:3px solid #3f7dff!important;
    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)!important;
}
.arena-track--right .arena-track__cover{
    border:3px solid #ff6a3d!important;
    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)!important;
}
.arena-track--left .arena-track__side-label{color:#5c91ff}
.arena-track--right .arena-track__side-label{color:#ff7a50}

/* Same side colours on an incoming personal challenge. */
.arena-invite-track:first-child img{
    border:3px solid #3f7dff!important;
    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 #ff6a3d!important;
    box-shadow:0 0 0 2px rgb(255 106 61 / .12),0 0 16px rgb(255 93 48 / .16);
}

@media(max-width:800px){
    .arena-track--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)}
}