/* The tile wrappers move temporarily; fitted canvas and game coordinates stay intact. */
.domino-table.slam-impact{animation:dom-table-impact .5s ease-out}
.dom-slam-callout{position:absolute;z-index:20;left:50%;top:8%;transform:translateX(-50%);pointer-events:none;text-align:center;width:max-content;max-width:94%;padding:8px 18px;border-radius:12px;border:1px solid #e9c277;background:linear-gradient(#10362dec,#09251ae8);box-shadow:0 0 28px #edc46555;animation:dom-slam-caption 2.3s ease-out both}
.dom-slam-callout strong{display:block;font:900 clamp(1.4rem,5vw,3rem)/1.05 Georgia,serif;color:#ffe49a;text-shadow:0 2px #705322,0 0 18px #edc25377;letter-spacing:.035em}
.dom-slam-callout span{display:block;font:700 .875rem/1.4 system-ui;color:#fff2ce;margin-top:5px;overflow-wrap:anywhere}
.dom-slam-callout.slam-still{animation:none}
.slam-impact .dom-board-scroll{box-shadow:inset 0 0 35px #ffe3a655,0 0 24px #f4d28555}
@keyframes dom-table-impact{0%,100%{transform:none}12%{transform:translateY(7px) rotate(.35deg)}28%{transform:translate(-5px,-4px) rotate(-.3deg)}45%{transform:translate(4px,2px)}64%{transform:translate(-2px,-1px)}}
@keyframes dom-slam-caption{0%,10%{opacity:0;transform:translateX(-50%) scale(1.6)}18%,78%{opacity:1;transform:translateX(-50%) scale(1)}100%{opacity:0;transform:translateX(-50%) scale(.95)}}
@media(prefers-reduced-motion:reduce){.domino-table.slam-impact,.dom-slam-callout{animation:none}.slam-impact .dom-board-scroll{box-shadow:inset 0 0 35px #00161730}}
.reduce .domino-table.slam-impact,.reduce .dom-slam-callout{animation:none}