/* Clip original screenshot artwork without changing its pixels or colors. */
.effect-icon{--effect-icon-size:24px;display:inline-block;position:relative;width:var(--effect-icon-size);height:var(--effect-icon-size);overflow:hidden;vertical-align:-.35em;margin-inline-end:6px;border-radius:4px;flex:none}
.effect-icon>img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;margin:0;border:0;border-radius:0;box-shadow:none}
.effect-icon--sprite>img{position:absolute;object-fit:fill}
.named-effect h5 .effect-icon{--effect-icon-size:28px;vertical-align:-.45em}
.row label .effect-icon{--effect-icon-size:20px}
.effect>b .effect-icon{--effect-icon-size:26px}
.effect-choice .effect-icon{--effect-icon-size:22px;align-self:center}
.effect-choice .effect-choice-label{font-size:inherit;color:inherit;white-space:normal;min-width:0}
.opponent-mechanic b .effect-icon{--effect-icon-size:24px}
@media(max-width:580px){.effect-icon{--effect-icon-size:22px}.named-effect h5 .effect-icon{--effect-icon-size:26px}}
.effect-removal{display:inline-block;margin:0 .4em 0 .45em;padding:1px 5px;border:1px solid; border-radius:4px;vertical-align:.08em;font-size:10px;font-weight:600;line-height:1.5;white-space:nowrap;letter-spacing:0}
.effect-removal--removable{color:#86ead1;background:#173a38;border-color:#356d62}
.effect-removal--blocked{color:#e5c9a3;background:#362e26;border-color:#695846}
.effect-removal--conditional{color:#e1c7ff;background:#30243e;border-color:#70518b}
.effect-removal--unknown{color:#a9b6c8;background:#182232;border-color:#354359}
.effect-removal-guide{margin:12px 0;color:#a7b7cc;font-size:12px;line-height:1.7}
.effect-removal-guide summary{cursor:pointer;color:#c6d3e4}
.effect-removal-guide p{margin:6px 0}
.effect-removal-note{font-size:12px;color:#c6d3e4;border-left:2px solid #536780;padding-left:9px}
