/* Opaque, single circular rims: no gradient visible underneath translucent borders. */
.battle-team .team-emblem{background-clip:padding-box!important;outline:none;overflow:hidden;isolation:isolate}
.battle-team.orange .team-emblem{border-color:#ffceb7}
.battle-team.teal .team-emblem{border-color:#a6e6e8}
:root[data-theme=dark] .battle-team.orange .team-emblem{border-color:#be7955!important;outline:none!important}
:root[data-theme=dark] .battle-team.teal .team-emblem{border-color:#4d969a!important;outline:none!important}
/* Keep the reel's continuous colour layer and its cards consistent in dark mode. */
:root[data-theme=dark] .battle-card:after{box-shadow:inset 0 0 0 1.5px #ffffff50,inset 0 3px 5px #ffffff14}
:root[data-theme=dark] .battle-probability:after{box-shadow:inset 0 0 0 1.5px #ffffff50,inset 0 3px 5px #ffffff14}
:root[data-theme=dark] .is-settled .battle-card.is-winner{box-shadow:0 0 0 2px #202329,0 0 0 4px var(--team),0 5px 14px color-mix(in srgb,var(--team) 22%,transparent)}
@media(min-width:1500px){
 /* Battle/Dice histories have variable row counts. They do not define the chat height. */
 .layout.with-chat.is-secondary-mode:not(.layout--bonuses)>.ruvi-chat{grid-row:1;min-height:0}
}
/* The portrait cutout uses the panel tone instead of a heavy black double rim. */
:root[data-theme=dark] .avatar{box-shadow:0 0 0 2px #252a31}
/* Every JackPot status uses the same centered group as the winner announcement. */
#round-banner:not(.winner){justify-content:center}
#round-banner:not(.winner) .banner-text{min-width:0;text-align:center}
#round-banner:not(.winner) .banner-icon{flex:none}
/* Battle status copy follows the same centered composition as JackPot. */
.battle-banner:not(.has-winner){justify-content:center}
.battle-banner:not(.has-winner)>div{min-width:0;text-align:center}
/* The countdown and the round status already communicate the phase. */
#timer-caption,#battle-clock-caption{display:none!important}
/* One shared sound/fairness toolbar in JackPot, Battle and Dice. */
.game-heading>.game-tools{display:flex;justify-self:end;align-items:center;gap:2px}
.game-heading>.game-tools .icon-button:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
@media(max-width:760px){
 .game-heading{grid-template-columns:minmax(0,1fr) auto}
 .game-heading>div:first-child{min-width:0}
 .game-heading>.game-tools{gap:0}
 .game-heading>.game-tools .icon-button{width:44px;height:44px}
 .game-heading .round-meta,.game-heading .mode-round-meta{flex-wrap:wrap;white-space:normal;row-gap:5px}
}