#overlay:not([hidden]):where([data-score-step]):not(#_ms) .modal{width:min(1100px,96vw);max-height:94svh;overflow:auto;padding:22px;box-sizing:border-box}#description[hidden],.hero-board[hidden]{display:none!important}.score-tabs{display:flex;justify-content:center;gap:14px;margin:14px 0}.score-tabs button{font-weight:900;font-size:18px;padding:13px 24px;border:2px solid #a6b4ec;border-radius:15px;background:#404c83;box-shadow:0 5px #202647;color:white}.score-tabs button[aria-pressed=true]{background:#ffe28a;color:#302344;border-color:#fff0ba}.hero-team h3{text-transform:uppercase;letter-spacing:3px;margin:12px 0 8px;color:#96e3ff}.hero-team.team-1 h3{color:#ffacc9}.hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:15px}.hero-card{position:relative;border:3px solid #7da5dc;border-radius:23px;background:linear-gradient(150deg,#4b639a,#252648);box-shadow:0 6px #171b35;overflow:hidden;animation:hero-arrive .45s cubic-bezier(.2,1.5,.5,1) both}.team-1 .hero-card{border-color:#b67ca6;background:linear-gradient(150deg,#6a487c,#292344)}.hero-card.your-hero{border-color:#fcdc89}.hero-card canvas{display:block;width:100%;height:140px;object-fit:contain}.hero-card h4{font-size:18px;margin:0 8px 12px;color:#fff;overflow-wrap:anywhere}.hero-medals{height:24px;padding:8px 2px 0;color:#ffe392;font-size:12px;font-weight:1000;text-shadow:0 2px #684924}.hero-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:0 9px 12px}.hero-numbers div{background:#10182f88;border-radius:10px;padding:8px 1px}.hero-numbers b{display:block;color:#fff5c9;font-size:24px}.hero-numbers small{font-size:10px;color:#dce9ff}.stage-hint{font-size:12px;color:#d1dcff;margin:8px}.hero-board{padding-bottom:12px}@keyframes hero-arrive{from{transform:translateY(16px) scale(.94);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.hero-card{animation:none}}
#overlay:not([hidden]):where([data-score-step]):not(#_ms) .modal{max-width:1100px!important;width:94vw!important}#match-scoreboard .hero-card canvas{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;height:140px!important;max-width:100%!important;margin:0!important;aspect-ratio:auto!important}#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb)~*{pointer-events:none}.hero-board .hero-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:620px){.hero-board .hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
body:where([data-overlay-open][data-overlay-scoreboard]):not(#_o):not(#_s):not(._o) #match>.heading,body:where([data-overlay-open][data-overlay-scoreboard]):not(#_o):not(#_s):not(._o) #match .bottom,body:where([data-overlay-open][data-overlay-scoreboard]):not(#_o):not(#_s):not(._o) #spells{visibility:hidden}#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) #title{font-size:32px;margin:8px}#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) .sigil{display:none}#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) .hero-card canvas{height:85px!important}#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) .hero-card h4{margin:0 4px 5px;font-size:15px}#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) .hero-numbers{padding-bottom:7px}#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) .hero-numbers b{font-size:20px}#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) .score-tabs{margin:8px 0}#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) .hero-team h3{margin:6px 0;font-size:14px}#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) .modal{scrollbar-color:#a999f1 #262547;scrollbar-width:thin}
.duel-board{display:grid;grid-template-columns:1fr 1fr;gap:16px}.duel-board .stage-hint{grid-column:1/-1}.duel-board .hero-grid{grid-template-columns:1fr}.hero-medals{background:linear-gradient(100deg,transparent,#dba53a22,transparent);letter-spacing:.5px}.hero-card:has(.hero-medals:not(:empty)){box-shadow:0 6px #171b35,inset 0 0 24px #ffdc6420}
#match-scoreboard .hero-card canvas,#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) .hero-card canvas{width:min(100%,240px)!important;height:auto!important;aspect-ratio:36/19!important;object-fit:contain!important;margin:0 auto!important;max-height:none!important}

/* A centered, height-bounded podium for every team size. */
#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb){overflow:hidden!important;padding:0!important;display:grid!important;place-items:center}
#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) .modal{width:min(1500px,96vw)!important;max-width:1500px!important;height:96svh;max-height:96svh!important;overflow:hidden!important;padding:12px!important;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto minmax(0,1fr) auto;gap:8px 12px;box-sizing:border-box;animation:none!important;margin:auto!important}
#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) .eyebrow{grid-column:1/-1;justify-self:center;padding:5px 24px!important;font-size:16px!important;margin:0!important}
#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) #title{grid-column:1/-1;font-size:clamp(22px,3.2vh,36px)!important;line-height:1.1;margin:0!important}
#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) #hint{display:none}
#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) #start{min-width:0!important;width:100%;padding:10px!important;font-size:20px!important;margin:0!important}
#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) #overlay-menu{margin:0!important;align-self:center}
#match-scoreboard{min-height:0;min-width:0}
#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) #match-scoreboard{grid-column:1/-1;display:flex;flex-direction:column;gap:6px;overflow:hidden}
#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) .score-tabs{margin:0!important;gap:12px;flex-shrink:0}
#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) .score-tabs button{padding:7px 22px;font-size:17px}
#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) .hero-board{flex:1;min-height:0;display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) minmax(0,1fr);gap:8px;padding:0 0 7px}
#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) .stage-hint{margin:0;font-size:11px;line-height:1.2}
#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) .hero-team{min-height:0;display:flex;flex-direction:column;gap:4px}
#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) .hero-team h3{margin:0!important;font-size:12px!important;text-align:center}
#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) .hero-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(var(--players),minmax(0,1fr));gap:14px;width:100%;max-width:1300px;margin:0 auto}
#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) .hero-card{min-height:0;display:grid;grid-template-rows:20px minmax(0,1fr) 22px 48px;text-align:center;border-radius:20px}
#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) .hero-medals{height:auto;padding:3px 0;font-size:12px;line-height:16px}
#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) .hero-card canvas{width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;aspect-ratio:auto!important;object-fit:contain!important;margin:auto!important}
#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) .hero-card h4{font-size:14px!important;margin:0!important;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) .hero-numbers{padding:0 8px 5px;gap:5px}
#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) .hero-numbers div{padding:2px}
#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) .hero-numbers b{font-size:19px;line-height:22px}
#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) .hero-numbers small{font-size:10px;line-height:12px}
#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) .duel-board{grid-template-columns:1fr 1fr;grid-template-rows:auto minmax(0,1fr);gap:14px}
#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) .duel-board .stage-hint{grid-column:1/-1}
@media(max-height:620px){#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) .modal{gap:4px 8px;padding:6px!important}#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) .eyebrow{display:none!important}#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) .modal{grid-template-rows:auto minmax(0,1fr) auto}#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) .stage-hint{display:none}#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) .hero-board{grid-template-rows:minmax(0,1fr) minmax(0,1fr)}#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) .duel-board{grid-template-rows:minmax(0,1fr)}#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) .hero-card{grid-template-rows:16px minmax(0,1fr) 18px 40px}}

#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) .hero-numbers small{display:block;margin:0!important;padding:0!important}
body:where([data-overlay-open][data-overlay-scoreboard]):not(#_o):not(#_s):not(._o) #arena-intro{display:none!important}

#overlay[hidden]{display:none!important}

#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) .hero-card{grid-template-rows:56px minmax(0,1fr) 22px 48px}
#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) .hero-medals{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:3px 10px;text-align:left}
#match-scoreboard .hero-rank{display:flex;align-items:center;gap:7px;min-width:0;color:#edf5ff;text-shadow:none}
#match-scoreboard .hero-rank .rank-badge{width:46px!important;height:46px!important;flex:0 0 46px;object-fit:contain;filter:drop-shadow(0 3px 4px #13152f88)}
#match-scoreboard .hero-rank span{display:grid;gap:2px}
#match-scoreboard .hero-rank b{font-size:13px;line-height:16px;white-space:nowrap}
#match-scoreboard .hero-rank small{display:block;font-size:12px;line-height:15px;color:#d5e7ff;margin:0!important;letter-spacing:0}
#match-scoreboard .hero-awards{font-size:11px;line-height:15px;text-align:right;max-width:100px}
@media(max-height:620px){#overlay:not([hidden]):where([data-score-step=heroes]):not(._ms):not(._hb) .hero-card{grid-template-rows:44px minmax(0,1fr) 18px 40px}#match-scoreboard .hero-rank .rank-badge{width:38px!important;height:38px!important;flex-basis:38px}}

/* Air effects escape the portrait vertically; each card owns its horizontal lane. */
#overlay #match-scoreboard .hero-card{overflow:visible;isolation:isolate}
#overlay #match-scoreboard .hero-card canvas.hero-celebration-overflow{position:absolute!important;inset:calc(-1 * var(--celebration-headroom,64px)) 0 auto!important;width:100%!important;height:calc(100% + var(--celebration-headroom,64px) + 16px)!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;object-fit:fill!important;margin:0!important;pointer-events:none;z-index:2}
#overlay #match-scoreboard .hero-medals,#overlay #match-scoreboard .hero-card h4,#overlay #match-scoreboard .hero-numbers{position:relative;z-index:3;background-color:#303653;border-radius:12px}
#overlay #match-scoreboard .hero-portrait-frame{z-index:1}
#overlay #match-scoreboard .score-tabs,#overlay #match-scoreboard .hero-team h3{position:relative;z-index:4}

#overlay #match-scoreboard .hero-card canvas.hero-celebration-ground{z-index:0}
#overlay #match-scoreboard .hero-medals{background:transparent;border-radius:0}
#overlay #match-scoreboard .hero-rank,#overlay #match-scoreboard .hero-awards{filter:drop-shadow(0 2px 2px #16152f);text-shadow:0 2px 3px #16152f}
/* Only the viewport clips tall MVP effects; the result panel must not crop them. */
#overlay:not([hidden]):where([data-score-step]):not(#_ms) .modal,
#overlay:not([hidden]) #match-scoreboard{overflow:visible!important;min-height:0;min-width:0}
/* Match cards open public profiles without leaving the result screen. */
.hero-profile-link{cursor:pointer}.hero-profile-link:focus-visible{outline:3px solid #fde3a1;outline-offset:4px}.hero-profile-hint{display:block;position:relative;z-index:4;text-align:center;font-size:11px;color:#e4d3ff;padding:5px;pointer-events:none}.hero-profile-link:hover .hero-profile-hint{color:#fde4a2}
#match-user-dialog{width:min(760px,94vw);max-width:94vw;max-height:90dvh;box-sizing:border-box;padding:20px;border:2px solid #caa7e8;border-bottom:6px solid #68517e;border-radius:24px;background:radial-gradient(ellipse at 20% 15%,#675080,#29243f 70%);color:#f7edff;overflow:auto;box-shadow:0 20px 65px #130f2b99}
#match-user-dialog::backdrop{background:#151029a8;backdrop-filter:blur(3px)}#match-user-dialog header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}#match-user-dialog h2{font-size:23px;color:#fde5a7;margin:0}#match-user-dialog h3{font-size:19px;margin:8px 0;color:#ffedb8}#match-user-dialog button{font:inherit;cursor:pointer;padding:9px 15px;border:1px solid #c3a0dc;border-bottom:4px solid #54405f;border-radius:12px;background:#745487;color:#fff0ce}#match-user-dialog button:focus-visible{outline:3px solid #fce098;outline-offset:2px}#match-user-dialog button:disabled{opacity:.7;cursor:default}
.match-user-body{display:grid;grid-template-columns:minmax(180px,.85fr) minmax(0,1.2fr);gap:18px}.match-user-hero{background:#30263f88;border:1px solid #a88ac2;border-radius:18px;text-align:center;padding:12px}.match-user-hero canvas{width:100%;height:140px;object-fit:contain}.match-user-tag{font-size:10px;letter-spacing:1px;color:#d4b5f4}.match-user-id{font-size:12px;color:#c3dbee;overflow-wrap:anywhere}.match-user-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.match-user-stats>div{padding:10px;border-radius:12px;background:#22243e;text-align:center}.match-user-stats b{display:block;color:#fdeab8;font-size:21px}.match-user-stats small{font-size:11px;color:#d7cde9}.match-user-fine{font-size:12px;line-height:1.4;color:#d8c6e8}.match-bot-bio{font-size:17px;color:#f9dfa5;line-height:1.5}.match-user-notice{font-size:12px;min-height:16px;margin:10px 0 0}#match-user-dialog .match-user-add{background:linear-gradient(#fdebbb,#e5cd8d);border-color:#fef2d4;border-bottom-color:#869f5e;color:#3d3125;font-weight:bold}
@media(max-height:550px){#match-user-dialog{padding:10px;max-height:96dvh}#match-user-dialog header{margin-bottom:8px}#match-user-dialog h2{font-size:18px}#match-user-dialog h3{font-size:15px}.match-user-body{gap:10px}.match-user-hero{padding:8px}.match-user-hero canvas{height:80px}.match-user-stats>div{padding:6px}.match-user-stats b{font-size:17px}#match-user-dialog button{padding:6px 10px;font-size:12px}}
@media(max-width:480px){.match-user-body{grid-template-columns:1fr}.match-user-hero canvas{height:90px}}

@media(max-height:550px) and (min-width:650px){#match-user-dialog .match-user-stats{grid-template-columns:repeat(4,minmax(0,1fr))}#match-user-dialog .match-user-stats small{font-size:10px;line-height:1.2;display:block}#match-user-dialog .match-user-stats>div{padding:8px 4px}#match-user-dialog .match-user-fine{font-size:10px;margin:7px 0}}