/* start screen: multiplayer folded away behind one button */
details.mp{display:flex;flex-direction:column;gap:8px}
details.mp>summary{list-style:none;cursor:pointer;align-self:center;font-family:var(--display);font-size:15px;letter-spacing:.08em;text-transform:uppercase;padding:4px 14px;user-select:none}
details.mp>summary::-webkit-details-marker{display:none}
details.mp>summary::after{content:" ▾";font-size:.8em;opacity:.7}
details.mp[open]>summary::after{content:" ▴"}

/* race picker: names only, centred; the brood writes its own name in its own script */
.race button{justify-content:center!important;align-items:center!important;text-align:center!important}
.race button b{width:100%;text-align:center}
.race button[data-r="1"] b{font-family:"Brutschrift",sans-serif!important;font-weight:400;font-size:24px;letter-spacing:.05em}

/* more breathing room for the lettering */
#console[data-mode="bld"]:has(.avatar.on) .ucard.sel .ub{padding:0 4.2cqw 0 4.6cqw!important}
#console[data-mode="bld"]:has(.avatar.on) .uprow .mini{padding:0 3.6cqw 0 4cqw!important}
.console .units .ub{padding:5px 4px 4px 5px!important;border-width:5px 8px!important;border-image-width:5px 8px!important}
.console .ups .ub{padding:5px 6px 4px 7px!important}
.console .mini{padding:3px 4px 2px 5px!important}
.console .ub .c,.console .ub .s,.console .ub .n{white-space:nowrap}
.console .units .ub .n{padding-right:0!important;overflow:visible!important;text-overflow:clip!important}
.console .units .ub .c{padding-right:18px}
.console .units .ub .cnt{right:4px!important;bottom:4px!important}
body.liz .console .units .ub .n{font-size:12px!important;letter-spacing:0!important}
.console .units .ub .n.long,body.liz .console .units .ub .n.long{font-size:10.5px!important}

.console .units .ub .n.xl,body.liz .console .units .ub .n.xl{font-size:9px!important}
/* difficulty buttons take the frame of the race picked above */
#diff[data-race="0"] button{border-width:6px 16px!important;border-image:var(--lgframe) 72 268 72 268 fill / 6px 16px stretch!important;padding-left:2px!important;padding-right:2px!important;min-width:0}
#diff{flex-wrap:nowrap!important}
#diff[data-race="2"] button{border-width:9px 13px 4px!important;border-image:var(--chframe) 85 120 38 120 fill / 9px 13px 4px stretch!important}
#diff[data-race="0"] button::before,#diff[data-race="2"] button::before{display:none!important}

/* opponent race picker: each choice in its race's frame */
.foe{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:nowrap}
.foe .foelbl{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-right:2px}
.foe button{position:relative;font-size:12px;padding:2px 5px!important;opacity:.7;min-width:0;--bt:6px;--bs:12px;
  border-style:solid!important;border-color:transparent!important;border-width:6px 12px!important;border-image:var(--lzframe) 44 86 44 86 fill / 6px 12px stretch!important;background:transparent!important;color:#f3e3c2!important;border-radius:0!important}
.foe button[data-f="0"]{border-width:6px 14px!important;border-image:var(--lgframe) 72 268 72 268 fill / 6px 14px stretch!important}
.foe button[data-f="1"]{font-family:"Brutschrift",sans-serif}
.foe button[data-f="2"]{border-width:8px 11px 4px!important;border-image:var(--chframe) 85 120 38 120 fill / 8px 11px 4px stretch!important}
.foe button[aria-pressed="true"]{opacity:1;filter:brightness(1.2) drop-shadow(0 0 6px rgba(242,193,78,.55))}

/* the overlay wrappers use inline flex; keep [hidden] winning */
#ovMenu[hidden],#ovWait[hidden],#ovEnd[hidden],#mpOn[hidden]{display:none!important}