.store-shell{padding-bottom:30px}.store-intro{align-items:center;padding-bottom:24px}.store-intro p{font-size:12px;margin-top:9px}.store-status{display:flex;align-items:center;gap:14px;margin:-5px 0 18px;font-size:12px;color:var(--muted)}.store-status[hidden]{display:none}.store-status.bad{color:var(--error)}.store-status .text-button{font-size:12px;flex:none}.store-balance{display:grid;grid-template-columns:.9fr 1.2fr auto;align-items:center;gap:26px;padding:25px 27px;margin-bottom:31px}.store-balance-main>p:first-child{font-size:12px;margin-bottom:8px}.store-balance .balance-number{gap:9px}.store-balance .balance-number strong{font-size:43px}.store-balance .balance-number .stick{width:34px;height:34px}.store-lifetime{font-size:10px;margin:9px 0 0 43px}.store-next{padding-left:25px;border-left:1px solid var(--line);min-width:0}.store-label{color:var(--accent);font-size:10px;margin-bottom:6px}.store-next h2{font-size:18px;letter-spacing:-.025em;font-weight:550}.store-next>p:not(.store-label){font-size:11px;margin-top:5px}.store-next .progress{margin-top:13px;height:4px}.store-actions{display:flex;flex-direction:column;gap:8px}.store-actions .button{font-size:11px;min-height:37px;padding:8px 13px}.store-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.store-section-heading h2{font-size:20px;font-weight:550}.store-section-heading p{font-size:11px;margin-top:4px}.store-count{font-size:10px;color:var(--muted);white-space:nowrap}.store-filters{display:flex;gap:5px;flex-wrap:wrap;margin:18px 0 16px}.store-filters button{border:1px solid transparent;border-radius:8px;min-height:34px;padding:6px 14px;background:none;color:var(--muted);font-size:12px;transition:background .15s,border-color .15s}.store-filters button:hover{background:var(--surface);color:var(--ink)}.store-filters button[aria-pressed=true]{background:#91cebc12;color:var(--accent);border-color:#658f815c}.rewards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.reward-card{--reward-tint:132,199,226;--reward-color:#a6def3;position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #41647c88;border-radius:18px;background:linear-gradient(155deg,#17384c,#0c2134 62%,#102b3a);box-shadow:inset 0 1px 0 #d3f2ff0c,0 14px 28px #020e1725;transition:border-color .2s,box-shadow .2s}
.reward-card[data-kind=ornament]{--reward-tint:223,186,119;--reward-color:#e8c992}.reward-card[data-kind=special]{--reward-tint:244,205,127;--reward-color:#f3d697;border-color:#c3a45c88;background:linear-gradient(150deg,#223b42,#132a3a 63%,#243337)}
.reward-card:before{content:'';position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--reward-tint),.9),transparent);z-index:3}.reward-card:hover{border-color:rgba(var(--reward-tint),.75);box-shadow:inset 0 1px 0 #d3f2ff10,0 17px 34px #020e1745}.reward-card.owned{border-color:#78b6a894}
.reward-art{position:relative;flex:none;display:flex;align-items:center;justify-content:center;aspect-ratio:1.05;overflow:hidden;padding:0;isolation:isolate;background:radial-gradient(ellipse at 50% 67%,rgba(var(--reward-tint),.18),transparent 62%),linear-gradient(155deg,#173e54a6,#102b4399 54%,#071b2b66)}
.reward-art:before{content:'';position:absolute;inset:14px;border:1px solid rgba(var(--reward-tint),.14);border-radius:12px;z-index:2;pointer-events:none;mask-image:linear-gradient(#000,transparent 88%)}.reward-art:after{content:'';position:absolute;left:0;right:0;bottom:0;height:24%;width:auto;border-radius:0;filter:none;z-index:1;background:linear-gradient(transparent,#10283b9c);pointer-events:none}
.reward-art img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:var(--reward-image-fit,contain);object-position:var(--reward-image-position,50% 50%);transform-origin:var(--reward-image-origin,50% 50%);transform:scale(var(--reward-image-scale,1.2)) rotate(var(--reward-image-rotate,0deg));filter:drop-shadow(0 12px 13px #020c2066);opacity:1;z-index:0;transition:transform .28s ease}
.reward-card:hover .reward-art img{transform:translateY(-3px) scale(var(--reward-image-scale,1.2)) rotate(var(--reward-image-rotate,0deg))}.reward-card[data-kind=special] .reward-art img{filter:none}.reward-card[data-kind=special] .reward-art:after{height:30%;background:linear-gradient(transparent,#132a3ab3)}
.reward-art-label{position:absolute;top:24px;left:24px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid rgba(var(--reward-tint),.35);border-radius:6px;background:#0a1e30cc;color:var(--reward-color);font-size:9px;font-weight:600;letter-spacing:.075em;text-transform:uppercase;line-height:1.3;backdrop-filter:blur(9px)}.reward-art-label:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor;box-shadow:0 0 8px rgba(var(--reward-tint),.6)}
.reward-copy{display:flex;flex-direction:column;flex:1;padding:17px 20px 19px;border-top:1px solid rgba(var(--reward-tint),.15);background:linear-gradient(160deg,#16344a99,#0b203188)}.reward-kind{font-size:9px;color:var(--reward-color);margin-bottom:5px}.reward-card h3{font-size:17px;line-height:1.25;font-weight:600;letter-spacing:-.025em;color:#eef5f2}.reward-description{font-size:11px;line-height:1.6;margin-top:8px;flex:1;color:#afc2cb}
.reward-footer{border-top:1px solid rgba(var(--reward-tint),.18);margin-top:19px;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.reward-threshold{color:var(--reward-color);font-size:16px;font-weight:600;letter-spacing:-.025em;white-space:nowrap;font-variant-numeric:tabular-nums}.reward-threshold span{font-size:9px;letter-spacing:0;color:#acbec8;font-weight:400;margin-left:4px}.reward-state{font-size:10px;color:#b1c1ca}.reward-state.unlocked{color:#a5dfc9}.reward-state.reached{color:#f3d697}.reward-progress{height:3px;background:#42607377;border-radius:3px;overflow:hidden;margin-top:12px}.reward-progress i{display:block;height:100%;background:linear-gradient(90deg,#6cbdbd,var(--reward-color));border-radius:3px}
.reward-platform{color:var(--muted);font-size:9px;margin-top:9px;display:flex;gap:5px;align-items:center}.reward-platform svg{width:11px;height:11px;flex:none}.reward-image-fallback{font-size:55px;color:var(--reward-color);padding:20px;line-height:1}
.empty-rewards{padding:28px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;font-size:12px}.store-achievements{margin-top:31px}.reward-achievements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.reward-achievement{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:11px;padding:14px 16px;background:#1c272e77}.reward-achievement.earned{border-color:#688f8277}.reward-achievement-symbol{width:32px;height:32px;border:1px solid #4e605f;border-radius:50%;color:#c8ad7e;display:flex;align-items:center;justify-content:center;flex:none;font-size:15px}.reward-achievement.earned .reward-achievement-symbol{color:var(--accent);border-color:#688f82}.reward-achievement h3{font-size:12px;font-weight:550}.reward-achievement p{font-size:10px;line-height:1.5;margin-top:3px}.achievement-state{display:block;color:var(--muted);font-size:9px;margin-top:5px}.reward-achievement.earned .achievement-state{color:var(--accent)}.earning-rules{margin-top:28px;margin-bottom:0;padding:20px 24px;display:flex;align-items:flex-start;gap:15px;background:#1c272e88}.earning-icon{width:30px;height:30px;color:var(--accent);flex:none}.earning-icon svg{width:100%;height:100%}.earning-rules h2{font-size:14px;font-weight:550}.earning-rules p{font-size:11px;margin-top:6px}.earning-rules .earning-footnote{font-size:10px;margin-top:7px;max-width:620px;color:#8fa3a9}
@media(min-width:1120px){.store-shell{max-width:1060px}.rewards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reward-art{aspect-ratio:1.05}.reward-description{font-size:11px}}
@media(max-width:760px){.store-balance{grid-template-columns:.85fr 1.15fr;gap:21px;padding:23px}.store-actions{grid-column:1/-1;flex-direction:row;padding-top:17px;border-top:1px solid var(--line)}.store-actions .button{flex:1}.store-next{padding-left:21px}.store-balance .balance-number strong{font-size:38px}.store-lifetime{font-size:9px;margin-left:0}.rewards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reward-art{aspect-ratio:1.02}.reward-art-label{top:21px;left:21px;font-size:8px}.reward-copy{padding:15px 16px 16px}.reward-card h3{font-size:15px}.reward-description{font-size:10px}.reward-threshold{font-size:14px}.reward-threshold span{font-size:8px}.reward-state{font-size:9px}.reward-footer{margin-top:13px;padding-top:10px}.rewards-grid{gap:10px}}
@media(max-width:540px){.store-intro p{font-size:11px;max-width:220px}.store-balance{padding:21px 20px;gap:17px;margin-bottom:27px}.store-next{padding-left:17px}.store-next h2{font-size:16px}.store-next>p:not(.store-label){font-size:10px}.store-label{font-size:9px}.store-balance .balance-number strong{font-size:35px}.store-balance .balance-number .stick{width:29px;height:29px}.store-balance-main>p:first-child{font-size:11px}.rewards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reward-art{aspect-ratio:.98}.reward-art:before{inset:10px;border-radius:10px}.reward-art-label{top:17px;left:17px;font-size:8px;padding:4px 7px}.store-section-heading h2{font-size:18px}.store-section-heading p{font-size:10px}.store-count{font-size:9px}.store-filters{gap:3px;margin:16px 0 13px}.store-filters button{font-size:11px;min-height:32px;padding:5px 12px}.reward-achievements{grid-template-columns:1fr;gap:8px}.reward-achievement{padding:13px 15px}.earning-rules{padding:20px;gap:12px}.earning-rules h2{font-size:13px}.earning-rules p{font-size:10px}.earning-rules .earning-footnote{font-size:9px}}
@media(max-width:360px){.store-balance{padding:18px 16px;gap:14px}.store-next{padding-left:14px}.store-next h2{font-size:14px}.store-balance .balance-number strong{font-size:30px}.store-balance .balance-number .stick{width:24px;height:24px}.store-balance .balance-number{gap:6px}.reward-art{aspect-ratio:1}.reward-copy{padding:13px 12px 14px}.reward-card h3{font-size:13px}.reward-platform{font-size:8px}.store-filters button{padding:5px 10px}}

@media(prefers-reduced-motion:reduce){.reward-card,.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))}}

/* Locked awards retain the same rich colour as earned awards. */
.reward-achievement-symbol{font-size:22px;width:42px;height:42px;border-color:#698eac66;background:radial-gradient(circle at 35% 20%,#5e9ca94d,#24425088);box-shadow:inset 0 0 14px #8de7e31c;filter:none;opacity:1}