/* CasinoMyAss hamster: full-width interactive footer card, original 30 pencil
   drawings. Animations are brief and run ONLY on a visitor tap. */
.cma-trust-footer.cma-trust-footer-hamster{margin-top:16px;padding-top:12px}
.cma-trust-footer-hamster .cma-hamster{
 display:flex;flex-direction:column;align-items:center;justify-content:center;
 box-sizing:border-box;width:calc(100% + 40px);max-width:none;
 padding:0;margin:0 -20px 16px;position:relative;
 font-family:inherit;color:#41685a;
}
.cma-hamster *{box-sizing:border-box}
.cma-hamster-button{
 position:relative;display:block;width:100%;height:182px;max-width:100%;margin:0;padding:0;
 border:1px solid rgba(43,95,77,.32);border-radius:20px;background:rgba(238,249,239,.32);
 box-shadow:0 3px 0 rgba(63,110,84,.17),0 6px 13px rgba(35,80,61,.08),inset 0 1px 0 rgba(255,255,255,.48);
 cursor:pointer;touch-action:manipulation;user-select:none;-webkit-tap-highlight-color:transparent;
 overflow:hidden;
 transition:transform .16s ease-out,background-color .16s ease-out,border-color .16s ease-out,box-shadow .16s ease-out;
}
.cma-hamster-button:hover{
 transform:translateY(-2px);border-color:rgba(32,100,74,.6);
 background:rgba(240,251,242,.54);
 box-shadow:0 5px 0 rgba(63,110,84,.16),0 10px 18px rgba(35,80,61,.12),inset 0 1px 0 rgba(255,255,255,.58);
}
.cma-hamster-button:active{transform:translateY(2px) scale(.995);background:rgba(212,234,217,.58);box-shadow:0 1px 0 rgba(63,110,84,.17),inset 0 2px 6px rgba(37,84,62,.12)}
.cma-hamster-button:focus-visible{outline:3px solid #2d8066;outline-offset:3px}
@keyframes cma-hamster-touch-bop{
 0%{transform:translateY(0) scale(1)}
 35%{transform:translateY(2px) scale(.99)}
 72%{transform:translateY(-2px) scale(1.01)}
 100%{transform:translateY(0) scale(1)}
}
.cma-hamster-button.cma-hamster-boop{animation:cma-hamster-touch-bop .28s cubic-bezier(.16,.8,.24,1) both}
.cma-hamster-frame{
 position:absolute;top:50%;left:50%;width:190px;height:134px;
 background-repeat:no-repeat;background-size:600% 500%;
 background-position:var(--hx,0%) var(--hy,0%);
 mix-blend-mode:normal;pointer-events:none;
 opacity:0;transform:translate(-50%,-50%) scale(.97);
 transform-origin:50% 63%;
 transition:opacity .16s ease-out,transform .18s ease-out;
 will-change:transform,opacity;
}
.cma-hamster-frame.cma-hamster-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}
/* Independent pencil-frame canvas. Hidden until original 30-pose sprite loads.
   If Canvas2D/image decoding is unavailable, the original two-layer image
   effect remains intact. No additional art downloads or autoplay loops. */
.cma-hamster-actor{
 position:absolute;left:50%;top:50%;width:190px;height:134px;
 transform:translate(-50%,-50%);pointer-events:none;opacity:0;
 object-fit:contain;image-rendering:auto;
}
.cma-hamster-button.cma-hamster-canvas-ready .cma-hamster-actor{opacity:1}
.cma-hamster-button.cma-hamster-canvas-ready .cma-hamster-frame{
 visibility:hidden!important;animation:none!important
}
/* Subtle image-level motion, mapped to the actual pose type. Never animate
   body parts that are not separately drawn: keep the source pencil art intact. */
