.character-card-image{position:relative;width:min(100%,180px);margin:0 auto;isolation:isolate;border-radius:13px;overflow:hidden;background:#f2f0eb}
.character-card-image>img{width:100%;margin:0}.character-task-active .character-card-image>img{opacity:.58;transition:opacity .2s}
[data-character-task-visual]{position:absolute;inset:0;pointer-events:none}
.character-task-animation{position:absolute;inset:0;background:linear-gradient(160deg,#eef4ff33,#8bb4f44d);display:grid;place-items:center}
.character-task-scan{position:absolute;inset:-70% 0 70%;background:linear-gradient(180deg,transparent,#e9f2ff99,transparent);animation:character-task-scan 3.5s ease-in-out infinite}
.character-task-orbit{width:34px;height:34px;border:2px solid #fff9;border-top-color:#477bde;border-radius:50%;animation:character-task-orbit 1.2s linear infinite;box-shadow:0 0 0 8px #ffffff55}
.character-task-copy{border:1px solid #e3ebf8;border-radius:13px;padding:12px;margin-top:14px;background:#f4f7fc;color:#536a8c;line-height:1.6}
.character-task-copy strong{display:block;font-size:13px;font-weight:600}.character-task-copy p{font-size:11px;margin:5px 0 0;color:#778397}.character-task-fee{display:block;font-size:11px;margin-top:7px}
.character-task-copy[data-task-tone=attention]{background:#fcf7ef;border-color:#f1e6d5;color:#987447}.character-task-copy[data-task-tone=complete]{background:#f2f7f3;border-color:#e0ebe3;color:#52795f}
.character-task-actions{display:flex;flex-wrap:wrap;gap:6px}.character-task-actions:empty{display:none}.character-task-actions button{font-size:12px;min-height:44px;padding:8px 12px;margin-top:8px}
.character-task-copy:focus-visible{outline:3px solid #93b4f3;outline-offset:3px}
@keyframes character-task-scan{from{transform:translateY(0)}to{transform:translateY(140%)}}
@keyframes character-task-orbit{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.character-task-scan,.character-task-orbit{animation:none}.character-task-active .character-card-image>img{transition:none}}