#reward-engine-container{position:fixed;top:0;left:0;width:100vw;height:100dvh;pointer-events:none;z-index:9999;display:flex;align-items:center;justify-content:center}.reward-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .5s ease;pointer-events:none}.reward-overlay.visible{opacity:1}.reward-card{background:var(--bg-card, #1a1a1a);border:1px solid var(--border-color, #333);border-radius:16px;padding:32px 40px;display:flex;flex-direction:column;align-items:center;text-align:center;transform:scale(.95);transition:transform .5s cubic-bezier(.2,.8,.2,1);box-shadow:0 20px 40px #00000080;position:relative;overflow:hidden}.reward-overlay.visible .reward-card{transform:scale(1)}.reward-overlay.category-TITLE .reward-card{border-color:#ffd70080}.reward-overlay.category-TITLE .reward-category-label{color:gold}.reward-overlay.category-CHARACTER .reward-card{border-color:#2ecc7180}.reward-overlay.category-CHARACTER .reward-category-label{color:#2ecc71}.reward-overlay.category-SKIN .reward-card{border-color:#9b59b680}.reward-overlay.category-SKIN .reward-category-label{color:#9b59b6}.reward-overlay.category-ACHIEVEMENT .reward-card{border-color:#3498db80}.reward-overlay.category-ACHIEVEMENT .reward-category-label{color:#3498db}.reward-category-label{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:24px}.reward-icon-container{width:200px;height:280px;margin-bottom:24px;position:relative;z-index:2;display:flex;align-items:center;justify-content:center}.reward-icon{width:100%;height:100%;object-fit:contain}.reward-name{font-family:var(--font-sans);font-size:1.5rem;font-weight:600;color:var(--text-main, #fff);margin-bottom:8px}.reward-desc{font-family:var(--font-sans);font-size:.875rem;color:var(--text-muted, #aaa);max-width:250px}.reward-card.reduced-motion{transition:none;transform:none}.reward-overlay.legendary .reward-card{box-shadow:0 20px 60px #ffd70026}.legendary-glow{position:absolute;top:50%;left:50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.1) 0%,transparent 60%);transform:translate(-50%,-50%);z-index:1;pointer-events:none}