.character-card::after{display:none}
.character-card::before{background:linear-gradient(180deg,transparent 72%,#030508c9)}
.model-status{position:absolute;inset:45% 12px auto;text-align:center;color:#c8cdd8;font-size:12px;z-index:4;pointer-events:none}
.model-play{position:absolute;right:12px;top:12px;z-index:5;border:1px solid #ffffff30;border-radius:20px;padding:7px 13px;background:#151923dd;color:#fff;cursor:pointer;font:inherit;font-size:11px}
.model-play:focus-visible,.model-credit:focus-visible{outline:2px solid #90c7ff;outline-offset:3px}
.model-credit{display:block;color:#9aa8ba;font-size:10px;margin-top:4px;text-decoration:none}
.model-play:disabled{opacity:.5;cursor:wait}
.model-action{left:12px;right:auto}
:root{--ease-out:cubic-bezier(.23,1,.32,1)}
.character-card{--action-accent:#a6f3c3;--action-ink:#092418}
.character-card[data-model="dragon"]{--action-accent:#ffcb8c;--action-ink:#35200d}
.character-card[data-model="sorceress"]{--action-accent:#dac6ff;--action-ink:#271539}
.model-play{min-height:44px;min-width:68px;display:flex;align-items:center;justify-content:center;border-radius:14px;font-size:12px;font-weight:600;transition:transform 160ms var(--ease-out),opacity 160ms var(--ease-out),background-color 160ms var(--ease-out)}
.model-action{gap:7px;max-width:calc(100% - 168px);background:var(--action-accent);color:var(--action-ink);border-color:transparent;box-shadow:0 0 24px color-mix(in srgb,var(--action-accent) 18%,transparent);padding:9px 13px;text-align:left;justify-content:flex-start}
.model-action svg{width:15px;height:15px;flex:none}
.model-action span{white-space:nowrap}
.model-auto{right:88px;min-width:56px;padding:7px 9px;color:#bac2d0;background:#121722e8}
.model-auto[aria-pressed="true"]{color:var(--action-accent);border-color:color-mix(in srgb,var(--action-accent) 60%,transparent)}
.model-auto[aria-pressed="true"]::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:5px}
.model-play:disabled{cursor:not-allowed}
.model-play:active:not(:disabled){transform:scale(.97);transition-duration:100ms}
@media(hover:hover) and (pointer:fine){.model-play:hover:not(:disabled){transform:translateY(-1px)}.model-action:hover:not(:disabled){background:color-mix(in srgb,var(--action-accent) 82%,white)}}
@media(prefers-reduced-motion:reduce){.model-play{transition:opacity 160ms var(--ease-out),background-color 160ms var(--ease-out)}.model-play:active:not(:disabled),.model-play:hover:not(:disabled){transform:none}}
@media(max-width:480px){.model-play{top:8px;right:8px;min-width:58px;font-size:11px;padding:7px 9px}.model-action{left:8px;right:auto;max-width:calc(100% - 138px);gap:5px}.model-auto{right:74px;min-width:52px}.model-action svg{width:13px;height:13px}.model-action span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.model-action::after{content:attr(data-short-label)}}