/* Information uses a consistent screen font; fantasy titles keep their artwork. */
:root { --font-ui: "Segoe UI", Arial, sans-serif; }
body,button,input,select,textarea { font-family:var(--font-ui); }
#hud,.plate,.ability-tooltip,.menu-ability,.player-slot,.team-frame { font-family:var(--font-ui); font-variant-numeric:tabular-nums; }
.plate { min-width:112px; }
.plate .pname { font:600 13px/18px var(--font-ui); text-shadow:0 1px 3px #000,0 0 4px #000; }
.plate .pbar { position:relative; height:16px; width:112px; overflow:hidden; }
.plate .pbar .plate-hp { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font:700 11px/16px var(--font-ui); color:#fff; z-index:3; white-space:nowrap; text-shadow:0 1px 2px #000,1px 0 2px #000,-1px 0 2px #000; }
.plate .pcast b { font:600 11px/15px var(--font-ui); }
.combat-dock .hp .hp-text { font:700 12px/15px var(--font-ui); }
.combat-dock .slot .cd { font-family:var(--font-ui); font-weight:700; font-variant-numeric:tabular-nums; }
.field-label,.play-panel label,.lobby-meta,.player-slot small,.menu-tools button { font-family:var(--font-ui); font-size:13px; }
.menu-ability .ability-name,.hero-detail .ability-name { font-size:12px; line-height:1.35; }

#select .menu-footer { justify-content:flex-end; min-height:32px; border-top:0; }
#select .menu-footer>a { font:500 12px/1.5 var(--font-ui); color:#aebebf; }
#select .menu-footer .support-link{display:inline-flex;align-items:center;gap:7px;margin-left:auto;padding:3px 11px 3px 5px;border:1px solid #b4935d88;background:linear-gradient(110deg,#142f39e8,#24323ae8);color:#f4deb0;text-decoration:none;box-shadow:inset 0 1px #ffebba28,0 3px 14px #0005;white-space:nowrap;transition:filter .15s,transform .15s}
#select .menu-footer .support-link img{width:30px;height:30px;flex:none;filter:drop-shadow(0 0 5px #edbd6555)}
#select .menu-footer .support-link:hover{filter:brightness(1.2);transform:translateY(-1px)}
#select .menu-footer .support-link:focus-visible{outline:2px solid #f2d18b;outline-offset:3px}
#select .menu-footer .support-link+.support-link{margin-left:0}
#select .menu-footer .support-link~a{margin-left:12px}
#select .menu-footer .support-arrow{font-size:15px;color:#d7b375}
@media(max-width:440px){#select .menu-footer .support-link{padding-right:7px;font-size:11px}#select .menu-footer .support-link img{width:25px;height:25px}}
@media(prefers-reduced-motion:reduce){#select .menu-footer .support-link{transition:none}}
#select .online-presence{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;color:#bed7cd;font:600 11px/1 var(--font-ui);letter-spacing:.03em}
#select .online-presence[hidden]{display:none}
#select .online-presence i{width:7px;height:7px;border-radius:50%;background:#66ddaa;box-shadow:0 0 7px #66ddaa}
#select .online-presence b{color:#eff5e1;font-variant-numeric:tabular-nums}