.board{box-shadow:inset 0 2px 8px #87502920,0 6px 20px #9c69441c}
.tile[aria-pressed="true"]>svg{animation:select-sweet .22s ease-out}
.tile.special{box-shadow:inset 0 0 0 2px #fff8d5,0 0 7px #e6ad4b80}
.sweet-spark,.sweet-points,.gold-comet,.gold-impact{position:absolute;pointer-events:none}
.sweet-spark{width:7px;height:7px;border-radius:2px;background:var(--tone);animation:spark-scatter .4s ease-out both}
.sweet-spark.gold{background:#ffd46c;box-shadow:0 0 5px #fff6c4;border-radius:50%}
.sweet-points{font:bold clamp(14px,4vw,24px) Fredoka,sans-serif;color:#8f285a;text-shadow:0 2px #fff7ea,1px 0 #fff7ea,-1px 0 #fff7ea;white-space:nowrap;animation:points-rise .45s ease-out both;z-index:3}
.sweet-points.gold{color:#7b4205;background:#fff1bde8;border:1px solid #f7ca62;padding:2px 9px;border-radius:20px;text-shadow:none}
.gold-comet{width:9px;height:42px;margin:-38px 0 0 -4px;border-radius:50%;background:linear-gradient(transparent,#ffd052,#fff9d5);box-shadow:0 5px 10px #ffe195;transform-origin:bottom;animation:comet-strike .16s ease-in both}
.gold-impact{width:18%;aspect-ratio:1;border:3px solid #ffdf7c;border-radius:50%;box-shadow:0 0 16px #ffe79c,inset 0 0 12px #fff2c1;animation:gold-wave .3s ease-out both}
.win-result{background:radial-gradient(ellipse at 50% 4%,#ffe4a6,transparent 52%),linear-gradient(145deg,#fffdf7,#fff4e5);border:1px solid #d7ae61}
.win-result .award-star.earned{animation:star-crown .65s cubic-bezier(.16,.8,.3,1.15) both;animation-delay:calc(var(--star-order)*.18s);filter:drop-shadow(0 3px 5px #ce8a2b40)}
.win-result .result-award{color:#9b5d1d;letter-spacing:1.5px}.win-result .moves>b{font-variant-numeric:tabular-nums;color:#9a3867}
.win-result .primary{box-shadow:0 5px 15px #a73c682b}.win-result .medal{border-color:#f1ce80}
@keyframes select-sweet{50%{transform:scale(1.12)}100%{transform:scale(1)}}
@keyframes spark-scatter{from{transform:translate(-50%,-50%) scale(.3);opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(100deg);opacity:0}}
@keyframes points-rise{0%{transform:translate(-50%,-10%) scale(.7);opacity:0}25%{opacity:1}100%{transform:translate(-50%,-95%) scale(1);opacity:0}}
@keyframes comet-strike{from{transform:translateY(-95px) scaleY(1.7);opacity:0}35%{opacity:1}to{transform:translateY(0) scaleY(.6);opacity:1}}
@keyframes gold-wave{from{transform:translate(-50%,-50%) scale(.2);opacity:1}to{transform:translate(-50%,-50%) scale(1.7);opacity:0}}
@keyframes star-crown{0%{transform:translateY(15px) rotate(-18deg) scale(.3);opacity:0}65%{transform:translateY(-3px) rotate(5deg) scale(1.15);opacity:1}100%{transform:none;opacity:1}}
html[data-motion="off"] .sweet-spark,html[data-motion="off"] .sweet-points,html[data-motion="off"] .gold-comet,html[data-motion="off"] .gold-impact{display:none}
html[data-motion="off"] .tile[aria-pressed="true"]>svg,html[data-motion="off"] .win-result .award-star.earned{animation:none!important}
@media(prefers-reduced-motion:reduce){.sweet-spark,.sweet-points,.gold-comet,.gold-impact{display:none}.tile[aria-pressed="true"]>svg,.win-result .award-star.earned{animation:none!important}}