.realm-reward{background:rgba(2,10,15,.78);backdrop-filter:blur(3px)}
.realm-reward-card{position:relative;width:min(510px,100%);padding:22px 22px 20px;border:1px solid rgba(174,220,207,.38);background:linear-gradient(155deg,rgba(12,37,42,.98),rgba(6,18,26,.98) 66%,rgba(20,31,40,.98));box-shadow:0 20px 70px rgba(0,0,0,.48),inset 0 0 36px rgba(101,194,172,.055)}
.realm-reward-card::before,.realm-reward-card::after{position:absolute;top:7px;bottom:7px;width:12px;border-top:1px solid rgba(233,197,123,.58);border-bottom:1px solid rgba(233,197,123,.58);content:"";pointer-events:none}
.realm-reward-card::before{left:7px;border-left:1px solid rgba(233,197,123,.58)}
.realm-reward-card::after{right:7px;border-right:1px solid rgba(233,197,123,.58)}
.realm-reward-card .micro{display:inline-flex;align-items:center;gap:8px;font-size:10px}
.realm-reward-card .micro::before,.realm-reward-card .micro::after{width:22px;height:1px;background:linear-gradient(90deg,transparent,#cba968);content:""}
.realm-reward-card .micro::after{transform:scaleX(-1)}
.realm-reward-card h2{margin:7px 0 5px;font-size:24px;text-shadow:0 0 18px rgba(102,221,200,.22)}
.realm-reward-card>p{margin:0 0 15px;font-size:11px}
.realm-reward-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.realm-reward-options button{position:relative;display:block;min-width:0;min-height:76px;padding:11px 10px 10px 48px;overflow:hidden;border:1px solid rgba(163,205,196,.26);background:linear-gradient(120deg,rgba(37,78,78,.24),rgba(255,255,255,.025) 66%);transition:transform .16s ease,border-color .16s ease,background .16s ease}
.realm-reward-options button::before{position:absolute;top:50%;left:11px;display:grid;width:27px;height:27px;place-items:center;transform:translateY(-50%);border:1px solid var(--boon-color,rgba(102,221,200,.5));background:color-mix(in srgb,var(--boon-color,#66ddc8) 13%,transparent);color:var(--boon-color,#8de9d8);font:700 15px Georgia,serif;text-shadow:0 0 10px var(--boon-color,#66ddc8);content:attr(data-mark)}
.realm-reward-options button::after{position:absolute;top:7px;right:8px;color:rgba(216,231,220,.38);font:600 8px ui-monospace,monospace;content:attr(data-order)}
.realm-reward-options button:hover,.realm-reward-options button:focus-visible{transform:translateY(-2px);border-color:var(--boon-color,#66ddc8);background:linear-gradient(120deg,color-mix(in srgb,var(--boon-color,#66ddc8) 17%,transparent),rgba(255,255,255,.045) 70%);outline:none}
.realm-reward-options button:active{transform:translateY(0) scale(.985)}
.realm-reward-options b{display:block;margin:0 12px 4px 0;color:var(--boon-title,#a8eee0);font-size:12px;font-weight:700}
.realm-reward-options small{display:block;color:#b8cbc8;font-size:10px;line-height:1.45}
.realm-reward-options [data-boon="ward"]{--boon-color:#e8c477;--boon-title:#f0d99d;--boon-mark:"✚"}
.realm-reward-options [data-boon="magnet"]{--boon-color:#70d8c3;--boon-title:#a8eee0}
.realm-reward-options [data-boon="haste"]{--boon-color:#e69a77;--boon-title:#f1b394}
.realm-reward-options [data-extra-boon="fortune"]{--boon-color:#80d8b1;--boon-title:#b3efd0}
.realm-reward-options [data-extra-boon="edge"]{--boon-color:#d5a0ff;--boon-title:#dfc0ff}
.realm-reward-options [data-extra-boon="spring"]{--boon-color:#83c5ec;--boon-title:#b3e0fb}
.realm-reward-options [data-boon="ward"]::before{content:"✚"}
.realm-reward-options [data-boon="magnet"]::before{content:"◇"}
.realm-reward-options [data-boon="haste"]::before{content:"〽"}
.realm-reward-options [data-extra-boon="fortune"]::before{content:"玉"}
.realm-reward-options [data-extra-boon="edge"]::before{content:"刃"}
.realm-reward-options [data-extra-boon="spring"]::before{content:"泉"}
.realm-reward-options [data-boon="ward"]::after{content:"01"}
.realm-reward-options [data-boon="magnet"]::after{content:"02"}
.realm-reward-options [data-boon="haste"]::after{content:"03"}
.realm-reward-options [data-extra-boon="fortune"]::after{content:"04"}
.realm-reward-options [data-extra-boon="edge"]::after{content:"05"}
.realm-reward-options [data-extra-boon="spring"]::after{content:"06"}
@media(max-width:620px){
  .realm-reward{padding:10px}
  .realm-reward-card{padding:19px 17px 16px}
  .realm-reward-card h2{font-size:21px}
  .realm-reward-card>p{margin-bottom:12px}
  .realm-reward-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .realm-reward-options button{min-height:74px;padding:10px 7px 9px 39px}
  .realm-reward-options button::before{left:7px;width:24px;height:24px;font-size:13px}
  .realm-reward-options b{font-size:11px}
  .realm-reward-options small{font-size:9px;line-height:1.4}
}
@media(prefers-reduced-motion:reduce){.realm-reward-options button{transition:none}}