/* Quiet aquarium comic covers: still ink rays and printed dots.
   Only one bubble drifts by two pixels; artwork, stars and badges stay still. */
.reward-stage{--burst-light:#69dfdb;--burst-deep:#157687;--burst-ink:#083c55;position:relative;isolation:isolate}
[data-kind=ornament] .reward-stage{--burst-light:#ffd288;--burst-deep:#bf7547;--burst-ink:#284b61}
[data-kind=special] .reward-stage{--burst-light:#ffe7a2;--burst-deep:#ac8b36;--burst-ink:#1a5260}
.reward-burst{position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 48% 55%,color-mix(in srgb,var(--burst-light) 35%,transparent),transparent 70%),linear-gradient(145deg,#214e65,#102d42)}
.reward-burst:before{content:'';position:absolute;inset:-70%;background:repeating-conic-gradient(from 8deg,var(--burst-light) 0deg 9deg,var(--burst-deep) 9deg 19deg,var(--burst-ink) 19deg 27deg,var(--burst-deep) 27deg 30deg);opacity:.32;transform:rotate(var(--reward-angle,-12deg));mask-image:radial-gradient(circle,#000 0 16%,#000a 35%,#0004 61%,transparent 72%)}
.reward-burst:after{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,#061e34aa .8px,transparent 1.2px);background-size:7px 7px;opacity:.6;mask-image:linear-gradient(125deg,#000,transparent 45%,transparent 62%,#000)}
.reward-burst i{position:absolute;display:block;width:17px;height:17px;left:11%;top:66%;border:2px solid #d7ffed80;border-radius:50%;box-shadow:inset 2px 2px #ffffff12}
.reward-burst i:first-child{animation:reef-reward-bubbles var(--reward-duration,24s) ease-in-out infinite;animation-delay:var(--reward-phase,0s);animation-play-state:paused}
.reward-burst i:nth-child(2){left:83%;top:31%;width:10px;height:10px}
.reward-burst i:nth-child(3){left:77%;top:72%;width:auto;height:auto;font:24px/1 Georgia,serif;border:0;border-radius:0;box-shadow:none;color:#ffe3a0}
.reward-burst i:nth-child(4){left:15%;top:21%;width:7px;height:7px}
.reward-motion>.reward-burst i:first-child{animation-play-state:running}
.reward-card,.fs-card,.item{border:2px solid #3d7380;box-shadow:4px 5px 0 #041c2870,inset 0 1px #d8fff211;border-radius:18px;background:linear-gradient(150deg,#214152,#102839)}
.reward-card.owned,.fs-card.own{border-color:#8ed9bd}
.reward-art,.fs-card-art,.item-visual{background:#173a50}
.reward-art img,.fs-card-art img,.item-visual img{filter:drop-shadow(0 9px 6px #03192955);opacity:1;background:transparent}
.reward-art img{transition:none}.reward-card:hover .reward-art img{transform:scale(var(--reward-image-scale,1.2)) rotate(var(--reward-image-rotate,0deg))}
.reward-art-label{border:1.5px solid #b4e1dd9c;background:#092c43ed;border-radius:5px;transform:rotate(-3deg);box-shadow:2px 2px 0 #031c32a8;font-weight:800;letter-spacing:.07em;color:#fff0c7}
.reward-copy{background:linear-gradient(145deg,#1b3b50,#102738);border-top:2px solid #386575}
.reward-card h3,.fs-c-body b,.item b{font-family:'Trebuchet MS','Segoe UI',system-ui,sans-serif;font-weight:750;color:#fff5dc;letter-spacing:-.02em}
.reward-card h3{font-size:18px}.fs-c-body b{font-size:16px}
.reward-achievement{border:1.5px solid #456d78;background:linear-gradient(135deg,#214151,#152b39);box-shadow:3px 3px 0 #031c285e;border-radius:13px}
.reward-achievement-symbol{width:47px;height:47px;font-size:24px;border:2px solid #ddc58b99;box-shadow:2px 3px 0 #051d2d99;border-radius:14px}
.reward-achievement-symbol>.reward-burst:before{opacity:.48}.reward-achievement-symbol>.reward-burst i{display:none}
.achievement-list,.fs-g-badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:10px}
.achievement,.fs-badge{display:flex;align-items:center;min-height:52px;border:1.5px solid #6d8e8d;border-radius:11px;padding:10px 13px;color:#fff1c9;font-size:11px;font-weight:600;line-height:1.4;background:#19384a;box-shadow:2px 3px 0 #031d2c70;opacity:1}
.achievement>.reward-burst:before,.fs-badge>.reward-burst:before{opacity:.16}.achievement>.reward-burst i,.fs-badge>.reward-burst i{display:none}
.achievement.earned,.fs-badge.got{border-color:#a9ddbd;color:#e1ffe5}.fs-g-head{z-index:5}
@keyframes reef-reward-bubbles{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@media(max-width:540px){.reward-card h3{font-size:15px}.reward-art-label{font-size:8px}.achievement-list,.fs-g-badges{grid-template-columns:repeat(2,minmax(0,1fr))}.achievement,.fs-badge{font-size:10px;padding:9px 10px;min-height:50px}.reward-burst:after{background-size:6px 6px}}
@media(prefers-reduced-motion:reduce){.reward-burst:before,.reward-burst i{animation:none!important}.reward-card,.reward-art img{transition:none!important}}