.play-delight-layer {
 position:fixed; inset:0; margin:0; padding:0; border:0; width:100vw; height:100dvh;
 max-width:none; max-height:none; background:transparent; overflow:hidden;
 pointer-events:none !important; z-index:2147483647; contain:layout style;
}
.play-delight-layer::backdrop { background:transparent; pointer-events:none; }
.play-delight-layer * { pointer-events:none !important; }
.answer-sparkle,.earned-star-flight { position:absolute; color:#ffda58; line-height:1; text-shadow:0 2px 0 #b77e20,0 0 8px #fff6c8; }
.answer-sparkle { font-size:20px; }
.answer-sparkle:nth-child(even) { color:#e1aaff; font-size:15px; text-shadow:0 1px 0 #8a58a4; }
.earned-star-flight { top:0; left:0; font-size:44px; filter:drop-shadow(0 4px 4px #8c66294d); }
.earned-star-counter { position:absolute; translate:-50% -50%; padding:7px 13px; border:2px solid #fff6cc; border-radius:999px; background:#fff0ac; color:#79551f; font:500 17px/1.25 var(--font-play); box-shadow:0 3px 0 #bf984d; white-space:nowrap; }
@media(prefers-reduced-motion:reduce) { .play-delight-layer { display:none !important; } }
html[data-reduce-motion="true"] .play-delight-layer { display:none !important; }
@media(forced-colors:active) { .play-delight-layer { display:none; } }