/* Illustrated active effects stay together at the right edge of the playfield. */
.power-status-list{position:absolute;right:3%;left:auto;top:16%;width:11.65cqw;display:flex;flex-direction:column;gap:.34cqw;pointer-events:none;z-index:6}
.power-status-card{position:relative;isolation:isolate;display:flex;align-items:center;height:3.75cqw;min-height:3.75cqw;padding:.42cqw .7cqw .45cqw .45cqw;gap:.24cqw;filter:drop-shadow(0 .15cqw .32cqw #02091499)}
.power-status-card::before{content:'';position:absolute;inset:0;z-index:-2;background:url('../../public/assets/ui-v5/collection-card.png') center/100% 100% no-repeat;pointer-events:none}
.power-status-fill{position:absolute;inset:9% 5.3% 12%;z-index:-1;transform:scaleY(var(--effect-remaining,1));transform-origin:center bottom;background:linear-gradient(90deg,color-mix(in srgb,var(--effect-color) 38%,transparent),color-mix(in srgb,var(--effect-color) 23%,transparent));border-top:1px solid color-mix(in srgb,var(--effect-color) 85%,transparent);box-shadow:inset 0 .12cqw .6cqw color-mix(in srgb,var(--effect-color) 24%,transparent);will-change:transform}
.power-status-card .item-art{position:relative;flex:0 0 2.9cqw;width:2.9cqw;height:2.9cqw;background-size:var(--icon-background-size);background-position:var(--icon-background-position);background-repeat:no-repeat;filter:drop-shadow(0 0 .25cqw color-mix(in srgb,var(--effect-color) 25%,transparent))}
.power-status-copy{min-width:0;flex:1;padding-bottom:.06cqw;text-shadow:0 .08cqw .16cqw #000;transform:skewY(.8deg)}
.power-status-copy>b{display:block;white-space:nowrap;font-size:.69cqw;line-height:1.2;letter-spacing:.025cqw;font-weight:800;color:var(--effect-color)}
.power-status-detail{display:flex;align-items:baseline;justify-content:space-between;gap:.18cqw;margin-top:.28cqw}
.power-status-detail small{font-size:.41cqw;line-height:1;white-space:nowrap;letter-spacing:.02cqw;color:#c5dce8}
.power-status-time{font-size:.65cqw;line-height:1;color:#f2faff;font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-aspect-ratio:1/1){
 .power-status-list{top:4%;right:3%;width:31cqw;gap:.65cqw}
 .power-status-card{height:9.2cqw;min-height:9.2cqw;padding:1cqw 1.9cqw 1.1cqw .9cqw;gap:.3cqw}
 .power-status-card .item-art{width:7.3cqw;height:7.3cqw;flex-basis:7.3cqw}
 .power-status-copy>b{font-size:1.9cqw;letter-spacing:.03cqw}
 .power-status-detail{gap:.3cqw;margin-top:.75cqw}
 .power-status-detail small{font-size:1.05cqw;letter-spacing:.01cqw}
 .power-status-time{font-size:1.75cqw}
}