/* Kolizeum: scoped presentation; duel rules and controls stay shared. */
#arenaOverlay{z-index:960;padding:20px;background:#282139ad;backdrop-filter:blur(10px)}
#arenaOverlay .arena-shell{box-sizing:border-box;width:min(620px,100%);max-height:calc(100dvh - 40px);padding:24px;border-radius:30px;border:1px solid #ffffffc9;background:radial-gradient(ellipse at 50% 0,#e6dcff,transparent 65%),#faf7f1;box-shadow:0 24px 80px #20153355;color:#342948;overscroll-behavior:contain}
#arenaOverlay .arena-head{gap:10px;padding-bottom:20px;border-bottom:1px solid #78629220;text-align:left}
#arenaOverlay .arena-head-icon{width:48px;height:48px;background:#fff8;border-radius:16px}
#arenaOverlay .arena-head small{color:#7a638e;font-size:9px;letter-spacing:1.2px}
#arenaOverlay .arena-head b{font-size:18px;letter-spacing:.5px}
#arenaOverlay .arena-head strong{margin-right:40px;background:#fff9;border:1px solid #ffffff;color:#69519d;padding:9px 12px;font-size:11px;border-radius:12px;white-space:nowrap}
#arenaOverlay .arena-close{top:26px;right:22px;width:44px;height:44px;border-radius:14px;background:#fff8;color:#716280;font-size:24px}
#arenaOverlay .arena-panel{padding:24px 0 0}
#arenaOverlay .arena-eyebrow{font-size:9px;font-weight:900;letter-spacing:1.5px;color:#876b99}
#arenaOverlay .arena-intro h2{font-size:29px;line-height:1.16;letter-spacing:-.7px;margin:10px 0}
#arenaOverlay .arena-intro p{font-size:13px;line-height:1.6;color:#7d7087;margin:0 auto;max-width:320px}
#arenaOverlay .arena-versus{max-width:440px;gap:12px;margin:25px auto 22px;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr)}
#arenaOverlay .arena-fighter{align-self:stretch;align-content:start;padding:18px 8px 15px;border:1px solid #fff;border-radius:24px;background:#ffffffad;box-shadow:0 6px 16px #66517a09;gap:7px;min-width:0}
#arenaOverlay .arena-fighter>b{font-size:14px;overflow-wrap:anywhere;max-width:100%}
#arenaOverlay .arena-fighter>small{display:block;font-size:10px;line-height:1.4;color:#887794}
#arenaOverlay .arena-avatar{width:100px;height:100px;border-radius:50%;border:3px solid #fff;background:#eee5fa;box-shadow:0 4px 0 #ddd0ee;margin-bottom:5px}
#arenaOverlay .arena-fighter.mystery .arena-avatar{background:linear-gradient(150deg,#ac91de,#7454aa);box-shadow:0 4px 0 #dbcee9;color:#fff}
#arenaOverlay .arena-fighter.mystery .arena-avatar span{font-size:42px;font-weight:800}
#arenaOverlay .arena-vs{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font-size:12px;font-weight:950;color:#89672c;background:#ffecc0;box-shadow:0 3px 0 #ebd49f}
#arenaOverlay .arena-format{display:flex;justify-content:center;gap:0;color:#8a7a93;font-size:12px;margin:0 0 22px}
#arenaOverlay .arena-format span{padding:0 16px}
#arenaOverlay .arena-format span+span{border-left:1px solid #d9cfe0}
#arenaOverlay .arena-format b{color:#665177;font-size:13px}
#arenaOverlay .arena-main-btn{display:block;width:100%;min-width:0;min-height:54px;border:1px solid #7650ac;border-radius:17px;background:linear-gradient(135deg,#9872d0,#7951b5);color:#fff;box-shadow:0 4px 0 #674396,0 10px 20px #7854ae20;margin:0 auto 8px;font-size:15px;font-weight:900;touch-action:manipulation}
#arenaOverlay .arena-main-btn:disabled{opacity:.5;box-shadow:none;cursor:default}
#arenaOverlay button:focus-visible{outline:3px solid #b189e5;outline-offset:4px}
#arenaOverlay #arenaPoolNote{display:block;margin:15px auto 0;font-size:12px;line-height:1.5;color:#7b6987;max-width:340px}
#arenaOverlay #arenaPoolNote:empty{display:none}
#arenaOverlay .arena-matchup{gap:16px;margin:0 0 12px}
#arenaOverlay .arena-matchup span{background:#fff;border:1px solid #e6dcef;border-radius:17px;padding:7px 12px;gap:12px}
#arenaOverlay .arena-matchup b{font-size:21px;color:#73539e}
#arenaOverlay .arena-opponent-name{display:block;font-size:12px;color:#897395;margin:12px 0;overflow-wrap:anywhere}
#arenaOverlay .arena-progress{height:8px;background:#e6ddeb;margin:18px 0 14px}
#arenaOverlay .arena-progress i{background:linear-gradient(90deg,#b08bdd,#7954b2)}
#arenaOverlay #arenaCounter{font-size:10px;letter-spacing:1px;font-weight:900;color:#8a7397}
#arenaOverlay #arenaPrompt{font-size:26px;line-height:1.3;margin:16px 0 8px;overflow-wrap:anywhere}
#arenaOverlay #arenaDirection{font-size:10px;font-weight:900;letter-spacing:1px;color:#957545}
#arenaOverlay .arena-choices{gap:10px;margin:22px 0 12px}
#arenaOverlay .arena-choice{border-color:#e3d8ec;border-radius:16px;box-shadow:0 3px 0 #e3d8ec;background:#fff;min-height:58px;color:#493658}
#arenaOverlay .arena-choice.good{border-color:#72c49b;background:#ecfaf1;box-shadow:0 3px 0 #72c49b}
#arenaOverlay .arena-choice.bad{border-color:#e59aac;background:#fff0f3;box-shadow:0 3px 0 #e59aac}
#arenaOverlay .arena-feedback{font-size:13px;line-height:1.5;margin:12px 0 0;color:#725489}
#arenaOverlay .arena-result-icon{font-size:54px;margin:2px auto 12px}
#arenaOverlay #arenaResultLabel{letter-spacing:2px;font-weight:900;color:#927244;font-size:11px}
#arenaOverlay #arenaResultTitle{font-size:29px;margin:10px 0}
#arenaOverlay .arena-scoreboard{gap:12px;margin:22px auto}
#arenaOverlay .arena-scoreboard div{border:1px solid #e7ddef;background:#fff;border-radius:22px;padding:20px 12px;gap:7px}
#arenaOverlay .arena-scoreboard b{color:#7857a5;font-size:30px}
#arenaOverlay .arena-rewards{margin:0 0 25px;gap:10px;flex-wrap:wrap}
#arenaOverlay #arenaHome{min-height:44px;margin-top:9px;color:#7a688b}
@media(hover:hover){#arenaOverlay .arena-main-btn:not(:disabled):hover{filter:brightness(1.06)}#arenaOverlay .arena-close:hover{background:#fff}}
@media(max-width:700px){
 #arenaOverlay{padding:12px}
 #arenaOverlay .arena-shell{padding:18px;max-height:calc(100dvh - 24px);border-radius:27px}
 #arenaOverlay .arena-head{padding-bottom:15px;gap:8px}
 #arenaOverlay .arena-head-icon{width:40px;height:40px}
 #arenaOverlay .arena-head b{font-size:16px}
 #arenaOverlay .arena-head small{font-size:8px}
 #arenaOverlay .arena-head strong{padding:8px;margin-right:38px;font-size:10px}
 #arenaOverlay .arena-close{right:14px;top:16px}
 #arenaOverlay .arena-panel{padding-top:22px}
 #arenaOverlay .arena-intro h2{font-size:25px;max-width:270px;margin:10px auto}
 #arenaOverlay .arena-intro p{font-size:12px;max-width:260px}
 #arenaOverlay .arena-versus{gap:8px;margin:22px auto 20px;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr)}
 #arenaOverlay .arena-vs{width:30px;height:30px;font-size:10px}
 #arenaOverlay .arena-fighter{padding:14px 5px 12px;border-radius:20px}
 #arenaOverlay .arena-avatar{width:78px;height:78px}
 #arenaOverlay .arena-fighter>small{font-size:9px}
 #arenaOverlay .arena-format{font-size:11px;margin-bottom:20px}
 #arenaOverlay .arena-format span{padding:0 12px}
 #arenaOverlay #arenaPrompt{font-size:23px}
}
@media(prefers-reduced-motion:reduce){#arenaOverlay *,#arenaOverlay *::before{transition:none;animation:none}}