.dino-art{display:block;width:100%;height:100%;overflow:visible}
.card-portrait .dino-art{width:93%;height:55px;filter:drop-shadow(1px 3px 0 rgba(50,80,62,.16))}
.hand-icon .dino-art{height:40px;filter:drop-shadow(1px 2px 0 rgba(50,80,62,.18))}
.unit-icon .dino-art{width:36px;height:31px}
.mining-dino #trainingAvatar{display:block;width:69px;height:54px}.mining-dino .dino-art{width:69px;height:54px}
.arena-effects{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden}
.spawn-effect{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:55px;transform:translate(-50%,-50%);color:#274b44;font-weight:1000;text-shadow:0 1px 0 #fff;animation:fx-burst .9s ease-out both}
.spawn-effect::before{content:"";position:absolute;width:30px;height:30px;border:4px solid var(--fx-color);border-radius:50%;box-shadow:0 0 20px var(--fx-color);animation:fx-ring .8s ease-out both}
.spawn-effect span{z-index:1;font-size:28px;filter:drop-shadow(0 2px 0 #fff)}.spawn-effect small{z-index:1;padding:1px 5px;border-radius:9px;background:#fff8d7;font-size:10px;white-space:nowrap}
.spawn-effect.enemy small{background:#ffe3da;color:#9c4c49}.spawn-effect.fx-swish{animation:fx-swish .9s ease-out both}.spawn-effect.fx-ring{animation:fx-float .9s ease-out both}
@keyframes fx-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-20deg)}35%{opacity:1;transform:translate(-50%,-65%) scale(1.15)}100%{opacity:0;transform:translate(-50%,-125%) scale(.8)}}
@keyframes fx-swish{0%{opacity:0;transform:translate(-130%,-50%) scale(.4) rotate(-30deg)}35%{opacity:1;transform:translate(-50%,-65%) scale(1.1) rotate(12deg)}100%{opacity:0;transform:translate(10%,-120%) scale(.85)}}
@keyframes fx-float{0%{opacity:0;transform:translate(-50%,-30%) scale(.5)}35%{opacity:1;transform:translate(-50%,-70%) scale(1)}100%{opacity:0;transform:translate(-50%,-140%) scale(1.15)}}
@keyframes fx-ring{0%{opacity:.9;transform:scale(.25)}100%{opacity:0;transform:scale(2.4)}}
.battle-mode .hand-card{min-height:105px;padding:7px 5px}.battle-mode .hand-icon .dino-art{height:54px}.battle-mode .hand-card strong{font-size:13px}.battle-mode .hand-card small{font-size:10px}.battle-mode .hand-slot{min-height:105px}
@media(min-width:781px) and (max-width:1150px){.game-layout{grid-template-columns:280px minmax(0,1fr)}}
@media(max-width:900px){.battle-mode .battle-hand{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:560px){.battle-mode .hand-card{min-height:80px;padding:4px 3px}.battle-mode .hand-icon .dino-art{height:39px}.battle-mode .hand-card strong{font-size:11px}.battle-mode .hand-card small{font-size:8px}.battle-mode .hand-slot{min-height:80px}.unit-icon .dino-art{width:32px;height:29px}}