@keyframes cma-bum-wiggle{
 0%,100%{transform:translate(-50%,-50%) rotate(0)}
 25%{transform:translate(calc(-50% - 4px),-50%) rotate(-5deg)}
 65%{transform:translate(calc(-50% + 4px),-50%) rotate(5deg)}
 82%{transform:translate(calc(-50% - 2px),-50%) rotate(-2deg)}
}
@keyframes cma-bum-hop{
 0%,100%{transform:translate(-50%,-50%) scale(1)}
 30%{transform:translate(-50%,calc(-50% + 3px)) scale(1.05,.93)}
 63%{transform:translate(-50%,calc(-50% - 9px)) scale(.98,1.045)}
 83%{transform:translate(-50%,calc(-50% + 1px)) scale(1.03,.96)}
}
@keyframes cma-bum-shimmy{
 0%,100%{transform:translate(-50%,-50%)}
 18%,56%{transform:translate(calc(-50% + 5px),-50%) rotate(3deg)}
 38%,76%{transform:translate(calc(-50% - 5px),-50%) rotate(-3deg)}
}
@keyframes cma-bum-peek{
 0%,100%{transform:translate(-50%,-50%) rotate(0deg)}
 35%{transform:translate(-50%,-50%) rotate(-6deg) scale(.985)}
 65%{transform:translate(-50%,-50%) rotate(4deg) scale(1.025)}
}
@keyframes cma-bum-squat{
 0%,100%{transform:translate(-50%,-50%) scale(1)}
 38%{transform:translate(-50%,calc(-50% + 5px)) scale(1.06,.94)}
 65%{transform:translate(-50%,calc(-50% - 3px)) scale(.98,1.03)}
}
@keyframes cma-play-roll{
 0%,100%{transform:translate(-50%,-50%)}
 38%{transform:translate(calc(-50% + 5px),calc(-50% - 4px)) rotate(5deg)}
 72%{transform:translate(calc(-50% - 3px),-50%) rotate(-3deg)}
}
@keyframes cma-play-celebrate{
 0%,100%{transform:translate(-50%,-50%) scale(1)}
 31%{transform:translate(-50%,calc(-50% - 8px)) scale(1.045) rotate(-3deg)}
 62%{transform:translate(-50%,calc(-50% - 2px)) scale(.98) rotate(3deg)}
}
@keyframes cma-play-nod{
 0%,100%{transform:translate(-50%,-50%) rotate(0)}
 33%{transform:translate(-50%,calc(-50% + 4px)) rotate(2.5deg)}
 65%{transform:translate(-50%,calc(-50% - 2px)) rotate(-2.5deg)}
}
@keyframes cma-play-shuffle{
 0%,100%{transform:translate(-50%,-50%)}
 25%{transform:translate(calc(-50% + 3px),-50%) rotate(2.5deg)}
 52%{transform:translate(calc(-50% - 4px),-50%) rotate(-3deg)}
 75%{transform:translate(calc(-50% + 2px),-50%) rotate(1.5deg)}
}
@keyframes cma-play-surprise{
 0%,100%{transform:translate(-50%,-50%) scale(1)}
 33%{transform:translate(-50%,-50%) scale(1.055) rotate(-3deg)}
 72%{transform:translate(-50%,-50%) scale(.99) rotate(2deg)}
}
.cma-hamster[data-hamster-motion="bum-wiggle"] .cma-hamster-visible{animation:cma-bum-wiggle .49s ease-out both}
.cma-hamster[data-hamster-motion="bum-hop"] .cma-hamster-visible{animation:cma-bum-hop .52s ease-out both}
.cma-hamster[data-hamster-motion="bum-shimmy"] .cma-hamster-visible{animation:cma-bum-shimmy .46s ease-out both}
.cma-hamster[data-hamster-motion="bum-peek"] .cma-hamster-visible{animation:cma-bum-peek .48s ease-out both}
.cma-hamster[data-hamster-motion="bum-squat"] .cma-hamster-visible{animation:cma-bum-squat .55s ease-out both}
.cma-hamster[data-hamster-motion="play-roll"] .cma-hamster-visible{animation:cma-play-roll .47s ease-out both}
.cma-hamster[data-hamster-motion="play-celebrate"] .cma-hamster-visible{animation:cma-play-celebrate .53s ease-out both}
.cma-hamster[data-hamster-motion="play-nod"] .cma-hamster-visible{animation:cma-play-nod .51s ease-out both}
.cma-hamster[data-hamster-motion="play-shuffle"] .cma-hamster-visible{animation:cma-play-shuffle .49s ease-out both}
.cma-hamster[data-hamster-motion="play-surprise"] .cma-hamster-visible{animation:cma-play-surprise .47s ease-out both}
.cma-hamster-counter,.cma-trust-footer .cma-hamster-counter{
 margin-top:9px;color:#476b5d;font-family:inherit;font-size:12px;font-weight:700;line-height:1.55;
 letter-spacing:.01em;text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap;opacity:1;
}
.cma-hamster-counter[data-status="unavailable"]{opacity:.5}
@media(max-width:760px){
 .cma-trust-footer.cma-trust-footer-hamster{margin-top:12px;padding-top:10px}
 .cma-trust-footer-hamster .cma-hamster{width:calc(100% + 28px);max-width:none;margin:0 -14px 14px}
 .cma-hamster-button{width:100%;height:165px;border-radius:17px}
 .cma-hamster-frame{width:172px;height:121px}
 .cma-hamster-actor{width:172px;height:121px}
 .cma-hamster-counter,.cma-trust-footer .cma-hamster-counter{font-size:11px;margin-top:8px}
}
@media(max-width:340px){.cma-hamster-button{height:151px}.cma-hamster-frame,.cma-hamster-actor{width:162px;height:114px}}
@media(hover:none){
 .cma-hamster-button:hover{
  transform:none;border-color:rgba(43,95,77,.32);background:rgba(238,249,239,.32);
  box-shadow:0 3px 0 rgba(63,110,84,.17),0 6px 13px rgba(35,80,61,.08),inset 0 1px 0 rgba(255,255,255,.48);
 }
}
@media(prefers-reduced-motion:reduce){
 .cma-hamster-button,.cma-hamster-frame{transition:none!important;will-change:auto}
 .cma-hamster-button:hover,.cma-hamster-button:active{transform:none!important}
 .cma-hamster-button.cma-hamster-boop{animation:none!important}
 .cma-hamster[data-hamster-motion] .cma-hamster-visible{animation:none!important}
}