.reward-root,
.reward-dialog {
  --reward-bg: var(--ovo-surface, #fff);
  --reward-soft: var(--ovo-surface-muted, #f5f6f8);
  --reward-fg: var(--ovo-text, #24262b);
  --reward-muted: var(--ovo-muted, #626670);
  --reward-line: var(--ovo-border, #dfe2e7);
  --reward-focus: var(--ovo-focus, #276dd7);
  --reward-action: var(--ovo-accent, #272b33);
  --reward-on-action: var(--ovo-on-accent, #fff);
  --reward-dialog-bg: #fff;
  color: var(--reward-fg);
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0;
}
.reward-root { max-width: 1280px; margin: 0 auto; min-width: 0; }
.reward-root *, .reward-dialog * { box-sizing: border-box; letter-spacing: 0; }
.reward-root [hidden], .reward-dialog [hidden] { display: none !important; }
.reward-root h2, .reward-dialog h2 { margin: 0; font-size: 16px; font-weight: 600; line-height: 1.5; }
.reward-tabs { display: flex; gap: 4px; border-bottom: 1px solid var(--reward-line); margin-bottom: 24px; }
.reward-wallet-panel { min-width: 0; }
.reward-wallet-panel:focus-visible { outline: 2px solid var(--reward-focus); outline-offset: 6px; }
.reward-tab { padding: 10px 16px; color: var(--reward-muted); background: transparent; border: 0; border-bottom: 2px solid transparent; cursor: pointer; font-size: 14px; }
.reward-tab[aria-selected="true"] { color: var(--reward-fg); border-bottom-color: var(--reward-action); font-weight: 600; }
.reward-admin-grid { display: grid; grid-template-columns: minmax(300px, 1.15fr) minmax(300px, 1fr); gap: 48px; align-items: start; }
.reward-admin-stack { display: grid; gap: 24px; }
.reward-preset-panel { min-width: 0; padding: 16px; border: 1px solid var(--reward-line); border-radius: 10px; background: var(--reward-soft); background: color-mix(in srgb, var(--reward-soft) 76%, transparent); }
.reward-preset-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 10px; }
.reward-preset-heading .reward-muted { margin: 0; }
.reward-preset-toolbar { display: grid; grid-template-columns: minmax(150px,1fr) minmax(150px,1fr) auto; gap: 12px; align-items: end; }
.reward-preset-toolbar > .reward-field { margin: 0; }
.reward-preset-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px; }
.reward-preset-panel > .reward-error { margin: 8px 0 0; }
.reward-preset-panel > .reward-muted { margin: 8px 0 0; }
.reward-draft-form { min-width: 0; }
.reward-form-section { padding: 0 0 24px; margin: 0 0 24px; border-bottom: 1px solid var(--reward-line); }
.reward-form-section > h2 { margin-bottom: 16px; }
.reward-field { display: grid; gap: 6px; min-width: 0; margin-bottom: 16px; }
.reward-field > label { color: var(--reward-fg); font-weight: 500; }
.reward-input { width: 100%; min-width: 0; height: 40px; padding: 8px 12px; border: 1px solid var(--reward-line); border-radius: 6px; background: var(--reward-bg); color: var(--reward-fg); font: inherit; box-shadow: none; }
.reward-input::placeholder { color: var(--reward-muted); }
html.dark .reward-input[type="datetime-local"] { color-scheme: dark; }
.reward-input:focus-visible { outline: 2px solid var(--reward-focus); outline-offset: 2px; }
.reward-form-row { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 16px; }
.reward-audience-filters { display: grid; grid-template-columns: minmax(0,1fr); gap: 0; padding: 12px; margin: 8px 0 12px; border-radius: 8px; background: var(--reward-soft); }
.reward-audience-filters .reward-form-row { gap: 12px; }
.reward-check { display: flex; align-items: center; gap: 10px; margin: 12px 0; min-height: 28px; cursor: pointer; }
.reward-check .reward-input { width: 16px; height: 16px; margin: 0; flex: 0 0 16px; accent-color: var(--reward-action); }
.reward-check > span { overflow-wrap: anywhere; }
.reward-button { display: inline-flex; justify-content: center; align-items: center; gap: 8px; min-height: 40px; max-width: 100%; padding: 8px 16px; border-radius: 6px; border: 1px solid transparent; font: inherit; font-weight: 500; cursor: pointer; white-space: normal; }
.reward-primary { background: var(--reward-action); color: var(--reward-on-action); }
.reward-secondary { background: var(--reward-bg); border-color: var(--reward-line); color: var(--reward-fg); }
.reward-secondary:hover:not(:disabled), .reward-icon-button:hover { background: var(--reward-soft); }
.reward-primary:hover:not(:disabled) { filter: brightness(1.12); }
.reward-danger { background: #fbe8e8; color: #9d2424; }
html.dark .reward-danger { background: #422226; color: #ffb1b1; }
.reward-text { background: transparent; color: var(--reward-muted); min-height: 32px; padding: 4px 8px; }
.reward-button:disabled { opacity: .45; cursor: default; filter: none; }
.reward-icon-button { width: 40px; height: 40px; display: inline-grid; place-items: center; background: transparent; border: 1px solid transparent; border-radius: 6px; color: var(--reward-fg); cursor: pointer; flex: 0 0 40px; }
.reward-button:focus-visible, .reward-tab:focus-visible, .reward-icon-button:focus-visible { outline: 2px solid var(--reward-focus); outline-offset: 3px; }
.reward-icon { display: inline-block; flex: 0 0 20px; width: 20px; height: 20px; background: currentColor; mask: url('/site-ui/v111-priority/reward-gift.svg') center / contain no-repeat; -webkit-mask: url('/site-ui/v111-priority/reward-gift.svg') center / contain no-repeat; }
.reward-icon-close { mask-image: url('/site-ui/v111-priority/reward-close.svg'); -webkit-mask-image: url('/site-ui/v111-priority/reward-close.svg'); }
.reward-icon-refresh { mask-image: url('/site-ui/v111-priority/reward-refresh.svg'); -webkit-mask-image: url('/site-ui/v111-priority/reward-refresh.svg'); }
.reward-icon-check { mask-image: url('/site-ui/v111-priority/reward-check.svg'); -webkit-mask-image: url('/site-ui/v111-priority/reward-check.svg'); }
.reward-preview-pane { position: sticky; top: 96px; min-width: 0; }
.reward-preview-pane > h2 { margin-bottom: 20px; }
.reward-preview-pane > .reward-button { margin-top: 8px; }
.reward-ticket-preview { perspective: 1000px; }
.reward-ticket { --ticket-ink: #fff; position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1fr) 24%; grid-template-rows: minmax(0,1fr); width: 100%; aspect-ratio: 741 / 425; max-width: 600px; border-radius: 8px; overflow: hidden; color: var(--ticket-ink); background: #0a0515 url('/site-ui/v111-priority/reward-holographic.png') center / cover; transform: perspective(1000px) rotateX(var(--ticket-y, 0deg)) rotateY(var(--ticket-x, 0deg)); transition: transform 160ms ease-out; }
.reward-ticket[data-style="sunrise"] { --ticket-ink: #3b2013; background: #ef671c url('/site-ui/v111-priority/reward-sunrise.png') center / cover; }
.reward-ticket[data-style="aurora"] { --ticket-ink: #effcff; background: #0e3944; }
.reward-ticket[data-style="citrus"] { --ticket-ink: #2d2414; background: #d59a2c; }
.reward-ticket[data-style="nocturne"] { --ticket-ink: #f1f5ff; background: #101923; }
.reward-ticket::before, .reward-ticket::after { position: absolute; z-index: 2; content: ''; width: 22px; height: 22px; right: calc(24% - 11px); border-radius: 50%; background: var(--reward-bg, #fff); }
.reward-ticket::before { top: -11px; } .reward-ticket::after { bottom: -11px; }
.reward-ticket-brand { position: absolute; z-index: 1; top: 14px; left: 20px; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; padding: 5px; border: 1px solid rgba(255,255,255,.62); border-radius: 9px; background: rgba(255,255,255,.94); box-shadow: 0 3px 12px rgba(10,14,30,.16); }
.reward-ticket-logo { display: block; width: 100%; height: 100%; aspect-ratio: 1; object-fit: contain; }
.reward-ticket-body { position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: space-between; min-width: 0; min-height: 0; padding: 68px 24px 24px; overflow: hidden; }
.reward-ticket-label { margin: 0; font-size: 12px; line-height: 18px; font-weight: 500; overflow-wrap: anywhere; }
.reward-ticket-label { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.reward-ticket-content { display: grid; gap: 6px; min-width: 0; min-height: 0; margin: 8px 0; overflow: hidden; }
.reward-ticket .reward-ticket-title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; min-height: 0; margin: 0; color: inherit; font-size: 22px; font-weight: 700; line-height: 1.3; overflow: hidden; overflow-wrap: anywhere; }
.reward-ticket-amount { min-width: 0; font-size: 40px; line-height: 1.15; font-weight: 750; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.reward-ticket-subtitle { margin: 0; font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.reward-ticket-footer { margin: 0; font-size: 11px; line-height: 1.45; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.reward-ticket-stub { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; min-width: 0; min-height: 0; padding: 16px 8px; border-left: 1px dashed currentColor; text-align: center; overflow: hidden; }
.reward-stub-copy { display: flex; flex-direction: column; font-size: var(--reward-stub-size, 28px); font-weight: 700; line-height: 1.2; flex-shrink: 0; text-shadow: 0 1px 12px rgba(0,0,0,.12); }
.reward-stub-copy > span { display: block; height: 1.2em; }
.reward-ticket-stub > small { font-size: 10px; line-height: 1.2; }
.reward-ticket-motion { pointer-events: none; position: absolute; z-index: 0; inset: -20%; opacity: .72; background: radial-gradient(circle at 18% 25%, rgba(123,225,255,.38), transparent 31%), radial-gradient(circle at 78% 72%, rgba(244,113,255,.34), transparent 35%), linear-gradient(115deg, transparent 25%, rgba(255,255,255,.12) 48%, transparent 67%); background-size: 140% 140%, 145% 145%, 220% 100%; animation: reward-ticket-drift 9s ease-in-out infinite alternate; mix-blend-mode: screen; }
.reward-ticket-sand { pointer-events: none; position: absolute; z-index: 0; inset: 0; overflow: hidden; opacity: .9; mix-blend-mode: screen; }
.reward-ticket-sand-particle { position: absolute; display: block; border-radius: 999px; background: linear-gradient(135deg, transparent, var(--sand-color), rgba(255,255,255,.8)); filter: blur(.2px); opacity: 0; transform-origin: center; animation: reward-sand-flow var(--sand-duration) cubic-bezier(.35,.05,.35,1) var(--sand-delay) infinite; }
.reward-ticket[data-style="sunrise"] .reward-ticket-sand { mix-blend-mode: soft-light; opacity: .72; }
.reward-ticket[data-style="citrus"] .reward-ticket-sand { mix-blend-mode: soft-light; opacity: .78; }
.reward-ticket[data-style="nocturne"] .reward-ticket-sand { opacity: .78; }
.reward-ticket[data-style="sunrise"] .reward-ticket-motion { opacity: .45; background: radial-gradient(circle at 70% 26%, rgba(255,244,170,.68), transparent 34%), radial-gradient(circle at 20% 82%, rgba(255,113,47,.52), transparent 38%), linear-gradient(120deg, transparent 25%, rgba(255,255,255,.2) 50%, transparent 72%); background-size: 145% 145%, 150% 150%, 210% 100%; mix-blend-mode: soft-light; }
.reward-ticket[data-style="aurora"] .reward-ticket-motion { background: radial-gradient(circle at 20% 75%, rgba(33,239,193,.52), transparent 38%), radial-gradient(circle at 80% 22%, rgba(90,146,255,.58), transparent 38%), linear-gradient(120deg, transparent 24%, rgba(255,255,255,.15) 50%, transparent 70%); mix-blend-mode: screen; }
.reward-ticket[data-style="citrus"] .reward-ticket-motion { opacity: .48; background: radial-gradient(circle at 78% 18%, rgba(255,246,163,.7), transparent 35%), repeating-linear-gradient(120deg, transparent 0 12px, rgba(255,255,255,.18) 13px 14px, transparent 15px 28px); mix-blend-mode: soft-light; }
.reward-ticket[data-style="nocturne"] .reward-ticket-motion { opacity: .6; background: radial-gradient(circle at 25% 20%, rgba(108,159,255,.42), transparent 32%), radial-gradient(circle at 82% 76%, rgba(218,92,255,.35), transparent 34%), linear-gradient(120deg, transparent 28%, rgba(255,255,255,.12) 50%, transparent 68%); mix-blend-mode: screen; }
.reward-ticket-shine { pointer-events: none; position: absolute; inset: 0; z-index: 3; background: linear-gradient(115deg, transparent 30%, rgba(255,255,255,.1) 48%, transparent 60%); background-size: 220% 100%; animation: reward-ticket-shine 5s linear infinite; }
.reward-muted { margin: 12px 0; color: var(--reward-muted); font-size: 13px; overflow-wrap: anywhere; }
.reward-error { margin: 12px 0; color: #b42323; overflow-wrap: anywhere; }
html.dark .reward-error { color: #ffb3b3; }
.reward-form-actions, .reward-popup-actions { display: flex; justify-content: flex-end; gap: 12px; flex-wrap: wrap; }
.reward-preview-summary { display: flex; gap: 40px; padding: 16px 0; margin-bottom: 8px; }
.reward-preview-summary > div { display: grid; gap: 4px; }
.reward-preview-summary span { color: var(--reward-muted); font-size: 13px; }
.reward-preview-summary strong { font-size: 24px; font-variant-numeric: tabular-nums; }
.reward-table-wrap { overflow-x: auto; max-width: 100%; margin-bottom: 20px; }
.reward-table { border-collapse: collapse; width: 100%; font-size: 13px; font-variant-numeric: tabular-nums; }
.reward-table th { background: var(--reward-soft); color: var(--reward-muted); font-weight: 500; text-align: left; white-space: nowrap; }
.reward-table :is(th,td) { padding: 12px; border-bottom: 1px solid var(--reward-line); }
.reward-table td { vertical-align: middle; overflow-wrap: anywhere; }
.reward-table td:first-child { min-width: 160px; }
.reward-table td small { display: block; margin-top: 4px; color: var(--reward-muted); font-size: 12px; }
.reward-table td:not(:first-child) { white-space: nowrap; }
.reward-list-toolbar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; color: var(--reward-muted); }
.reward-status { display: inline-flex; padding: 3px 7px; border-radius: 4px; font-size: 12px; color: var(--reward-muted); background: var(--reward-soft); }
.reward-status-active, .reward-status-claimed { background: #e2f4e9; color: #246744; }
html.dark .reward-status-active, html.dark .reward-status-claimed { background: #193b2b; color: #a0dfb6; }
.reward-empty { min-height: 140px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 10px; padding: 20px; color: var(--reward-muted); text-align: center; }
.reward-empty > .reward-icon { width: 28px; height: 28px; flex-basis: 28px; }
.reward-empty > p { margin: 0; }
.reward-pagination { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 12px; margin: 16px 0; color: var(--reward-muted); }
.reward-pagination .reward-button { min-height: 32px; padding: 4px 12px; }
.reward-user-list { max-height: 280px; overflow: auto; border-top: 1px solid var(--reward-line); border-bottom: 1px solid var(--reward-line); padding: 4px 0; }
.reward-user-list .reward-check { margin: 0; min-height: 40px; padding: 8px 0; }
.reward-user-picker { margin-bottom: 16px; }
.reward-dialog { width: min(440px, calc(100% - 32px)); max-height: calc(100dvh - 32px); max-width: none; margin: auto; padding: 24px; border: 1px solid var(--reward-line); border-radius: 8px; background-color: var(--reward-dialog-bg); background-image: none; opacity: 1; overflow: auto; box-shadow: 0 20px 64px rgba(0,0,0,.18); }
.reward-dialog-wide { width: min(650px, calc(100% - 32px)); }
.reward-dialog-transparent { background: transparent !important; background-color: transparent !important; background-image: none !important; border-color: transparent; box-shadow: none; }
.reward-dialog::backdrop { background: rgba(8,11,18,.58); }
.reward-dialog[open] { animation: reward-reveal 260ms cubic-bezier(.2,.7,.3,1); }
.reward-dialog-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 20px; }
.reward-dialog-heading { animation: reward-dialog-heading-in 360ms ease-out both; }
.reward-popup-body { position: relative; animation: reward-popup-rise 460ms cubic-bezier(.2,.78,.25,1) 40ms both; }
.reward-popup-body > .reward-ticket { animation: reward-ticket-pop 520ms cubic-bezier(.18,.82,.24,1) 80ms both; }
.reward-popup-meta { margin: 16px 0 24px; color: var(--reward-muted); text-align: center; font-size: 13px; overflow-wrap: anywhere; }
.reward-popup-body > .reward-ticket { margin: 0 auto; }
.reward-popup-actions .reward-button { flex: 1; }
.reward-popup-actions { animation: reward-popup-actions-in 360ms ease-out 180ms both; }
.reward-button-loading { position: relative; pointer-events: none; }
.reward-button-loading::after { width: 14px; height: 14px; content: ''; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: reward-spin 700ms linear infinite; }
.reward-field-hint { align-self: end; margin: 0 0 16px; color: var(--reward-muted); font-size: 12px; line-height: 1.5; }
.reward-confirm > p { margin: 0 0 16px; overflow-wrap: anywhere; }
.reward-confirm-total { display: grid; gap: 8px; margin: 24px 0; font-variant-numeric: tabular-nums; }
.reward-confirm-total strong { font-size: 32px; }
.reward-confirm-total span { color: var(--reward-muted); }
.reward-success { display: grid; justify-items: center; text-align: center; padding: 12px 0 24px; }
.reward-success { animation: reward-success-in 520ms cubic-bezier(.2,.78,.3,1) both; }
.reward-success > .reward-icon { background: #25845a; width: 40px; height: 40px; margin-bottom: 16px; }
.reward-success h3 { margin: 0; font-size: 20px; }
.reward-success-amount { font-size: 36px; line-height: 1.4; font-weight: 700; margin: 12px 0 0; font-variant-numeric: tabular-nums; }
.reward-success > p:last-child { color: var(--reward-muted); }
.reward-popup-body > .reward-button { width: 100%; }
.reward-wallet-summary { display: flex; align-items: center; gap: 24px; padding: 0 0 24px; }
.reward-wallet-summary > span { color: var(--reward-muted); }
.reward-wallet-summary > strong { font-size: 28px; font-variant-numeric: tabular-nums; }
.reward-wallet-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,320px),1fr)); gap: 32px; align-items: start; }
.reward-wallet-item { min-width: 0; max-width: 600px; }
.reward-wallet-item > .reward-button { width: 100%; }
.reward-wallet-history { margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--reward-line); }
.reward-wallet-history > h2 { margin-bottom: 16px; }
#app-sidebar [data-reward-persistent-nav] { flex: 0 0 auto; padding: 4px 12px 8px; max-height: 24dvh; overflow-y: auto; }
#app-sidebar [data-reward-persistent-nav] [hidden] { display: none !important; }
#app-sidebar [data-reward-link] { position: relative; gap: 12px; }
#app-sidebar [data-reward-link]:focus-visible { outline: 2px solid var(--ovo-focus, #276dd7); outline-offset: 2px; }
#app-sidebar [data-reward-has-count] { padding-right: 40px; }
.reward-nav-label { white-space: nowrap; }
.reward-nav-count { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 4px; border-radius: 4px; background: #daede2; color: #226542; font-size: 11px; font-variant-numeric: tabular-nums; }
html.dark .reward-nav-count { background: #193b2b; color: #a0dfb6; }
#app-sidebar.ovone-sidebar-compact [data-reward-link] .reward-nav-label { display: none; }
#app-sidebar.ovone-sidebar-compact [data-reward-has-count] { padding-right: 12px; }
#app-sidebar.ovone-sidebar-compact .reward-nav-count { right: 4px; top: 2px; min-width: 16px; height: 16px; font-size: 10px; transform: none; }
.reward-fireworks { position: fixed; z-index: 20; inset: 0; overflow: hidden; pointer-events: none; }
.reward-firework-burst { position: absolute; width: 1px; height: 1px; animation: reward-firework-glow 1.8s ease-out var(--burst-delay) both; }
.reward-firework-spark { position: absolute; left: 0; top: 0; display: block; width: 3px; height: 12px; border-radius: 999px; background: var(--spark-color); box-shadow: 0 0 9px var(--spark-color); transform-origin: 50% 0; animation: reward-firework-spark 1.45s cubic-bezier(.16,.7,.28,1) both; animation-delay: calc(var(--spark-delay) + var(--burst-delay)); }
@keyframes reward-reveal { from { opacity: 0; transform: translateY(12px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes reward-dialog-heading-in { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } }
@keyframes reward-popup-rise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }
@keyframes reward-ticket-pop { 0% { opacity: 0; transform: perspective(1000px) translateY(22px) rotateX(7deg) scale(.94); } 68% { opacity: 1; transform: perspective(1000px) translateY(-3px) rotateX(-1deg) scale(1.015); } 100% { opacity: 1; transform: perspective(1000px) translateY(0) rotateX(0) scale(1); } }
@keyframes reward-popup-actions-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes reward-success-in { from { opacity: 0; transform: translateY(8px) scale(.96); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes reward-spin { to { transform: rotate(360deg); } }
@keyframes reward-sand-flow { 0% { opacity: 0; transform: translate3d(-34px, 28px, 0) rotate(-24deg) scale(.65); } 18% { opacity: .88; } 72% { opacity: .58; } 100% { opacity: 0; transform: translate3d(var(--sand-drift), -72px, 0) rotate(34deg) scale(1.22); } }
@keyframes reward-firework-glow { 0%,100% { opacity: 0; } 18% { opacity: .9; } 58% { opacity: .4; } }
@keyframes reward-firework-spark { 0% { opacity: 0; transform: rotate(var(--spark-angle)) translateY(0) scale(.35); } 14% { opacity: 1; } 100% { opacity: 0; transform: rotate(var(--spark-angle)) translateY(var(--spark-distance)) scale(.76); } }
@keyframes reward-ticket-drift { 0% { transform: translate3d(-4%, -3%, 0) rotate(-2deg) scale(1.05); } 100% { transform: translate3d(4%, 3%, 0) rotate(2deg) scale(1.1); } }
@keyframes reward-ticket-shine { 0% { background-position: 180% 0; } 100% { background-position: -40% 0; } }
@media (max-width: 1050px) { .reward-admin-grid { gap: 24px; } .reward-ticket-body { padding: 68px 18px 18px; } .reward-ticket-title { font-size: 20px; } .reward-ticket-amount { font-size: 32px; } }
@media (max-width: 820px) { .reward-admin-grid { grid-template-columns: minmax(0,1fr); } .reward-preview-pane { position: static; grid-row: 1; } .reward-ticket-preview { max-width: 540px; } .reward-preview-pane > .reward-button { margin-bottom: 16px; } .reward-dialog { padding: 20px; } }
@media (max-width: 680px) { .reward-preset-heading { align-items: flex-start; flex-direction: column; gap: 4px; } .reward-preset-toolbar { grid-template-columns: minmax(0,1fr); } .reward-preset-actions { justify-content: stretch; } .reward-preset-actions > .reward-button { flex: 1 1 140px; } }
@media (max-width: 480px) { .reward-form-row { grid-template-columns: minmax(0,1fr); gap: 0; } .reward-audience-filters { padding: 10px; } .reward-ticket-brand { top: 12px; left: 16px; width: 42px; min-width: 42px; height: 42px; padding: 4px; } .reward-ticket-body { padding: 60px 16px 16px; } .reward-ticket .reward-ticket-title { font-size: 18px; } .reward-ticket-amount { font-size: 28px; } .reward-ticket-subtitle { font-size: 11px; } .reward-stub-copy { font-size: var(--reward-stub-size, 24px); } .reward-ticket-footer { font-size: 10px; line-height: 1.45; } .reward-ticket-label { font-size: 10px; } .reward-dialog { padding: 16px; } .reward-form-actions > .reward-button { flex: 1; } }
@media (prefers-reduced-motion: reduce) { .reward-dialog[open], .reward-ticket, .reward-ticket-motion, .reward-ticket-sand, .reward-ticket-sand-particle, .reward-ticket-shine, .reward-dialog-heading, .reward-popup-body, .reward-popup-body > .reward-ticket, .reward-popup-actions, .reward-success, .reward-fireworks, .reward-firework-burst, .reward-firework-spark, .reward-button-loading::after { animation: none !important; transition: none !important; transform: none !important; } }
html.dark .reward-dialog { --reward-dialog-bg: #171a21; }