/* Original HF AbnormalStatusWnd: 24px icons / 12 columns / AbnormalBack. */
.v4-world-effects{position:fixed;top:112px;left:16px;z-index:5;display:flex;flex-direction:column;gap:3px;color:#dedede;font:11px/14px Arial,sans-serif;text-shadow:1px 1px #000;user-select:none}
.v4-effect-row{display:grid;grid-template-columns:repeat(12,24px);gap:2px}
.v4-effect-icon{position:relative;width:24px;height:24px;background:var(--effect-back) center/100% 100%;outline:none}
.v4-effect-icon>img{display:block;width:24px;height:24px;pointer-events:none}
.v4-effect-icon>b{display:block;text-align:center;font-size:9px;line-height:24px}
.v4-effect-icon>small{position:absolute;right:1px;bottom:0;font-size:9px;line-height:10px;background:#0009;pointer-events:none}
.v4-effect-icon:focus-visible{outline:1px solid #ffe3a0}
.v4-effect-tooltip{position:fixed;box-sizing:border-box;min-width:144px;width:max-content;max-width:min(320px,calc(100vw - 8px));padding:5px 7px;border:4px solid transparent;border-image:var(--effect-tooltip) 4 fill / 4px stretch;z-index:1000;pointer-events:none;color:#fff;font:12px/16px Arial,sans-serif;text-shadow:1px 1px #000}
.v4-effect-tooltip p{margin:6px 0 0;color:#b2becf;white-space:pre-line}
.v4-effect-tooltip[hidden]{display:none}
@media(max-width:360px){.v4-effect-row{grid-template-columns:repeat(10,24px)}}