/* Reward shop presentation only. Scoped to the shared-coin shop; no economic rules. */
.aio-shop{--shop-wine:#542638;--shop-gold:#bb8648;--shop-muted:#8b7668;--shop-line:#e7d9c6;--shop-cream:#fffaf1;max-width:100%;padding-bottom:12px}
.aio-shop [hidden]{display:none!important}
.aio-shop svg{display:block}
.aio-shop .shop-heading{align-items:center;margin:38px 0 24px;gap:20px}
.aio-shop .shop-heading .eyebrow{color:#986a3c;font-size:9px;letter-spacing:.24em;margin-bottom:11px}
.aio-shop .shop-heading h1{font-family:Georgia,'Times New Roman',serif;font-weight:normal;font-size:40px;letter-spacing:-.045em;color:var(--shop-wine)}
.aio-shop .shop-heading .lobby-description{font-size:13px;margin-top:10px;color:#8b786b}
.shop-history-button{display:flex;gap:9px;align-items:center;justify-content:center;flex:none;border:1px solid #d9c5ad;background:#fffaf2;color:#634239;border-radius:12px;min-height:44px;padding:0 16px;font-size:11px!important;font-weight:700!important;box-shadow:0 2px 0 #efdfc9}
.shop-history-button svg{width:17px;height:17px}
.shop-balance{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #d9bf96;border-radius:17px;padding:20px 25px;background:linear-gradient(115deg,#fff8e6,#f2e2c4 62%,#e5cea8);box-shadow:inset 0 1px #fffdf2,0 6px 14px #8e633611;position:relative;overflow:hidden}
.shop-balance:after{content:'';position:absolute;width:210px;height:210px;right:160px;top:-105px;border:1px solid #ae87472b;border-radius:50%;box-shadow:0 0 0 18px #b88e4411,0 0 0 36px #b88e4409;pointer-events:none}
.shop-balance-main{display:flex;align-items:center;gap:15px;position:relative;z-index:1}
.shop-balance-coin{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 3px 2px #7a4c2744)}
.shop-balance-label{display:block;color:#8b6b48;font-size:9px;font-weight:bold;letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px}
.shop-balance-value{display:flex;align-items:baseline;gap:8px;color:#63402d}
.shop-balance-value strong{font-size:34px;font-weight:800;letter-spacing:-.05em;line-height:1.1;font-variant-numeric:tabular-nums}
.shop-balance-value>span{font-size:12px;font-weight:700;color:#8a6a46}
.shop-balance-side{position:relative;z-index:1;text-align:right}
.shop-balance-side button{display:inline-flex;align-items:center;gap:8px;border:0;background:none;color:#754934;font-size:11px!important;font-weight:bold!important;min-height:36px;padding:0}
.shop-balance-side svg{height:15px;width:15px}
.shop-balance-side p{font-size:9px;margin:0;color:#927755}
.shop-feature{position:relative;isolation:isolate;overflow:hidden;min-height:298px;border:1px solid #80503f;border-radius:22px;background:radial-gradient(ellipse at 81% 30%,#8c5a4366,transparent 56%),linear-gradient(115deg,#301b29,#54273b 62%,#452433);box-shadow:inset 0 1px #e3b88e4d,0 6px 0 #392230,0 15px 22px #59332718;margin:22px 0 38px;color:#f7e3c1;padding:30px 34px}
.shop-feature:before{content:'';position:absolute;border:1px solid #e6bc792b;border-radius:50%;width:335px;height:335px;right:57px;top:-65px;box-shadow:0 0 0 35px #d8ad6e09,0 0 0 70px #d8ad6e07;z-index:-1;pointer-events:none}
.shop-feature:after{content:'';position:absolute;inset:8px;border:1px solid #edc78c25;border-radius:16px;pointer-events:none}
.shop-feature-copy{position:relative;z-index:2;max-width:52%}
.shop-feature-kicker{display:flex;align-items:center;gap:7px;margin:0 0 16px;color:#d9b37e;font-size:8px;font-weight:bold;letter-spacing:.18em}
.shop-feature-kicker>span{width:4px;height:4px;background:#efd19a;transform:rotate(45deg);box-shadow:0 0 7px #f8d48766}
.shop-feature-copy h2{font-family:Georgia,'Times New Roman',serif;font-size:38px;font-weight:normal;line-height:1.12;letter-spacing:-.02em;max-width:360px;text-wrap:balance;color:#ffedcd}
.shop-feature-type{font-size:11px;color:#c7a68e;margin:11px 0 18px}
.shop-feature-link{display:inline-flex;gap:18px;align-items:center;min-height:40px;border-bottom:1px solid #bf926752;font-size:11px;font-weight:bold;color:#ebc697}
.shop-feature-link>span{font-size:18px}
.shop-feature-art{position:absolute;right:18px;top:2px;width:43%;height:257px;display:flex;align-items:center;justify-content:center}
.shop-feature-art>.shop-product-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 8px #1a0d2699);padding:15px}
.shop-gift-art{width:100%;height:100%;position:relative;display:grid;place-items:center;isolation:isolate}
.shop-gift-chest{position:absolute;z-index:2;left:50%;top:46%;width:88%;height:88%;min-width:0;min-height:0;object-fit:contain;filter:drop-shadow(0 12px 5px #33192755);transform:translate(-50%,-50%) rotate(-6deg)}
.shop-art-orbit{position:absolute;width:75%;height:72%;border-radius:50%;background:radial-gradient(ellipse,#e7c78944,transparent 69%);box-shadow:0 0 0 1px #f6dcaa24,0 0 0 18px #d2ac762b;transform:rotate(-20deg);z-index:-1}
.shop-art-plinth{position:absolute;width:75%;height:12%;bottom:4%;border-radius:50%;background:linear-gradient(#eac891,#8c5e38 31%,#47303a 48%,#c69c67 87%,#63422d);box-shadow:0 7px 8px #1b102b30;z-index:1}
.shop-feature .shop-gift-chest{height:93%;width:93%;filter:drop-shadow(0 16px 5px #160b20aa)}
.shop-feature .shop-art-orbit{background:radial-gradient(ellipse,#f5d69655,transparent 70%);box-shadow:0 0 0 1px #f6dcaa40,0 0 0 18px #d2ac7617}
.shop-feature .shop-art-plinth{bottom:1%;width:81%}
.shop-credit-art{width:100%;height:100%;position:relative}
.shop-credit-art>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 5px 4px #46203933)}
.shop-credit-coin{position:absolute;top:3%;right:0;width:33%;height:46%;object-fit:contain;filter:drop-shadow(0 5px 2px #6d452e55);transform:rotate(15deg)}
.shop-feature-progress{position:relative;z-index:3;max-width:48%;margin-top:21px}
.shop-feature-progress>div{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:9px;color:#c5a18a}
.shop-feature-progress strong{font-size:10px;color:#efd3a2;white-space:nowrap}
.shop-feature-progress progress{display:block;width:100%;height:4px;border:0;border-radius:6px;overflow:hidden;margin:8px 0;background:#201220;accent-color:#dfb87c}
.shop-feature-progress progress::-webkit-progress-bar{background:#241420;border-radius:6px}
.shop-feature-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#a87143,#ffe4ac);border-radius:6px}
.shop-feature-progress progress::-moz-progress-bar{background:linear-gradient(90deg,#a87143,#ffe4ac);border-radius:6px}
.shop-feature-progress>p{font-size:8px;margin:0;color:#c6a58b}
.shop-section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:17px}
.shop-section-kicker{font-size:8px;font-weight:bold;letter-spacing:.2em;color:#9b744c;margin:0 0 7px}
.shop-section-heading h2,.shop-wallet-section h2{font-family:Georgia,'Times New Roman',serif;color:#56303c;font-size:27px;font-weight:normal;letter-spacing:-.035em}
.shop-results-count{font-size:10px;color:#9d8371;padding-bottom:3px;white-space:nowrap}
.shop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 17px}
.shop-search{position:relative;display:flex;align-items:center;flex:0 1 360px}
.shop-search>svg{position:absolute;left:13px;width:17px;height:17px;color:#a18a76;pointer-events:none}
.shop-search input{width:100%;height:44px;border:1px solid #e5d3bf;background:#fffaf4;border-radius:11px;color:#674638;font-size:11px!important;padding:0 11px 0 38px;outline-offset:3px}
.shop-search input::placeholder{color:#a18b79}
.shop-filter-tabs{display:flex;align-items:center;gap:5px;flex-shrink:0}
.shop-filter-tabs button{padding:0 13px;min-height:40px;border:1px solid transparent;border-radius:9px;background:none;color:#987a65;font-size:10px!important;font-weight:700!important;white-space:nowrap}
.shop-filter-tabs button.active{background:#f0e1ca;border-color:#dfc5a3;color:#70482f;box-shadow:inset 0 1px #fff4de}
.aio-shop .shop-catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:21px;margin-bottom:0}
.shop-catalog .shop-reward{display:flex;flex-direction:column;border-radius:19px;border:1px solid #dfcdb8;background:#fffcf7;box-shadow:0 4px 0 #eee0ce,0 10px 18px #8b5d2810;transition:transform .18s,box-shadow .18s;min-width:0}
.shop-catalog .shop-reward:hover{box-shadow:0 4px 0 #e6d0b3,0 16px 22px #8b5d2820}
.shop-reward-art{height:247px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid #eadbca;background:radial-gradient(ellipse at 50% 67%,#e4c38a55,transparent 65%),linear-gradient(130deg,#fbf0dd,#eddbc2)}
.shop-reward--manual .shop-reward-art{background:radial-gradient(ellipse at 50% 61%,#e1bd8b55,transparent 70%),linear-gradient(130deg,#eee1d7,#dfc8bb)}
.shop-reward-art>.shop-product-image{height:100%;width:100%;object-fit:contain;padding:24px;filter:drop-shadow(0 9px 5px #54332533)}
.shop-reward-art>.shop-credit-art{max-width:370px;height:94%;margin-top:12px}
.shop-reward-art>.shop-gift-art{width:87%;max-width:310px;height:84%;margin-top:18px}
.shop-reward-badge{position:absolute;top:15px;left:16px;z-index:3;background:#fffcf4aa;border:1px solid #ba966a44;border-radius:6px;padding:5px 7px;color:#89623c;font-size:8px;font-weight:bold;letter-spacing:.06em}
.shop-reward-number{position:absolute;right:16px;top:15px;font-family:Georgia,serif;font-size:17px;color:#b696745c}
.shop-reward-info{display:flex;flex-direction:column;flex:1;padding:20px 23px 17px}
.shop-reward-info h3{margin:0;color:#57333c;font-size:17px;line-height:1.35;font-weight:700;letter-spacing:-.02em}
.shop-reward-info>p{font-size:11px;color:#9a8272;line-height:1.65;margin:9px 0 17px;min-height:36px}
.shop-reward-info .shop-cost{display:flex;align-items:baseline;gap:5px;color:#815335;margin:auto 0 8px;font-size:11px}
.shop-reward-info .shop-cost>.coin-icon{align-self:center;width:21px;height:21px;font-size:10px;margin-right:3px}
.shop-reward-info .shop-cost>strong{font-size:26px;font-weight:800;letter-spacing:-.035em;line-height:1.1}
.shop-readiness{display:flex;align-items:center;gap:5px;color:#b19781;font-size:9px;margin:0 0 13px;min-height:12px}
.shop-readiness i{width:4px;height:4px;border-radius:50%;background:#b09a83}
.shop-readiness.is-ready{color:#6c8665}.shop-readiness.is-ready i{background:#7f9a72}
.shop-reward-info .redeem-button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:0 13px;font-size:11px;border-radius:10px;background:var(--orange);box-shadow:inset 0 1px #ffffff3d,0 3px 0 #813d1729}
.shop-reward-info .redeem-button>span:last-child{font-size:18px;font-weight:normal}
.shop-reward-info .redeem-button:disabled{background:#eee2d1;color:#ab927b;box-shadow:inset 0 1px #fff4e2,0 2px 0 #e5d4be;opacity:1;cursor:not-allowed}
.shop-fulfillment{text-align:center;color:#ad9785;font-size:8px;line-height:1.5;margin-top:10px}
.shop-filter-empty,.shop-empty{border:1px dashed #d9bea0;border-radius:16px;padding:28px 22px;text-align:center;color:#a0846c;background:#fff9ee;font-size:12px;line-height:1.6}
.shop-empty h3{font:normal 24px Georgia,serif;color:#714534;margin:10px 0}.shop-empty p{margin:0}.shop-empty-art{width:190px;height:150px;margin:auto}
.shop-how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:34px 0;padding:23px 0;border-top:1px solid #e7d6c1;border-bottom:1px solid #e7d6c1}
.shop-how>div{display:flex;align-items:flex-start;gap:10px;min-width:0}
.shop-how>div>span{font-family:Georgia,serif;font-size:19px;color:#bb9b73;line-height:1.1}
.shop-how h3{font-size:11px;color:#755447;margin:0 0 7px}
.shop-how p{font-size:9px;color:#a48a76;line-height:1.7;margin:0;max-width:250px}
.shop-wallet-section{border:1px solid #e4cdb2;border-radius:17px;background:#fffaf2;padding:22px}
.shop-wallet-section .balance-strip{margin:17px 0 0;border-top:1px solid #eadbc8;padding-top:17px}
.shop-wallet-section .balance-item>span{color:#a18a75}
.aio-shop .session-note{margin:22px auto 0;text-align:center;color:#ad9887}
@media(min-width:1200px){.shop-feature{min-height:310px}.shop-feature-copy h2{font-size:44px}.shop-feature-art{right:35px;width:44%;height:285px}.shop-feature-progress{max-width:45%}.shop-reward-art{height:260px}}
@media(max-width:850px){.shop-feature{padding:26px}.shop-feature-copy h2{font-size:34px}.shop-feature-art{right:5px;width:45%;height:246px}.shop-toolbar{flex-wrap:wrap;gap:9px}.shop-search{flex:1 1 100%}.shop-how{gap:15px}.shop-reward-art{height:218px}.shop-reward-info{padding:17px}.shop-history-button{padding:0 13px}}
@media(max-width:560px){.aio-shop .shop-heading{margin:25px 0 18px;gap:8px}.aio-shop .shop-heading .eyebrow{font-size:7px;letter-spacing:.17em;margin-bottom:9px}.aio-shop .shop-heading h1{font-size:29px;max-width:245px;line-height:1.08}.aio-shop .shop-heading .lobby-description{font-size:9px;max-width:245px;margin-top:8px}.shop-history-button{width:40px;height:40px;min-height:40px;border-radius:50%;padding:0}.shop-history-button>span{display:none}.shop-history-button svg{width:17px;height:17px}.shop-balance{padding:15px 14px;gap:7px;border-radius:14px}.shop-balance-main{gap:9px}.shop-balance-coin{width:43px;height:43px}.shop-balance-label{font-size:7px;letter-spacing:.08em}.shop-balance-value strong{font-size:29px}.shop-balance-value>span{font-size:10px}.shop-balance-side button{font-size:8px!important;gap:5px;min-height:30px}.shop-balance-side svg{width:12px;height:12px}.shop-balance-side p{font-size:7px;max-width:117px;line-height:1.5}.shop-balance:after{right:65px;top:-118px}.shop-feature{margin:17px 0 31px;padding:20px 18px;min-height:238px;border-radius:18px}.shop-feature:after{inset:6px;border-radius:12px}.shop-feature:before{width:220px;height:220px;right:-35px;top:-22px;box-shadow:0 0 0 24px #d8ad6e0a,0 0 0 48px #d8ad6e08}.shop-feature-copy{max-width:57%}.shop-feature-kicker{font-size:6px;letter-spacing:.12em;gap:5px;margin-bottom:12px}.shop-feature-copy h2{font-size:27px;max-width:190px;line-height:1.08}.shop-feature-type{font-size:8px;line-height:1.5;max-width:136px;margin:9px 0 12px}.shop-feature-link{font-size:8px;gap:9px;min-height:29px}.shop-feature-link>span{font-size:14px}.shop-feature-art{right:-3px;top:10px;width:48%;height:177px}.shop-feature-progress{max-width:65%;margin-top:19px}.shop-feature-progress>div{font-size:7px;gap:6px}.shop-feature-progress strong{font-size:8px}.shop-feature-progress>p{font-size:6px;line-height:1.4}.shop-feature-progress progress{margin:6px 0;height:3px}.shop-section-heading{margin-bottom:13px}.shop-section-kicker{font-size:6px;letter-spacing:.17em;margin-bottom:6px}.shop-section-heading h2,.shop-wallet-section h2{font-size:24px}.shop-results-count{font-size:8px}.shop-toolbar{gap:8px;margin-bottom:14px}.shop-search input{height:42px;font-size:10px!important}.shop-filter-tabs{width:100%;gap:5px}.shop-filter-tabs button{font-size:8px!important;min-height:35px;padding:0 11px}.aio-shop .shop-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shop-catalog .shop-reward{border-radius:13px;box-shadow:0 3px 0 #eee0ce,0 6px 12px #8b5d2810}.shop-reward-art{height:156px}.shop-reward-badge{left:8px;top:8px;padding:3px 4px;font-size:5px;letter-spacing:.02em;border-radius:4px}.shop-reward-number{right:8px;top:8px;font-size:12px}.shop-reward-art>.shop-credit-art{height:96%;margin-top:9px;width:108%;flex-shrink:0}.shop-reward-art>.shop-gift-art{height:82%;width:96%;margin-top:15px}.shop-reward-art>.shop-product-image{padding:16px}.shop-reward-info{padding:12px 11px 11px}.shop-reward-info h3{font-size:12px;line-height:1.45;min-height:34px}.shop-reward-info>p{font-size:8px;line-height:1.65;min-height:40px;margin:7px 0 12px}.shop-reward-info .shop-cost{gap:3px;font-size:8px;margin-bottom:7px}.shop-reward-info .shop-cost>.coin-icon{width:16px;height:16px;font-size:7px;margin-right:2px;border-width:1px}.shop-reward-info .shop-cost>strong{font-size:22px}.shop-readiness{font-size:6px;gap:4px;margin-bottom:10px;line-height:1.5}.shop-readiness i{width:3px;height:3px}.shop-reward-info .redeem-button{font-size:8px;min-height:39px;padding:0 8px;border-radius:8px;gap:4px}.shop-reward-info .redeem-button>span:last-child{font-size:14px}.shop-fulfillment{font-size:6px;line-height:1.6;margin-top:8px}.shop-how{margin:27px 0 23px;grid-template-columns:1fr;gap:16px;padding:20px 2px}.shop-how>div{gap:10px}.shop-how>div>span{font-size:17px;min-width:22px}.shop-how h3{font-size:10px;margin-bottom:4px}.shop-how p{font-size:8px;max-width:none;line-height:1.6}.shop-wallet-section{padding:17px 15px;border-radius:14px}.shop-wallet-section .balance-strip{margin-top:15px;padding-top:15px}.aio-shop .session-note{font-size:8px;line-height:1.7;max-width:310px}}
@media(max-width:350px){.aio-shop .shop-heading h1{font-size:26px}.shop-balance{padding:13px 11px}.shop-balance-coin{width:36px;height:36px}.shop-balance-main{gap:7px}.shop-balance-value strong{font-size:26px}.shop-balance-side p{max-width:102px;font-size:6px}.shop-feature{padding:18px 15px;min-height:225px}.shop-feature-copy h2{font-size:25px}.shop-feature-art{width:48%;height:160px;top:17px;right:-4px}.shop-feature-progress{max-width:69%;margin-top:18px}.shop-feature-link{font-size:7px;gap:7px}.shop-reward-art{height:136px}.shop-reward-info{padding:11px 9px 10px}.shop-reward-info h3{font-size:11px}.shop-reward-info>p{font-size:7px;min-height:36px}.shop-reward-info .redeem-button{font-size:7px}.shop-filter-tabs button{padding:0 10px;font-size:7px!important}.shop-readiness{font-size:5px}.shop-fulfillment{font-size:5px}}
@media(prefers-reduced-motion:reduce){.shop-catalog .shop-reward{transition:none}}
@media(max-width:560px){.shop-balance-label{font-size:8px}.shop-balance-side button{font-size:9px!important}.shop-balance-side p{font-size:8px}.shop-feature-art{right:5px;width:46%}.shop-feature-kicker{font-size:7px}.shop-feature-type{font-size:10px}.shop-feature-link{font-size:10px}.shop-feature-progress>div{font-size:8px}.shop-feature-progress>p{font-size:8px}.shop-reward-badge{font-size:7px}.shop-reward-info>p{font-size:10px;min-height:50px}.shop-readiness{font-size:8px}.shop-reward-info .redeem-button{font-size:10px}.shop-fulfillment{font-size:8px}.shop-how h3{font-size:11px}.shop-how p{font-size:10px}.aio-shop .session-note{font-size:9px}}
@media(max-width:350px){.shop-feature-link{font-size:9px}.shop-balance-side p{font-size:7px}.shop-reward-badge{font-size:6px}.shop-reward-info>p{font-size:9px}.shop-readiness{font-size:7px}.shop-reward-info .redeem-button{font-size:9px}.shop-fulfillment{font-size:7px}}