/* A quiet paper shop around a theatrical, readable hand preview. */
.fantasy-store{width:min(1080px,calc(100% - 40px));max-width:none;max-height:94dvh;padding:0;border:1px solid #ceceb9;border-radius:18px;background:#f6f2e5;color:#243b32;box-shadow:0 28px 100px #061f2466;scrollbar-gutter:stable;overscroll-behavior:contain}.fantasy-store::backdrop{background:#09291ee6;backdrop-filter:blur(8px)}.fantasy-store button{font:inherit}.fantasy-store button:focus-visible,.fantasy-store input:focus-visible{outline:3px solid #ad743b;outline-offset:3px}.store-top{position:sticky;top:0;z-index:5;background:#f6f2e5;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 28px;border-bottom:1px solid #dcdaca}.store-top>span{font-size:9px;font-weight:700;letter-spacing:2px;text-align:center}.store-back,.store-close{background:transparent;border:0;min-height:44px}.store-back{font-size:12px!important;white-space:nowrap}.store-close{width:44px;flex-shrink:0;border:1px solid #c6cdb9;border-radius:50%;font-size:25px!important}.store-heading{text-align:center;padding:22px 24px 20px}.store-kicker{display:block;font-size:10px;font-weight:700;letter-spacing:2px;color:#737c63}.store-heading h2{font:600 clamp(28px,3vw,36px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-1.2px;margin:0 0 6px}.store-heading p{font-size:11px;color:#6e775f;margin:0}.fantasy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 28px 24px}.fantasy-card{border-radius:12px;overflow:hidden;border:1px solid #d4d7c6;background:#fffcf2;min-width:0}.fantasy-card-head{display:flex;justify-content:space-between;padding:16px 18px 0;font-size:9px;letter-spacing:1.7px;font-weight:700;color:#d4dec7;position:relative;z-index:1;background:#214739}.fantasy-card-head b{font-family:'Space Grotesk';font-size:12px;letter-spacing:0;opacity:.6}.fantasy-art{position:relative;isolation:isolate;display:block;width:100%;height:225px;border:0;background:radial-gradient(ellipse at 50% 60%,#81a87744,transparent 65%),#214739;padding:12px 22px 20px;overflow:hidden}.fantasy-art .hand-style-art{width:100%;height:100%;position:relative;z-index:2;transition:transform .4s;filter:drop-shadow(0 12px 8px #071e2740)}.fantasy-art:hover .hand-style-art{transform:translateY(-5px) rotate(-4deg)}.fantasy-orbit{position:absolute;inset:14% 17%;border:1px solid var(--fantasy-accent);border-radius:50%;opacity:.22;z-index:1}.fantasy-orbit:after{content:'✦';position:absolute;top:-10px;color:var(--fantasy-accent);font-size:18px}.fantasy-card[data-fantasy=wizard] .fantasy-card-head{background:#302e4a}.fantasy-card[data-fantasy=wizard] .fantasy-art{background:radial-gradient(ellipse at 50% 60%,#9775c04d,transparent 70%),#302e4a}.fantasy-card[data-fantasy=stormcaller] .fantasy-card-head{background:#243b49}.fantasy-card[data-fantasy=stormcaller] .fantasy-art{background:radial-gradient(ellipse at 50% 60%,#68bdd94a,transparent 70%),#243b49}.fantasy-card-copy{padding:18px}.fantasy-card h3{font:600 21px/1.2 'Space Grotesk';letter-spacing:-.6px;margin:0 0 8px}.fantasy-card-copy p{font-size:12px;line-height:1.5;color:#6b765f;min-height:36px;margin:0 0 18px}.fantasy-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.fantasy-card-bottom>span{font:600 23px 'Space Grotesk';letter-spacing:-.5px}.fantasy-card-bottom small{display:block;font:10px 'DM Sans';letter-spacing:0;color:#7a8069;margin-top:3px}.fantasy-card-bottom button{min-height:44px;border:1px solid #bfc6b0;border-radius:6px;background:transparent;padding:10px 16px;font-weight:600;font-size:12px}.fantasy-card-bottom button:hover{background:#e9edd9}.fantasy-card-bottom button span{margin-left:9px}.store-promise{display:flex;justify-content:center;gap:24px;border-top:1px solid #dcdaca;padding:18px 24px;font-size:11px;color:#626f58;flex-wrap:wrap}
/* Keep the purchase bar outside the scrolling detail pane. */
.fantasy-store[data-view=detail]{height:min(800px,94dvh);overflow:hidden;scrollbar-gutter:auto}.fantasy-store[data-view=detail] #store-content{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.fantasy-store[data-view=detail] .store-top{position:relative;padding-top:8px;padding-bottom:8px}.store-detail{display:grid;grid-template-columns:1.08fr 1fr;grid-template-rows:auto minmax(0,1fr);gap:16px 28px;align-items:start;align-content:start;padding:24px;overflow-y:auto;min-height:0;overscroll-behavior:contain;scroll-padding:16px}.store-buybar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px 16px;padding:14px 28px;background:#f6f2e5;border-top:1px solid #d2d7c2;box-shadow:0 -6px 18px #243b3208;position:relative;z-index:6}.store-buy-price span{display:block;font-size:12px;font-weight:600;color:#657159}.store-buy-price strong{display:block;font:600 26px/1.15 'Space Grotesk';letter-spacing:-.7px;margin-top:3px}.store-buybar .store-primary{width:auto;min-width:180px}.store-buy-note{grid-column:1/-1;font-size:10px;line-height:1.4;color:#6e775f;text-align:center;margin:0}.store-inspect{min-width:0;grid-column:1;grid-row:1/3}.store-hand-stage{height:320px;position:relative;isolation:isolate;border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#567f4b70,transparent 70%),#214537}.store-detail[data-fantasy=wizard] .store-hand-stage{background:radial-gradient(ellipse at 50% 60%,#9370c045,transparent 70%),#302c49}.store-detail[data-fantasy=stormcaller] .store-hand-stage{background:radial-gradient(ellipse at 50% 60%,#7bd2fa35,transparent 70%),#233c4b}.store-hand-stage:before{content:'';position:absolute;inset:14% 15%;border:1px solid var(--fantasy-accent);opacity:.15;border-radius:50%;z-index:-1}.store-stage-label{position:absolute;top:12px;left:12px;right:12px;text-align:center;color:#eef0d1;font-size:10px;pointer-events:none;z-index:1}.store-stage-label:empty{display:none}.store-live-hand{position:absolute;inset:12px}.store-live-hand canvas{display:block;width:100%;height:100%}.store-live-hand img{width:100%;height:100%;object-fit:contain}.store-gestures{margin-top:10px}.store-gestures>div{display:flex;gap:5px}.store-gestures button{min-width:0;min-height:44px;flex:1;border:1px solid #c4ccb3;border-radius:5px;background:transparent;font-weight:700;font-size:13px}.store-gestures button[aria-pressed=true]{background:#244c3d;color:#fff0cd;border-color:#244c3d}.store-viewer-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin-top:8px}.store-rotate{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;min-width:0;margin:0;color:#647256}.store-rotate input{width:100%;min-width:0;accent-color:#42694b}.store-rotate button{border:0;background:transparent;font-size:24px;min-width:44px;min-height:44px}.store-detail-intro{grid-column:2;grid-row:1;min-width:0}.store-detail h2{font:600 clamp(26px,3vw,36px)/1.08 'Space Grotesk';letter-spacing:-1px;margin:0 0 7px}.store-detail-intro>p{font-size:13px;line-height:1.5;color:#657159;margin:0}.store-more{grid-column:2;grid-row:2;min-width:0;border-top:1px solid #d6dcc5;padding-top:12px}.store-tagline{font:22px Kalam;color:#825f42;margin:0 0 6px}.store-story{font-size:13px;line-height:1.5;color:#6c755f;margin:0 0 10px;max-width:360px}.store-features{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:12px}.store-features li:before{content:'✧';margin-right:9px;color:#947a49}.store-primary,.store-preview-transform{width:100%;min-height:48px;border-radius:6px;padding:12px 15px;font-size:13px!important;font-weight:700!important}.store-primary{background:#244c3d;border:1px solid #244c3d;color:#fff1ce}.store-primary span{margin-left:8px}.store-primary:hover{background:#315e49}.store-preview-transform{width:auto;min-height:44px;background:transparent;border:1px solid #b7c3a3;margin:0;padding:10px 12px;font-size:12px!important;white-space:nowrap}.store-preview-transform:hover{background:#e7ead7}.store-checkout{max-width:500px;margin:auto;padding:32px 24px}.store-checkout h2{font:600 36px/1.1 'Space Grotesk';letter-spacing:-1.5px;margin:16px 0 24px}.store-order{display:flex;gap:16px;align-items:center;padding:16px;border:1px solid #cdd3bd;border-radius:10px;background:#eceede}.store-order img{width:86px;height:115px;flex:none}.store-order h3{font:600 20px 'Space Grotesk';margin:0 0 7px}.store-order span{font-size:11px;color:#68765a}.store-order strong{display:block;font:600 25px 'Space Grotesk';margin-top:12px}.store-order small{font:10px 'DM Sans';color:#68765a;margin-left:6px}.store-payment-status{font-size:13px;line-height:1.6;margin:24px 0}.store-payment-status p{color:#69735f;font-size:12px;margin:6px 0 0}.store-text-button{display:block;margin:14px auto 0;background:none;border:0;min-height:44px;font-size:12px!important;text-decoration:underline;text-underline-offset:4px}
@media(max-width:650px){.fantasy-store{width:calc(100% - 16px);max-height:96dvh;border-radius:12px}.store-top{padding:8px 14px;gap:8px}.store-top>span{font-size:8px;letter-spacing:1px;max-width:120px;line-height:1.6}.store-top .store-back{font-size:11px!important}.store-heading{padding:18px 14px}.store-heading h2{font-size:28px}.store-heading p{font-size:10px}.store-kicker{font-size:9px;letter-spacing:1.5px}.fantasy-grid{grid-template-columns:1fr;margin:0 14px 18px;gap:12px}.fantasy-card{display:grid;grid-template-columns:40% 60%;grid-template-rows:28px 1fr}.fantasy-card-head{grid-column:1;grid-row:1;padding:12px 10px 0;font-size:7px;letter-spacing:.8px}.fantasy-card-head b{display:none}.fantasy-art{grid-column:1;grid-row:2;height:153px;padding:6px 2px 12px}.fantasy-card-copy{grid-column:2;grid-row:1/3;padding:16px 12px;display:flex;flex-direction:column;justify-content:center}.fantasy-card h3{font-size:19px}.fantasy-card-copy p{font-size:11px;margin-bottom:12px;min-height:0;line-height:1.4}.fantasy-card-bottom>span{font-size:21px}.fantasy-card-bottom small{font-size:8px}.fantasy-card-bottom button{font-size:11px;padding:8px 10px}.fantasy-card-bottom button span{margin-left:3px}.store-promise{gap:8px 14px;font-size:10px;padding:15px}.store-detail{display:flex;flex-direction:column;gap:12px;padding:14px 16px}.store-detail>*{width:100%}.store-hand-stage{height:220px}.store-gestures button{font-size:12px}.store-detail h2{font-size:26px;margin:0 0 5px}.store-detail-intro>p{font-size:12px;line-height:1.4}.store-story{max-width:none;font-size:12px}.store-features{gap:5px;margin-bottom:0}.fantasy-store[data-view=detail]{height:96dvh}.store-buybar{gap:6px 12px;padding:10px 16px max(10px,env(safe-area-inset-bottom,0px))}.store-buybar .store-primary{min-width:140px}.store-buy-price strong{font-size:24px}.store-buy-price span{font-size:11px}.store-tagline{font-size:21px}.store-checkout{padding:24px 18px}.store-checkout h2{font-size:32px}.store-order{padding:12px;gap:9px}.store-order img{width:72px;height:100px}.store-order h3{font-size:18px}}
@media(max-height:500px) and (orientation:landscape){.fantasy-store{max-height:96dvh}.fantasy-store[data-view=detail]{height:96dvh}.store-buybar{padding:8px 16px;gap:4px 16px}.store-buy-price span{display:inline;font-size:11px;margin-right:10px}.store-buy-price strong{display:inline;font-size:24px}.store-top{padding-top:8px;padding-bottom:8px}.store-detail{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;padding:12px 16px}.store-hand-stage{height:200px}.store-detail h2{font-size:29px}.store-heading{padding-top:18px}.store-story{font-size:12px}.fantasy-art{height:170px}.fantasy-card h3{font-size:19px}}
@media(max-width:360px){.store-viewer-tools{grid-template-columns:1fr}.store-rotate{grid-template-columns:44px minmax(0,1fr) 44px}.store-preview-transform{width:100%}}
@media(prefers-reduced-motion:reduce){.fantasy-art .hand-style-art{transition:none}.fantasy-art:hover .hand-style-art{transform:none}}

/* The three new characters keep their own setting in cards and live previews. */
.fantasy-card[data-fantasy=banyan] .fantasy-card-head{background:#343d2b}
.fantasy-card[data-fantasy=banyan] .fantasy-art,.store-detail[data-fantasy=banyan] .store-hand-stage{background:radial-gradient(ellipse at 50% 62%,#ab894441,transparent 68%),#303d2d}
.fantasy-card[data-fantasy=emberforged] .fantasy-card-head{background:#342a2a}
.fantasy-card[data-fantasy=emberforged] .fantasy-art,.store-detail[data-fantasy=emberforged] .store-hand-stage{background:radial-gradient(ellipse at 50% 70%,#d7693845,transparent 68%),#302629}
.fantasy-card[data-fantasy=voidwalker] .fantasy-card-head{background:#22243c}
.fantasy-card[data-fantasy=voidwalker] .fantasy-art,.store-detail[data-fantasy=voidwalker] .store-hand-stage{background:radial-gradient(ellipse at 50% 60%,#6374b548,transparent 68%),#202239}