#lobby .party-slot,#lobby .preview-slot{display:grid;grid-template-columns:56px minmax(0,1fr) 36px;gap:12px;align-items:center;padding:12px;min-width:0}
#lobby .party-slot>img,#lobby .preview-slot>img{width:56px;height:64px;object-fit:contain}
#lobby .party-slot>div:not(.gear-selector),#lobby .preview-slot>[data-lead]{min-width:0;width:auto;text-align:left}
#lobby .party-slot b,#lobby .preview-slot b{display:block;font:800 16px/1.4 var(--pixel);white-space:normal;word-break:normal;overflow-wrap:normal;letter-spacing:0}
#lobby .gear-selector{grid-column:1/-1;min-width:0;width:100%;padding:12px 0 0;margin:0}
#lobby .gear-selector label{font:700 14px/1.4 var(--pixel);color:#ffe097}
#lobby .gear-selector select{min-height:44px;font-size:16px;max-width:100%}
#lobby .gear-selector small{font:14px/1.5 Arial,sans-serif;margin-top:6px}
#lobby .gear-next{display:block;width:100%;white-space:normal;min-height:44px;margin-top:12px;padding:10px 12px;border:1px solid #d6b254;background:#382737;color:#ffe097;font:700 13px/1.5 var(--pixel);text-align:left}
#lobby .gear-next small{color:#fff4dc}
#lobby .party-slot .remove,#lobby .preview-slot>[data-remove]{width:36px;height:44px;padding:0}
.topbar .brand.mojumon-brand{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-decoration:none}
.mojumon-brand .mojumon-logo{display:block;width:190px;max-width:100%;height:86px;object-fit:contain;image-rendering:auto}
.mojumon-brand small{font-size:12px}
.mastery-brand{display:block;width:220px;margin-bottom:18px}
.mastery-brand img{display:block;width:100%;height:auto}
@media(max-width:480px){#lobby .party-slot,#lobby .preview-slot{grid-template-columns:44px minmax(0,1fr) 32px;gap:8px}#lobby .party-slot>img,#lobby .preview-slot>img{width:44px}#lobby .party-slot b,#lobby .preview-slot b{font-size:14px}.mojumon-brand .mojumon-logo{width:160px;height:76px}}

/* Centered Arena branding, independently balanced against the audio controls. */
.topbar{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(180px,320px) minmax(0,1fr);align-items:center;position:relative}
.topbar .brand.mojumon-brand{grid-column:2;align-items:center;justify-content:center;text-align:center;width:100%;gap:8px}
.mojumon-brand .mojumon-logo{width:300px;height:150px;max-width:100%;object-fit:contain;filter:drop-shadow(0 4px 12px #ff9b2526)}
.topbar .header-actions{grid-column:3;justify-self:end;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.topbar .brand.mojumon-brand small{font-size:14px;letter-spacing:.02em}
.hud-mon-portrait{display:inline-block;padding:0!important;background-color:#211629;background-repeat:no-repeat;overflow:hidden;width:52px!important;height:52px!important;flex:0 0 52px}
.field-unit.radiant>img,.is-radiant{filter:sepia(.8) saturate(2) brightness(1.15) drop-shadow(0 0 9px #ffe665)!important}
.roster-card:has([src*="devoratos"]):has(b),.reward:has([src*="devoratos"]){border-color:#ac8750}
.arena[data-arena="island"]{background-image:url('https://mojumon-artwork.senseicjdojo.workers.dev/assets/arenas/island-v72.png');background-position:center;background-size:100% 100%}
.arena[data-arena="island"] .field-unit[data-slot="a0"]{left:12%;top:33%;width:23%;height:38%}
.arena[data-arena="island"] .field-unit[data-slot="a1"]{left:34%;top:37%;width:23%;height:38%}
.arena[data-arena="island"] .field-unit[data-slot="e0"]{left:67%;top:14%;width:23%;height:34%}
.arena[data-arena="island"] .enemy-huds{width:48%}
@media(max-width:700px){.topbar{grid-template-columns:1fr!important}.topbar .brand.mojumon-brand{grid-column:1}.topbar .header-actions{grid-column:1;justify-self:center;justify-content:center}.mojumon-brand .mojumon-logo{width:240px;height:120px}.hud-mon-portrait{width:40px!important;height:40px!important;flex-basis:40px}}

.topbar>.match-chip{grid-column:1;grid-row:1;justify-self:start;white-space:normal}.topbar>.brand.mojumon-brand,.topbar>.header-actions{grid-row:1}
@media(max-width:700px){.topbar>.brand.mojumon-brand{grid-row:1}.topbar>.header-actions{grid-row:2}.topbar>.match-chip{grid-column:1;grid-row:3;justify-self:center}}

[data-mon="radiant-devoratos"]>img,[data-pick="radiant-devoratos"]>img,[data-owned-key="radiant-devoratos"]>img{filter:sepia(.8) saturate(2) brightness(1.15) drop-shadow(0 0 8px #ffe665)}
.radiant-summary>img,.radiant-summary .summary-portrait>img{filter:sepia(.8) saturate(2) brightness(1.15) drop-shadow(0 0 8px #ffe665)}

.mojumon-brand .mojumon-logo,.mastery-brand img{mix-blend-mode:normal}

/* Approved Radiant art retains its colors; only add the reward glow. */
img[src*="guardians/"][src*="-radiant-"],.is-radiant[style*="guardians/"]{filter:drop-shadow(0 0 9px #ffe665)!important}

img[src*="astralong-radiant-"],.is-radiant[style*="astralong-radiant-"]{filter:drop-shadow(0 0 9px #bba1ff)!important}

/* Battle controls replace the large lobby banner. */
body.battle-toolbar-active .topbar{display:none!important}
.compact-battle-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1px solid #806536;background:#2a1c32;min-width:0}
.solo-battle-heading{grid-column:1/-1;border:1px solid #4e3a58}
.compact-battle-toolbar>span:first-child{min-width:0;overflow-wrap:anywhere}
.battle-toolbar-actions,.battle-toolbar-actions .header-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.battle-toolbar-actions{justify-content:flex-end;margin-left:auto}
.compact-battle-toolbar .battle-toolbar-actions button{width:auto;height:auto;min-height:36px;min-width:0;padding:8px 10px;font:12px/1.3 var(--pixel);white-space:nowrap}
.compact-battle-toolbar #battleSummary small{display:none}
@media(max-width:600px){.compact-battle-toolbar{flex-wrap:wrap;gap:6px;padding:8px}.battle-toolbar-actions{flex-basis:100%;justify-content:flex-end}.compact-battle-toolbar .battle-toolbar-actions button{font-size:10px;min-height:36px;padding:7px}}

.topbar .header-actions #soundBtn,.topbar .header-actions #sound{width:auto;min-width:110px;flex:0 0 auto;height:auto;min-height:40px;white-space:nowrap;padding:8px 12px;font:12px/1.3 var(--pixel)}

/* Rivakai ships with approved Radiant recolor art; preserve that palette exactly. */
img[src*='rivakai-radiant-'],.is-radiant[style*='rivakai-radiant-']{filter:drop-shadow(0 0 9px #d95cff)!important}

/* Arboreign ships with approved Radiant recolor art; do not recolor it again in UI. */
img[src*='arboreign-radiant-'],.is-radiant[style*='arboreign-radiant-']{filter:none!important}

img[src*='enjuro-radiant-'],.is-radiant[style*='enjuro-radiant-']{filter:drop-shadow(0 0 9px #69d8ff)!important}