.reward-canvas{position:fixed;inset:0;z-index:60;pointer-events:none}.reward-toast-layer{position:fixed;inset:0;z-index:61;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;padding-top:72px;pointer-events:none}.reward-toast{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--accent);border-radius:999px;background:var(--bg-raised);box-shadow:0 10px 28px #00000059;color:var(--text);font-size:14px;font-weight:600;white-space:nowrap;animation:reward-toast-in .52s ease-out both}.reward-toast-xp{color:var(--accent);font-variant-numeric:tabular-nums}.reward-toast-note{color:var(--text-dim);font-size:12px;font-weight:400}.reward-toast-guest{pointer-events:auto;gap:10px}.reward-toast-save{color:var(--accent);font-size:13px;font-weight:600;text-decoration:none}.reward-toast-save:hover,.reward-toast-save:focus-visible{text-decoration:underline}.reward-toast.leaving{animation:reward-toast-out .26s ease-in both}@keyframes reward-toast-in{0%{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:none}}@keyframes reward-toast-out{to{opacity:0;transform:translateY(-8px)}}.reward-scrim{position:fixed;inset:0;z-index:62;display:grid;place-items:center;padding:20px;background:var(--scrim, rgba(6, 8, 12, .66))}.reward-card{width:min(360px,100%);padding:24px 22px 18px;border:1px solid var(--line-strong);border-radius:14px;background:var(--bg-panel);box-shadow:0 24px 60px #00000073;text-align:center;color:var(--text);animation:reward-card-in .24s ease-out both}.reward-card-art{display:grid;place-items:center;margin-bottom:12px;color:var(--text-faint)}.reward-card-eyebrow{margin:0 0 4px;color:var(--accent);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.reward-card h2{margin:0 0 8px;font-size:20px;line-height:1.2}.reward-card p{margin:0 0 16px;color:var(--text-dim);font-size:13px;line-height:1.6}.reward-card button{width:100%;padding:9px 14px;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:var(--accent-ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.reward-card button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.reward-card button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.reward-card-actions{display:flex;flex-direction:column;gap:8px}.reward-card-signin{padding:4px;color:var(--accent);font-size:12px;font-weight:600;text-decoration:none;text-align:center}.reward-card-signin:hover,.reward-card-signin:focus-visible{text-decoration:underline}@keyframes reward-card-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}.reward-level-ring{color:var(--accent)}.reward-sound{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border:1px solid var(--line-strong);border-radius:999px;background:none;color:var(--text-faint);font:inherit;font-size:11px;cursor:pointer}.reward-sound:hover{background:var(--bg-hover);color:var(--text)}.reward-sound:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.reward-sound[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}@media(prefers-reduced-motion:reduce){.reward-toast,.reward-card,.reward-toast.leaving{animation:none}}