dialog.match-rewards{box-sizing:border-box;width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:28px;border:1px solid #b99452;border-radius:18px;background:#21162d;color:#f8f2df;font:16px/1.5 system-ui;box-shadow:0 20px 80px #0009;text-align:left}
dialog.match-rewards::backdrop{background:#090812cc}dialog.match-rewards h2{font:700 28px/1.2 Georgia,serif;margin:0 0 20px}dialog.match-rewards .reward-total{font-size:40px;font-weight:800;color:#e8bd69;margin:16px 0}dialog.match-rewards .reward-total span{display:block;font-size:18px}dialog.match-rewards dl{margin:20px 0}dialog.match-rewards dl div{display:flex;justify-content:space-between;gap:16px;padding:8px 0}dialog.match-rewards dd{margin:0;font-weight:700}dialog.match-rewards .reward-subtotal{border-top:1px solid #765986}dialog.match-rewards button{font:600 16px/1.3 system-ui;color:#f8f2df;background:#382543;border:1px solid #b99452;border-radius:8px;padding:12px 16px;cursor:pointer}dialog.match-rewards .reward-confirm{width:100%;background:#dbb873;color:#21162d}dialog.match-rewards .reward-actions{display:flex;flex-wrap:wrap;gap:12px}dialog.match-rewards button:focus-visible{outline:3px solid #f8e5bc;outline-offset:3px}

.reward-wallet{padding:12px;background:#120e1a;border-radius:10px}.reward-wallet strong{color:#e8bd69;font-variant-numeric:tabular-nums}.reward-total strong{font-variant-numeric:tabular-nums}.reward-level-panel{padding:18px;border:1px solid #86649f;border-radius:12px;background:linear-gradient(135deg,#39204d,#21162d)}.reward-xp-gain{float:right;color:#d6b3ff}.reward-level-panel progress{display:block;width:100%;height:18px;margin:12px 0;appearance:none;border:0;border-radius:12px;overflow:hidden;background:#100b18;accent-color:#b87dff}.reward-level-panel progress::-webkit-progress-bar{background:#100b18;border-radius:12px}.reward-level-panel progress::-webkit-progress-value{background:linear-gradient(90deg,#7547ce,#dba8ff);border-radius:12px}.reward-level-panel progress::-moz-progress-bar{background:linear-gradient(90deg,#7547ce,#dba8ff);border-radius:12px}.reward-level-panel p{font-size:14px;margin:6px 0}.reward-level-panel .earned-level{font-size:19px;font-weight:800;color:#ffe39e;animation:reward-level-glow .6s ease-out}.match-rewards [data-skip-animation]{margin:0 0 12px;width:100%}.match-rewards [hidden]{display:none!important}@keyframes reward-level-glow{from{transform:scale(.96);opacity:.4}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.earned-level{animation:none!important}}