.at-reward-mask{
  position:fixed;inset:0;z-index:2147483000;
  display:grid;place-items:center;padding:18px;
  background:
    radial-gradient(ellipse at 50% 42%, rgba(88,36,150,.34), rgba(7,6,15,.82) 62%);
  backdrop-filter:blur(3px);
  transition:opacity .42s ease, background .42s ease;
}
.at-reward-mask.is-leaving{opacity:0;pointer-events:none;background:transparent}
.at-reward-box{
  position:relative;box-sizing:border-box;overflow:hidden;
  width:min(92vw,392px);
  padding:16px 18px 18px;
  color:var(--text,#ece8ff);
  font-family:var(--f-body,"Pixelify Sans",system-ui,sans-serif);
  text-align:center;
  background:
    linear-gradient(180deg, rgba(26,23,64,.98), rgba(13,12,34,.98));
  clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);
  box-shadow:
    inset 0 0 0 1px #3a3578,
    inset 0 0 0 2px rgba(0,0,0,.45),
    0 0 0 1px rgba(139,92,255,.35),
    0 18px 50px rgba(0,0,0,.55),
    0 0 32px rgba(255,63,180,.22);
  animation:atRewardIn .38s cubic-bezier(.2,.9,.3,1.05) both;
}
.at-reward-box::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;
  background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.035) 3px 4px);
}
.at-reward-mask.is-leaving .at-reward-box{animation:atRewardOut .4s cubic-bezier(.4,0,.2,1) forwards}
.at-reward-top{
  position:relative;z-index:1;
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  margin-bottom:10px;
}
.at-reward-head{
  font-family:var(--f-pixel,"Silkscreen",monospace);
  font-size:10px;letter-spacing:.16em;color:#b9a8ff;
}
.at-reward-status{
  font-family:var(--f-pixel,"Silkscreen",monospace);
  font-size:9px;letter-spacing:.14em;color:#2bff88;
  display:flex;align-items:center;gap:6px;
}
.at-reward-status::before{
  content:"";width:6px;height:6px;background:#2bff88;
  box-shadow:0 0 8px #2bff88;
  animation:atLive 1.2s steps(2,end) infinite;
}
.at-reward-mark{
  position:relative;z-index:1;
  width:86px;height:86px;margin:2px auto 8px;
  display:grid;place-items:center;
  filter:drop-shadow(0 0 8px rgba(25,251,208,.55)) drop-shadow(0 0 14px rgba(153,69,255,.65));
}
.at-reward-mark::before{
  content:"";position:absolute;inset:10px;
  background:radial-gradient(circle, rgba(255,63,180,.42), rgba(90,209,255,0) 68%);
  animation:atMarkGlow 1.6s ease-in-out infinite;
}
.at-reward-mark .at-sol-mark{position:relative;image-rendering:pixelated;image-rendering:crisp-edges}
.at-reward-title{
  position:relative;z-index:1;
  margin:0 0 8px;
  font-family:var(--f-pixel,"Silkscreen",monospace);
  font-size:clamp(16px,4vw,20px);
  font-weight:400;letter-spacing:.08em;line-height:1.35;
  color:#fff;text-shadow:0 0 14px rgba(255,63,180,.45);
}
.at-reward-amount{
  position:relative;z-index:1;
  display:flex;justify-content:center;align-items:baseline;gap:8px;
  margin:0 auto 10px;padding:8px 12px;
  background:linear-gradient(180deg,#131131,#0d0c22);
  box-shadow:inset 0 0 0 1px #3a3578, 0 0 18px rgba(90,209,255,.12);
  clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px);
}
.at-reward-amount b{
  font-family:var(--f-mono,"JetBrains Mono",ui-monospace,monospace);
  font-size:clamp(28px,6vw,34px);font-weight:700;letter-spacing:.02em;
  color:#f7fbff;text-shadow:0 0 12px rgba(90,209,255,.75);
}
.at-reward-amount span{
  font-family:var(--f-pixel,"Silkscreen",monospace);
  font-size:11px;letter-spacing:.12em;color:#8d87b8;
}
.at-reward-copy{
  position:relative;z-index:1;
  margin:0 auto;max-width:34ch;
  font-size:15px;line-height:1.4;color:#c9c2ee;
}
.at-reward-sub{
  position:relative;z-index:1;
  margin-top:8px;
  font-family:var(--f-pixel,"Silkscreen",monospace);
  font-size:8px;letter-spacing:.16em;color:#8d87b8;
}
.at-reward-note{
  position:relative;z-index:1;
  margin:10px 0 0;
  font-family:var(--f-mono,ui-monospace,monospace);
  font-size:11px;line-height:1.45;color:#ff7ad9;
}
.at-reward-note[hidden]{display:none}
.at-reward-ok{
  position:relative;z-index:1;
  display:block;width:100%;margin-top:14px;
  padding:12px 16px;border:0;cursor:pointer;
  font-family:var(--f-pixel,"Silkscreen",monospace);
  font-size:12px;letter-spacing:.18em;color:#fff;
  background:linear-gradient(#ff5cc4,#d81f8e);
  box-shadow:inset 0 -3px #0000004d, inset 0 1px #fff6, 0 0 16px rgba(255,63,180,.4);
  clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px);
  transition:filter .15s ease, transform .12s ease;
}
.at-reward-ok:hover{filter:brightness(1.12)}
.at-reward-ok:active{transform:translateY(1px)}
.at-reward-ok:disabled{filter:grayscale(.35) brightness(.85);cursor:wait}
.at-reward-ok:focus-visible{outline:2px solid #5ad1ff;outline-offset:3px}
.at-reward-corners{position:absolute;inset:0;pointer-events:none;z-index:2}
.at-reward-corners b{position:absolute;width:12px;height:12px;border:2px solid #b06bff}
.at-reward-corners b:nth-child(1){top:7px;left:7px;border-right:none;border-bottom:none}
.at-reward-corners b:nth-child(2){top:7px;right:7px;border-left:none;border-bottom:none}
.at-reward-corners b:nth-child(3){bottom:7px;left:7px;border-right:none;border-top:none}
.at-reward-corners b:nth-child(4){bottom:7px;right:7px;border-left:none;border-top:none}

.at-sol-trail,.at-sol-burst{position:fixed;inset:0;pointer-events:none;z-index:2147483300}
.at-sol-fly{
  position:fixed;left:0;top:0;z-index:2147483400;pointer-events:none;
  width:72px;height:72px;display:grid;place-items:center;
  filter:drop-shadow(0 0 6px #19fbd0) drop-shadow(0 0 12px #c84bff);
}
.at-sol-fly .at-sol-mark{image-rendering:pixelated;image-rendering:crisp-edges}
.at-sol-fly::before{
  content:"";position:absolute;inset:8px;border-radius:50%;
  background:radial-gradient(circle, rgba(255,90,210,.7), rgba(25,251,208,0) 70%);
  animation:atMarkGlow .45s ease-in-out infinite;
}
.at-sol-fly.is-impact{filter:drop-shadow(0 0 10px #fff) drop-shadow(0 0 16px #19fbd0)}
.at-sol-spark{
  position:fixed;width:4px;height:4px;margin:-2px 0 0 -2px;pointer-events:none;
  background:#ff7ad9;box-shadow:0 0 8px #ff3fb4;
}
.at-sol-spark--1{background:#5ad1ff;box-shadow:0 0 8px #19fbd0}
.at-sol-spark--2{background:#ffc94d;box-shadow:0 0 8px #ffb547}
.at-sol-burst i{
  position:fixed;width:4px;height:4px;margin:-2px 0 0 -2px;
  background:#ff7ad9;box-shadow:0 0 8px #ff3fb4;
  animation:atSparkOut .55s ease-out forwards;
}
.at-sol-burst i.is-cyan{background:#5ad1ff;box-shadow:0 0 8px #19fbd0}
.at-sol-burst i.is-gold{background:#ffc94d;box-shadow:0 0 8px #ffb547}
.at-sol-burst b{
  position:fixed;width:16px;height:16px;margin:-8px 0 0 -8px;
  border:2px solid rgba(255,122,217,.95);
  box-shadow:0 0 14px rgba(90,209,255,.85), inset 0 0 8px rgba(255,63,180,.45);
  animation:atRing .48s ease-out forwards;
}
.sol-widget.at-sol-hit{
  animation:atWidgetHit .9s ease-out;
}
.sol-widget.at-sol-hit .sol-widget__value .mono{
  animation:atValueFlash .9s ease;
}

@keyframes atRewardIn{
  from{opacity:0;transform:translateY(10px) scale(.96)}
  to{opacity:1;transform:none}
}
@keyframes atRewardOut{
  to{opacity:0;transform:translateY(-16px) scale(.88);filter:brightness(1.7)}
}
@keyframes atLive{50%{opacity:.25}}
@keyframes atMarkGlow{
  0%,100%{opacity:.72;transform:scale(1)}
  50%{opacity:1;transform:scale(1.06)}
}
@keyframes atSparkOut{
  to{transform:translate(var(--dx),var(--dy));opacity:0}
}
@keyframes atRing{
  to{transform:scale(4.4);opacity:0}
}
@keyframes atWidgetHit{
  0%{box-shadow:inset 0 0 0 1px #fff, 0 0 0 rgba(255,63,180,0);filter:brightness(1);transform:scale(1)}
  22%{box-shadow:inset 0 0 0 1px #fff, 0 0 28px rgba(255,63,180,.9), 0 0 42px rgba(25,251,208,.55);filter:brightness(1.45);transform:scale(1.045)}
  100%{box-shadow:inset 0 0 0 1px #4b3a9a, 0 0 22px #8b5cff40;filter:brightness(1);transform:scale(1)}
}
@keyframes atValueFlash{
  0%,100%{color:#fff;text-shadow:0 0 12px #8b5cff99}
  28%{color:#f4feff;text-shadow:0 0 14px #5ad1ff, 0 0 26px #ff3fb4}
}
@media (max-width:560px){
  .at-reward-box{padding:14px 14px 16px}
  .at-reward-head{font-size:9px;letter-spacing:.1em}
  .at-reward-mark{width:74px;height:74px}
  .at-reward-copy{font-size:14px}
}
@media (prefers-reduced-motion:reduce){
  .at-reward-box,.at-reward-status::before,.at-reward-mark::before,.at-sol-fly::before,
  .at-sol-burst i,.at-sol-burst b,.sol-widget.at-sol-hit,.sol-widget.at-sol-hit .sol-widget__value .mono{
    animation:none !important;
  }
}