.game-card { position: relative; }
.play-feedback[hidden] { display: none; }
.play-feedback { position: absolute; inset: 0; z-index: 5; display: grid; place-items: center; padding: 24px; pointer-events: none; background: #183a2b9e; backdrop-filter: blur(2px); }
.feedback-card { position: absolute; top: var(--feedback-y, 50%); left: 50%; transform: translate(-50%, -50%); width: min(540px, calc(100% - 36px)); padding: 36px 24px; text-align: center; border: 1px solid #d5e3c870; border-radius: 10px; background: #173d2ff2; color: #fff9e9; box-shadow: 0 14px 60px #081a1640; animation: feedback-arrive .18s ease-out both; }
.feedback-kicker { display: block; margin-bottom: 14px; font: 11px var(--mono); letter-spacing: 2px; color: #d7e3c7; }
.feedback-title { display: block; font: 750 clamp(32px, 4.5vw, 54px)/1.05 var(--display); letter-spacing: -.4px; text-wrap: balance; }
.feedback-detail { margin: 16px 0 0; color: #e4ead8; font: 15px/1.6 var(--body); text-wrap: balance; }
.play-feedback[data-tone=positive] .feedback-title { color: #e8f3ac; }
.play-feedback[data-tone=negative] .feedback-title { color: #ffc6a6; }
.play-feedback[data-big=true] .feedback-card { border-color: #f0d596b0; }
.continue-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.continue-actions button { padding: 11px 16px; min-height: 44px; border: 1px solid #c8d1bd; border-radius: 5px; font-size: 15px; }
.continue-actions .primary { background: var(--accent); color: white; border-color: var(--accent); }
@keyframes feedback-arrive { from { opacity: .8; translate: 0 6px; } to { opacity: 1; translate: 0 0; } }
@media (max-width: 760px) { .play-feedback { padding: 18px; } .feedback-card { padding: 30px 18px; } .feedback-title { font-size: clamp(31px, 8.5vw, 44px); } .feedback-detail { font-size: 14px; } }
@media (prefers-reduced-motion: reduce) { .feedback-card { animation: none; } .play-feedback { backdrop-filter: none; } }