.reward-notifications{--reward-notice-offset:0px;--reward-effective-offset:var(--reward-notice-offset);position:fixed;z-index:240;left:50%;bottom:calc(16px + var(--reward-effective-offset) + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:min(470px,calc(100vw - 24px));pointer-events:none;font:14px/1.45 system-ui,sans-serif;color:#f7efff;transition:bottom .15s ease}
.reward-notifications.has-touch-controls{--reward-notice-offset:var(--coda-touch-controls-height,174px)}
.reward-notifications[hidden]{display:none!important}.reward-toast{box-sizing:border-box;display:grid;grid-template-columns:42px minmax(0,1fr) 44px;gap:11px;align-items:start;padding:14px 10px 14px 14px;background:linear-gradient(125deg,#29243ff7,#122c3df7);border:2px solid #c8aaee;border-bottom-color:#8cf1dc;border-radius:12px;box-shadow:0 10px 32px #020914ba,0 0 19px #ae6df42b,inset 0 1px #ffffff18;pointer-events:none;animation:reward-rise .32s ease-out both}
.reward-toast-icon{display:grid;place-items:center;width:42px;min-height:44px;color:#ffe5a7;background:#191f36;border:1px solid #a17c53;border-radius:8px}.reward-toast-content{min-width:0}.reward-toast-eyebrow{font-size:10px;font-weight:800;letter-spacing:1.1px;color:#aaf9df;margin:0 0 3px}.reward-toast-title{display:block;font-size:16px;line-height:1.25;color:#ffe4b5;overflow-wrap:anywhere}.reward-toast-message{margin:5px 0 0;color:#e0d4ee;font-size:13px;overflow-wrap:anywhere}
.reward-toast button{pointer-events:auto;touch-action:manipulation;font:600 13px system-ui,sans-serif;min-height:44px;border:1px solid #b59bce;border-radius:7px;background:#433751;color:#fff2ff;cursor:pointer}.reward-toast button:focus-visible{outline:3px solid #a9ffdf;outline-offset:2px}.reward-toast-close{min-width:44px;width:44px;height:44px;padding:0!important;font-size:25px!important;background:#29263c!important;color:#f0dafa!important}.reward-toast-action{margin-top:9px;padding:8px 12px!important;background:#265e5c!important;border-color:#83d9c4!important;max-width:100%;white-space:normal}
.reward-toast[data-kind="mission-complete"]{border-color:#e4bd77;border-bottom-color:#f79ddc}.reward-toast[data-kind="mission-reward"]{border-color:#8ce6ca;border-bottom-color:#ffe5a7}
.reward-toast[data-kind="level"]{border-color:#ffe09c;border-bottom-color:#9ce7ff;background:linear-gradient(125deg,#382d46f7,#17354af7)}.reward-toast[data-kind="level"] .reward-toast-icon{color:#ffe09c;border-color:#d6b87a}.reward-toast[data-kind="level"] .reward-toast-eyebrow{color:#ffe09c}
@keyframes reward-rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:420px){.reward-notifications{width:calc(100vw - 20px)}.reward-toast{gap:8px;padding:11px 8px 11px 10px;grid-template-columns:36px minmax(0,1fr) 44px}.reward-toast-icon{width:36px}.reward-toast-icon svg{width:32px;height:32px}.reward-toast-title{font-size:15px}.reward-toast-message{font-size:12px}}
@media(orientation:landscape) and (max-height:500px){.reward-notifications{width:min(560px,calc(100vw - 24px));bottom:calc(10px + var(--reward-effective-offset) + env(safe-area-inset-bottom,0px))}.reward-toast{grid-template-columns:32px minmax(0,1fr) 44px;gap:8px;padding:10px;max-height:calc(100dvh - var(--reward-effective-offset) - env(safe-area-inset-bottom,0px) - 66px);overflow:hidden}.reward-toast-icon{width:32px}.reward-toast-icon svg{width:30px}.reward-toast-content{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px}.reward-toast-content>*:not(.reward-toast-action){grid-column:1}.reward-toast-title,.reward-toast-message{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.reward-toast-title{font-size:14px;line-height:1.2}.reward-toast-message{margin-top:3px;font-size:12px;line-height:1.35}.reward-toast-action{grid-column:2;grid-row:1 / span 3;align-self:center;margin-top:0;max-width:100px}}
/* Short landscape screens share the pad's transparent upper area. Buttons
   remain near the card's top, above the controls on the right. */
@media(orientation:landscape) and (max-height:350px){.reward-notifications{--reward-effective-offset:min(var(--reward-notice-offset),max(0px,calc(100dvh - 180px)))}.reward-toast-action{align-self:start}}
@media(prefers-reduced-motion:reduce){.reward-notifications{transition:none}.reward-toast{animation:none}}
