/* Kept in normal flow: effects never cover the portrait, aura or HP. */
.lb-badges.bi-battle-top{align-items:flex-start;justify-content:center;gap:5px;min-height:22px;margin:0 0 5px;text-shadow:none;position:relative}
.bi-battle-top>.bi-gear{flex:0 0 22px;display:flex;align-items:center;justify-content:center;padding-top:5px}
.bi-battle-top>.bi-gear:empty{display:none}
.bi-seals{box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 9px;max-width:100%;min-width:0;padding:6px 8px 7px;border-radius:12px;border:1px solid #a48a5447;background:linear-gradient(135deg,#192a26ed,#151f1de8);box-shadow:0 3px 8px #0003}
.bi-badge{box-sizing:border-box;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;outline:none;text-decoration:none!important;text-shadow:none!important}
.bi-badge[data-bi-effect]{--bi-color:#9ff5c9;display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;flex:0 0 51px;gap:6px;color:var(--bi-color)!important;font:700 9px/1.15 Verdana,Arial,sans-serif!important;letter-spacing:0;text-transform:none;padding:0;margin:0;min-width:0;max-width:65px}
.bi-badge[data-tone="up"]{--bi-color:#9ff5c9}.bi-badge[data-tone="down"]{--bi-color:#ffadb2}.bi-badge[data-tone="burn"]{--bi-color:#ffba85}.bi-badge[data-tone="sleep"]{--bi-color:#c5b4ff}.bi-badge[data-tone="poison"]{--bi-color:#e2a0ef}.bi-badge[data-tone="para"]{--bi-color:#f5d97e}.bi-badge[data-tone="freeze"]{--bi-color:#9deaff}.bi-badge[data-tone="conf"]{--bi-color:#f5b7df}
.bi-coin{box-sizing:border-box;width:36px;height:36px;display:grid;place-items:center;position:relative;border:1px solid var(--bi-color);border-radius:50%;outline:1px solid #0007;outline-offset:-4px;background:radial-gradient(circle at 35% 22%,#fff4,transparent 62%),#2c3029;box-shadow:0 2px 5px #0008,inset 0 0 7px #0004;transition:box-shadow .25s ease,background-color .25s ease}
.bi-symbol{display:block;width:21px;height:23px;filter:drop-shadow(0 1px 1px #0008)}
.bi-value{position:absolute;bottom:-4px;right:-8px;min-width:20px;box-sizing:border-box;padding:2px 3px;border:1px solid var(--bi-color);border-radius:4px;background:#202822;color:var(--bi-color);font:700 9px/1 Verdana,Arial,sans-serif;white-space:nowrap;box-shadow:0 1px 3px #0006}
.bi-label{display:block;max-width:100%;white-space:nowrap;text-align:center;min-height:11px;color:inherit}
.bi-badge[data-bi-effect]:hover .bi-coin,.bi-badge[data-bi-effect]:focus-visible .bi-coin{background-color:#3b4437;box-shadow:0 0 0 2px #eed5a7,0 0 12px #b3cfab40}
.bi-badge[data-bi-rank]{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:27px;height:29px;margin:-4px 1px -3px;flex:0 0 27px;border-radius:5px;color:var(--bi-rank);transition:filter .25s ease}
.bi-crystal{width:27px;height:27px;display:block;overflow:visible;filter:drop-shadow(0 2px 2px #0007)}
.bi-badge[data-bi-rank]:hover,.bi-badge[data-bi-rank]:focus-visible{background:#c9b28320;outline:1px solid var(--bi-rank);outline-offset:1px;filter:brightness(1.15)}
.bi-tooltip{position:fixed;z-index:2147483000;box-sizing:border-box;width:max-content;max-width:min(290px,calc(100vw - 16px));padding:12px 14px;border:1px solid #ac8950;border-radius:10px;background:linear-gradient(140deg,#322a20,#1e1c16);box-shadow:0 8px 25px #0008;color:#eddec3;font:12px/1.55 Verdana,Arial,sans-serif;text-align:left;text-shadow:none;pointer-events:none;animation:bi-tip-in .16s ease-out}
.bi-tooltip[hidden]{display:none}
.bi-tooltip small{display:block;font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:#bc9d6a;margin-bottom:4px}
.bi-tooltip strong{display:block;font:700 17px/1.25 Georgia,serif;color:#f6ddb0;margin-bottom:7px}
.bi-tooltip>span{display:block;color:#e3d7c1}
@keyframes bi-tip-in{from{opacity:0}to{opacity:1}}
.app-mode .lb-app-col .bi-seals{gap:5px 7px;padding:5px 6px 6px}
.app-mode .lb-app-col .bi-badge[data-bi-effect]{flex-basis:43px;font-size:8px!important}
.app-mode .lb-app-col .bi-coin{width:32px;height:32px}
.app-mode .lb-app-col .bi-symbol{width:19px;height:21px}
.app-mode .lb-app-col .bi-value{font-size:8px;right:-6px}
@media(max-width:640px){.bi-seals{gap:6px 8px}.bi-badge[data-bi-effect]{flex-basis:47px}.bi-tooltip{font-size:11px}.bi-tooltip strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.bi-badge,.bi-coin{transition:none}.bi-tooltip{animation:none}}