.creature-token{display:inline-block;position:relative;width:72px;height:86px;flex:none;filter:drop-shadow(0 5px 6px #0008)}.creature-token img{width:100%;height:100%;object-fit:cover;border-radius:45% 45% 15% 15%;border:2px solid #c3a168;background:#102330;box-shadow:inset 0 0 0 3px #15232a}.creature-token:after{content:'';position:absolute;left:-6%;right:-6%;bottom:-4%;height:12%;background:linear-gradient(#cba45e,#473b2a);border:2px solid var(--owner,#bfa065);border-radius:50%;box-shadow:0 4px 0 #09131e}.creature-token i{position:absolute;left:50%;bottom:0;transform:translateX(-50%);font:10px Georgia;color:#fff0b1;text-shadow:0 1px 3px #000;z-index:1}
.creature-companion{display:flex;align-items:center;gap:16px;padding:15px;margin:12px 0;background:radial-gradient(ellipse at 0 50%,#9e7a3638,transparent 65%),linear-gradient(130deg,#1b2c35,#0d1c26);border:1px solid #bda16777;border-radius:14px;box-shadow:0 7px 20px #0002}.creature-companion>div{min-width:0;flex:1}.creature-companion>div>small{display:block;font:8px system-ui;letter-spacing:.15em;color:#b79e72}.creature-companion strong{display:block;font:24px Georgia;color:#f0d39b;margin:5px 0}.creature-companion em{display:block;font:11px/1.5 system-ui;color:#b6cbca}.creature-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.creature-stats>span{display:flex;flex-direction:column;gap:2px}.creature-stats b{font:12px system-ui;color:#e7c991}.creature-stats small{font:8px system-ui;color:#91acb5}.creature-companion.is-muted .creature-token{filter:grayscale(.65) drop-shadow(0 4px 6px #0007)}.creature-companion .btn{margin-top:10px;padding:8px 12px;min-height:40px}
.creature-homes{border:0;margin:20px 0;padding:0;display:grid;gap:8px}.creature-homes legend{font:23px Georgia;color:#e4c38a;margin-bottom:12px}.creature-homes>div:has([data-creature-home]){display:grid;gap:8px}.creature-homes button[data-creature-home],.creature-homes button[data-attach-creature]{display:grid;gap:6px;text-align:left;padding:15px;border:1px solid #7e9d9e55;border-radius:10px;background:#19313955;min-height:62px}.creature-homes b{font:18px Georgia;color:#e4ce9e}.creature-homes button span,.creature-homes button small{font:11px system-ui;color:#9abec2}.creature-homes button[aria-pressed=true]{border-color:#eccd85;background:#98753333;box-shadow:inset 3px 0 #ddbd77}.creature-homes p,.creature-rule{font:11px/1.7 system-ui;color:#a9bfbb}.creature-homes button:disabled{opacity:.4}
.zone .zone-creature{display:flex;align-items:center;justify-content:center;gap:4px;margin:3px auto 0;padding:3px 6px;background:#102631ed;border:1px solid var(--owner,#c5a15d);border-radius:12px;box-shadow:0 3px 9px #0008;color:#f5dca5;font-size:9px;white-space:nowrap}.zone-creature img{width:23px;height:26px;object-fit:cover;border:1px solid #ddbd78;border-radius:6px}.zone-creature b{font-size:9px;font-weight:400;max-width:75px;overflow:hidden;text-overflow:ellipsis}.zone-creature small{display:none}.zone.selected .zone-creature small{display:block;font-size:8px;color:#a9dace}.zone.has-creature .zone-pin{box-shadow:0 0 13px color-mix(in srgb,var(--owner),transparent 30%)}.zone.has-creature .zone-pin:after{content:' + ◆';font-size:9px;color:#e9ca80}.drag-ghost.creature-march{font-size:13px;border:1px solid #dfc37a}.drag-ghost.creature-march img{width:34px;height:40px;object-fit:cover;border-radius:8px;margin-right:7px;vertical-align:middle}
.creature-carry{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #bba26e66;border-radius:12px;background:#15303966}.creature-carry input{width:22px;height:22px;flex:none}.creature-carry span{font-size:13px}.creature-carry small{display:block;color:#91b8bc;font-size:10px;margin-top:5px}.creature-rule strong{color:#e8c78d}.profile-creatures>h3{font:26px Georgia;color:#e8ca91;margin:23px 0 14px}
.war-army .army-formation:has(.creature-companion){max-width:100%;padding-right:130px}.war-army .creature-companion{padding:10px;gap:10px;background:#0d2439bb}.war-army .creature-companion .creature-token{width:52px;height:65px}.war-army .creature-companion strong{font-size:19px}.war-army .creature-stats{gap:7px}.war-army .creature-companion em{font-size:9px}.bs-creature{position:absolute;left:3%;bottom:0;width:90px;z-index:5;text-align:center;filter:drop-shadow(0 8px 9px #0008);pointer-events:none}.defender .bs-creature{left:auto;right:3%}.bs-creature .creature-token{width:74px;height:95px}.bs-creature>b{display:block;font:13px Georgia;color:#ffe0a3;text-shadow:0 2px 3px #000;margin-top:8px}.bs-creature>small{display:block;font:8px system-ui;color:#a9d4d8}.bs-creature.is-silenced .creature-token{filter:grayscale(1);opacity:.6}.bs-creature.is-silenced:before{content:'⊘';position:absolute;inset:8px 0 auto;color:#b4f1e4;font:55px Georgia;z-index:7;text-shadow:0 0 20px #5baca5}
.bs-battle:has(.bs-dots i:nth-child(5).now) .bs-creature.will-return,.bs-battle:has(.bs-dots i:nth-child(6).now) .bs-creature.will-return{opacity:.3;transform:translateY(-20px);transition:opacity .9s,transform .9s}.outcome-creature{display:flex;flex-direction:column;align-items:center;gap:12px;align-self:center}.outcome-creature small{font:11px Georgia;color:#c2e0d6}.bs-outcome.go .return-to-tile .creature-token{animation:creature-return 2.2s .7s both}.bs-outcome.retreat.go .outcome-creature{animation:creature-retreat 1.5s ease-in both}
@keyframes creature-return{0%,20%{filter:drop-shadow(0 0 10px #7ddbcf);transform:translateY(0);opacity:1}100%{filter:drop-shadow(0 0 18px #7ddbcf);transform:translateY(-65px) scale(.6);opacity:0}}@keyframes creature-retreat{to{transform:translateX(-80px);opacity:0}}
@media(max-height:600px) and (orientation:landscape){.zone .zone-creature{font-size:7px;padding:2px 4px;gap:3px}.zone-creature img{width:18px;height:21px}.zone-creature b{font-size:7px}.zone:not(.selected) .zone-creature b{display:none}.bs-creature{width:55px}.bs-creature .creature-token{width:43px;height:58px}.bs-creature>b{font-size:9px}.bs-creature>small{font-size:6px}.war-army .army-formation:has(.creature-companion){padding-right:0}.war-army .creature-companion{max-width:75%}.creature-companion .creature-token{width:57px;height:70px}.creature-companion strong{font-size:21px}}
@media(max-width:500px){.creature-companion{padding:12px;gap:12px}.creature-companion strong{font-size:21px}.creature-token{width:58px;height:73px}.war-army .army-formation:has(.creature-companion){padding-right:0}.bs-creature{width:55px}.bs-creature .creature-token{width:43px;height:58px}.bs-creature>b{font-size:9px}.bs-creature>small{font-size:6px}}
@media(prefers-reduced-motion:reduce){.creature-token,.outcome-creature,.bs-creature{animation:none!important;transition:none!important}}