/* r395 — approved treasure store. Scoped to coin cards; other tabs and purchase bridge stay intact. */
html.island-ui #store-panel{top:calc((100dvh + var(--safe-t) - var(--safe-b))/2);left:calc((100vw + var(--safe-l) - var(--safe-r))/2)}
html.island-ui #store-panel #store-content .gold-stage{padding:12px 2px 0!important;min-height:0;background:none;border:0;box-shadow:none;overflow:visible}
html.island-ui #store-panel #store-content .gold-featured-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:stretch;gap:12px;min-height:0;padding:0;position:relative;inset:auto}
html.island-ui #store-panel #store-content .gold-small-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:12px;margin:14px 2px 4px}
html.island-ui #store-panel #store-content .gold-pack{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-width:0;min-height:0;height:auto;padding:13px 10px 10px;gap:0;border:1px solid #2995ad!important;border-radius:12px;background:radial-gradient(ellipse at 50% 70%,#0b5160 0,#023342 65%)!important;box-shadow:inset 0 1px #92e7fa17!important;overflow:visible;transform:none;clip-path:none;animation:none;filter:none;text-align:center}
html.island-ui #store-panel #store-content .gold-pack::before,html.island-ui #store-panel #store-content .gold-pack::after{display:none}
html.island-ui #store-panel #store-content .gold-hero{margin-top:-10px;padding-top:20px;border:2px solid #f6dc64!important;background:radial-gradient(ellipse at 50% 60%,#3f5233 0,#073b42 48%,#002d3d 87%)!important}
html.island-ui #store-panel #store-content .gold-amount{position:relative;z-index:3;display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:6px;margin:0;color:#e6f7ff;font:800 14px/1.1 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:0}
html.island-ui #store-panel #store-content .gold-amount strong{color:#ffdf63;font-size:38px;font-weight:850;letter-spacing:-1px;text-shadow:0 1px #815924}
html.island-ui #store-panel #store-content .gold-hero .gold-amount strong{font-size:46px}
html.island-ui #store-panel #store-content .gold-tagline{position:relative;z-index:3;min-height:32px;padding-top:7px;text-align:center}
html.island-ui #store-panel #store-content .gold-tag{display:inline-block;max-width:100%;padding:4px 7px;border-radius:4px;background:#a4eaff;color:#073648;font:800 11px/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:.3px;overflow-wrap:break-word}
html.island-ui #store-panel #store-content .gold-tag-largest{background:#ffdf6b;color:#2e360e}
html.island-ui #store-panel #store-content .gold-art{position:relative;isolation:isolate;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:clamp(110px,calc((100dvh - 450px)*.47),180px);min-height:0;flex:none;margin:3px 0 8px;pointer-events:none}
html.island-ui #store-panel #store-content .gold-crop{position:relative;height:100%;width:auto;max-width:100%;flex:none;background-image:url('./assets/ui/store/gold-treasure-atlas-v2.jpg');background-repeat:no-repeat;border-radius:8px;mask-image:linear-gradient(#000 0,#000 89%,transparent);-webkit-mask-image:linear-gradient(#000 0,#000 89%,transparent)}
html.island-ui #store-panel #store-content .gold-small{padding-top:11px}
html.island-ui #store-panel #store-content .gold-small .gold-amount strong{font-size:30px}
html.island-ui #store-panel #store-content .gold-small .gold-art{height:clamp(55px,calc((100dvh - 500px)*.24),85px);margin:8px 0}
html.island-ui #store-panel #store-content .gold-pack .gold-cta{position:relative;z-index:4;isolation:isolate;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;overflow:hidden;width:100%;min-width:0;min-height:48px;height:auto;margin:0;padding:9px 6px;margin-top:auto;border:1px solid #fff0a8!important;border-radius:8px;background:linear-gradient(#ffe37e,#ffce37)!important;color:#003443!important;box-shadow:inset 0 1px #fff7,0 2px #986b3655!important;clip-path:none;transform:none;letter-spacing:0;text-shadow:none;touch-action:manipulation;transition:transform .14s,filter .14s}
html.island-ui #store-panel #store-content .gold-cta .gold-buy,html.island-ui #store-panel #store-content .gold-cta .gold-price{font:800 16px/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#003443!important;letter-spacing:0;white-space:normal;overflow-wrap:anywhere}
html.island-ui #store-panel #store-content .gold-cta .gold-price:before{content:'·';padding-right:5px}
html.island-ui #store-panel #store-content .gold-cta:active:not(:disabled){transform:translateY(2px) scale(.975);filter:brightness(1.1)}
html.island-ui #store-panel #store-content .gold-cta:focus-visible{outline:3px solid #b4ffff;outline-offset:3px}
html.island-ui #store-panel #store-content .gold-pack.focused{outline:3px solid #a5ffff;outline-offset:2px;scroll-margin:12px}
html.island-ui #store-panel #store-content .gold-cta:disabled{cursor:default}
html.island-ui #store-panel #store-content .gold-cta.store-preview-price:disabled{opacity:1;filter:none}
html.island-ui #store-panel #store-content .gold-halo{position:absolute;z-index:1;left:10%;right:10%;top:18%;bottom:9%;border-radius:50%;background:radial-gradient(ellipse,#ffd45b35,transparent 70%);pointer-events:none;opacity:0;mix-blend-mode:screen;animation:gold-store-warmth 7.3s ease-in-out infinite;animation-delay:-3s}
html.island-ui #store-panel #store-content .gold-hero .gold-halo{background:radial-gradient(ellipse,#ffd45b66,transparent 70%);animation-duration:5.6s;animation-delay:0s}
html.island-ui #store-panel #store-content .gold-rim{position:absolute;z-index:2;inset:-2px;pointer-events:none;border:2px solid #fff29a;border-radius:12px;box-shadow:0 0 13px #ffcf586b,inset 0 0 9px #ffdb4140;opacity:.4;animation:gold-store-rim 5.6s ease-in-out infinite}
html.island-ui #store-panel #store-content .gold-spark{position:absolute;z-index:2;left:var(--sx);top:var(--sy);width:var(--size);height:var(--size);background:#fff4b5;pointer-events:none;clip-path:polygon(50% 0,61% 37%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 37%);opacity:0;animation:gold-store-spark var(--period) ease-in-out infinite;animation-delay:var(--delay)}
html.island-ui #store-panel #store-content .gold-particle{position:absolute;z-index:2;left:var(--px);top:var(--py);width:var(--grain);height:var(--grain);border-radius:1px;background:#fff3b2;box-shadow:0 0 5px #ffd258cc,0 0 9px #ffc64960;pointer-events:none;opacity:0;--rise:22px;animation:gold-store-particle var(--cycle) ease-out infinite;animation-delay:var(--phase)}
html.island-ui #store-panel #store-content .gold-particle-glint{background:#fff8cf;clip-path:polygon(50% 0,62% 37%,100% 50%,62% 63%,50% 100%,38% 63%,0 50%,38% 37%)}
html.island-ui #store-panel #store-content .gold-sheen{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;border-radius:8px;mask-image:radial-gradient(ellipse,#000 0,#000 50%,transparent 76%);-webkit-mask-image:radial-gradient(ellipse,#000 0,#000 50%,transparent 76%)}
html.island-ui #store-panel #store-content .gold-sheen:after{content:'';position:absolute;inset:-10% -40%;background:linear-gradient(112deg,transparent 43%,#fff5bc55 48%,#fff9dd70 50%,transparent 55%);opacity:0;animation:gold-store-sheen 9s ease-in-out infinite;animation-delay:var(--delay)}
html.island-ui #store-panel #store-content .gold-cta:after{content:'';position:absolute;z-index:1;inset:-35% -40%;background:linear-gradient(110deg,transparent 43%,#fff9 50%,transparent 57%);pointer-events:none;opacity:0;animation:gold-store-button-shine 11s ease-in-out infinite;animation-delay:var(--delay)}
html.island-ui #store-panel:is(.hidden,.gold-effects-paused,.purchase-busy) .gold-fx,html.island-ui #store-panel:is(.hidden,.gold-effects-paused,.purchase-busy) .gold-fx:after,html.island-ui #store-panel:is(.hidden,.gold-effects-paused,.purchase-busy) .gold-cta:after,html.island-ui #store-panel .island-store-hidden .gold-fx,html.island-ui #store-panel .island-store-hidden .gold-fx:after,html.island-ui #store-panel .island-store-hidden .gold-cta:after{animation-play-state:paused!important}
@keyframes gold-store-warmth{0%,100%{opacity:.12;transform:scale(.95)}50%{opacity:.6;transform:scale(1.035)}}
@keyframes gold-store-rim{0%,100%{opacity:.2}50%{opacity:.7}}
@keyframes gold-store-spark{0%,60%,100%{opacity:0;transform:scale(.35) rotate(-14deg)}68%{opacity:.85;transform:scale(1) rotate(0)}79%{opacity:0;transform:scale(.3) rotate(14deg)}}
@keyframes gold-store-particle{0%{opacity:0;transform:translate(0,0) scale(.6)}12%{opacity:.9;transform:translate(calc(var(--drift) * .15),calc(-.15 * var(--rise))) scale(1)}35%{opacity:.78}62%,100%{opacity:0;transform:translate(var(--drift),calc(-1 * var(--rise))) scale(.4)}}
@keyframes gold-store-sheen{0%,67%,100%{opacity:0;transform:translateX(-45%)}73%{opacity:.45}85%{opacity:0;transform:translateX(45%)}}
@keyframes gold-store-button-shine{0%,82%,100%{opacity:0;transform:translateX(-40%)}86%{opacity:.55}95%{opacity:0;transform:translateX(40%)}}
@media(max-height:520px) and (orientation:landscape){
 html.island-ui #store-panel #store-content .gold-stage{padding-top:9px!important}
 html.island-ui #store-panel #store-content .gold-pack{padding:8px 8px 7px}
 html.island-ui #store-panel #store-content .gold-hero{margin-top:-6px;padding-top:11px}
 html.island-ui #store-panel #store-content .gold-amount strong{font-size:28px}
 html.island-ui #store-panel #store-content .gold-hero .gold-amount strong{font-size:34px}
 html.island-ui #store-panel #store-content .gold-art{width:100%;height:clamp(30px,calc(100dvh - var(--safe-t) - var(--safe-b) - 320px),110px);margin:0 auto 3px}
 html.island-ui #store-panel #store-content .gold-tagline{min-height:26px;padding-top:4px}
 html.island-ui #store-panel #store-content .gold-small .gold-art{width:100%;height:54px;margin:5px auto}
 html.island-ui #store-panel #store-content .gold-small .gold-amount strong{font-size:25px}
 html.island-ui #store-panel #store-content .gold-particle{--rise:15px}
}
@media(max-height:450px) and (orientation:landscape){
 html.island-ui #store-panel #store-content .gold-pack{padding:5px 5px 6px}
 html.island-ui #store-panel #store-content .gold-hero{padding-top:8px;margin-top:-4px}
 html.island-ui #store-panel #store-content .gold-stage{padding-top:6px!important}
 html.island-ui #store-panel #store-content .gold-amount strong{font-size:26px}
 html.island-ui #store-panel #store-content .gold-hero .gold-amount strong{font-size:30px}
 html.island-ui #store-panel #store-content .gold-tagline{min-height:21px;padding-top:2px}
 html.island-ui #store-panel #store-content .gold-tag{font-size:10px;padding:2px 5px}
 html.island-ui #store-panel #store-content .gold-pack .gold-cta{min-height:44px;padding:6px}
}
@media(max-width:700px){
 html.island-ui #store-panel #store-content .gold-featured-grid{grid-template-columns:1fr 1.17fr 1fr;gap:8px}
 html.island-ui #store-panel #store-content .gold-small-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
 html.island-ui #store-panel #store-content .gold-pack{padding:9px 5px 6px}
 html.island-ui #store-panel #store-content .gold-hero{padding-top:13px}
 html.island-ui #store-panel #store-content .gold-amount{gap:3px;font-size:11px}
 html.island-ui #store-panel #store-content .gold-amount strong{font-size:25px}
 html.island-ui #store-panel #store-content .gold-hero .gold-amount strong{font-size:30px}
 html.island-ui #store-panel #store-content .gold-small .gold-amount strong{font-size:24px}
 html.island-ui #store-panel #store-content .gold-tag{font-size:10px;padding:3px 4px}
 html.island-ui #store-panel #store-content .gold-cta .gold-buy,html.island-ui #store-panel #store-content .gold-cta .gold-price{font-size:13px}
}
@media(max-width:430px){
 html.island-ui #store-panel #store-content .gold-cta{flex-direction:column;gap:3px}
 html.island-ui #store-panel #store-content .gold-cta .gold-price:before{display:none}
 html.island-ui #store-panel #store-content .gold-amount strong{font-size:21px}
 html.island-ui #store-panel #store-content .gold-hero .gold-amount strong{font-size:25px}
 html.island-ui #store-panel #store-content .gold-tagline{min-height:34px}
 html.island-ui #store-panel #store-content .gold-cta .gold-buy,html.island-ui #store-panel #store-content .gold-cta .gold-price{font-size:11px}
}
/* Height wins over width on compact landscape phones: keep the purchase row visible. */
@media(max-height:350px) and (orientation:landscape){
 html.island-ui #store-panel #store-content .gold-pack{padding:4px 5px 5px}
 html.island-ui #store-panel #store-content .gold-hero{padding-top:6px}
 html.island-ui #store-panel #store-content .gold-tagline{display:none}
 html.island-ui #store-panel #store-content .gold-amount strong{font-size:24px}
 html.island-ui #store-panel #store-content .gold-hero .gold-amount strong{font-size:26px}
 html.island-ui #store-panel #store-content .gold-art{margin-top:2px}
}
@media(prefers-reduced-motion:reduce){
 html.island-ui #store-panel #store-content .gold-fx,html.island-ui #store-panel #store-content .gold-fx:after,html.island-ui #store-panel #store-content .gold-cta:after{animation:none!important;opacity:0!important}
 html.island-ui #store-panel #store-content .gold-cta{transition:none}
}