.rack-tile,.board-tile.pending{touch-action:none;user-select:none;-webkit-user-select:none}.drag-source{opacity:.5}.tile-drag-ghost{position:fixed;z-index:9999;pointer-events:none;width:58px;height:58px;transform:translate(-50%,-58%);display:grid;place-items:center;border-radius:7px;background:linear-gradient(145deg,#f1ddb5,#d1aa70);color:#332718;font:900 1.65rem/1 Georgia,serif;box-shadow:0 14px 28px rgba(50,35,20,.28),inset 0 1px 0 rgba(255,255,255,.7)}.tile-drag-ghost small{position:absolute;right:5px;bottom:4px;font:800 .58rem/1 system-ui}.cell.drag-over{outline:3px solid var(--green);outline-offset:-3px;background:color-mix(in srgb,var(--green) 16%,#e8dbc2);z-index:4}.board-tile.player-play-tile{animation:tileworks-player-set .24s ease-out both;animation-delay:var(--tile-delay,0ms)}.board-tile.ai-play-tile{animation:tileworks-ai-set .42s cubic-bezier(.2,.8,.25,1) both;animation-delay:var(--tile-delay,0ms)}.ai-score-pop{animation:tileworks-score-pop .55s ease-out}.rack::after{content:'Drag or tap tiles';position:absolute;pointer-events:none;opacity:0}.rack{position:relative}
@keyframes tileworks-player-set{0%{opacity:.25;transform:scale(.82)}75%{transform:scale(1.06)}100%{opacity:1;transform:scale(1)}}
@keyframes tileworks-ai-set{0%{opacity:0;transform:translate(70px,-46px) rotate(7deg) scale(.72)}68%{opacity:1;transform:translate(-2px,3px) rotate(-1deg) scale(1.06)}100%{opacity:1;transform:translate(0,0) rotate(0) scale(1)}}
@keyframes tileworks-score-pop{0%,100%{transform:scale(1)}45%{transform:scale(1.045);box-shadow:0 0 0 4px rgba(97,117,93,.14)}}
@media(prefers-reduced-motion:reduce){.board-tile.player-play-tile,.board-tile.ai-play-tile,.ai-score-pop{animation:none!important}.tile-drag-ghost{transition:none}}
@media(max-width:720px){.tile-drag-ghost{width:50px;height:50px;font-size:1.45rem}}