/* Shop shares the Lagoon palette. Its modal owns scroll, never the playing hand. */
#shop-dialog{padding:0;width:min(680px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);overflow:hidden;border:1px solid var(--dg-line);border-radius:24px;background:var(--dg-bg);color:var(--dg-text);box-shadow:0 24px 80px #0006}
#shop-dialog::backdrop{background:#101819aa}#shop-dialog header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px 4px}#shop-dialog h2{font-size:25px;margin:0}#shop-dialog button{min-height:44px;border:1px solid var(--dg-line);border-radius:10px;background:var(--dg-panel);color:var(--dg-text);font-size:13px;padding:8px 12px}#shop-dialog header button{width:44px;padding:10px}.shop-wallet{display:flex;gap:10px;padding:10px 18px 16px}.shop-wallet>span{display:flex;align-items:center;gap:6px;border:1px solid var(--dg-line);background:var(--inset);border-radius:12px;padding:8px 12px;font-size:13px;flex:1}.shop-wallet strong{font-size:19px;font-variant-numeric:tabular-nums}.shop-art{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.shop-wallet .shop-art{width:24px;height:24px;color:var(--dg-accent)}#shop-dialog nav{display:flex;gap:6px;padding:0 18px 12px;border-bottom:1px solid var(--dg-line)}#shop-dialog nav button{flex:1;font-weight:700;letter-spacing:.12em;font-size:12px}#shop-dialog nav button[aria-pressed=true]{background:var(--selected);border-color:var(--dg-accent)}.shop-content{overflow:auto;max-height:calc(100dvh - 220px);overscroll-behavior:contain;padding:18px;scrollbar-gutter:stable}.shop-items{display:grid;gap:12px}.shop-item{display:grid;grid-template-columns:52px minmax(0,1fr);gap:8px 12px;padding:14px;border:1px solid var(--dg-line);border-radius:16px;background:var(--dg-panel)}.shop-item-art{width:52px;height:56px;display:grid;place-items:center;color:var(--dg-accent);background:var(--inset);border:1px solid var(--dg-line);border-radius:12px}.shop-item h3,.shop-packages h3{font-size:16px;line-height:1.3;margin:0 0 6px}.shop-item p{font-size:12px;line-height:1.5;margin:0}.shop-item small{font-size:11px;color:var(--dg-muted)}#shop-dialog .shop-item>button{grid-column:2;font-weight:650;border-color:var(--accent-edge);justify-self:stretch;background:var(--selected)}.shop-item .shop-emojis{font-size:22px;letter-spacing:3px;margin-top:8px}.shop-packages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shop-packages article{border:1px solid var(--dg-line);border-radius:16px;background:var(--dg-panel);padding:14px;text-align:center;min-width:0}.shop-packages .shop-item-art{margin:0 auto 12px}.shop-packages p{font-size:12px}.shop-packages button{margin-top:12px;width:100%;font-size:11px!important;opacity:.7}.shop-payment-note{font-size:13px;margin:0 0 16px;line-height:1.6}.shop-confirm{text-align:center;max-width:400px;margin:auto}.shop-confirm .shop-item-art{margin:auto}.shop-confirm h3{font-size:23px;margin:16px 0 8px}.shop-confirm p{font-size:14px;margin:8px 0}.shop-confirm .shop-price{font-size:28px;font-weight:700;color:var(--dg-accent)}#shop-dialog .shop-confirm button{width:100%;margin-top:12px;min-height:48px}#shop-dialog .shop-confirm .primary{background:var(--selected);border-color:var(--accent-edge);box-shadow:none}.shop-rewards{margin-top:18px;padding:14px;border:1px solid var(--dg-line);border-radius:12px}.shop-rewards summary{min-height:32px;font-weight:650;cursor:pointer}.shop-rewards p{font-size:12px;margin:8px 0}.shop-rewards button{margin-top:8px}.shop-rewards input{margin-bottom:0}.shop-error,.shop-pending{font-size:13px;border:1px solid var(--error-edge);padding:12px;border-radius:12px;margin:0 0 14px;background:var(--error-bg);color:var(--error-text)}.shop-pending p{color:inherit}.shop-pending button{margin-top:10px}.shop-legal{font-size:10px;text-align:center;margin:20px 0 0}.shop-loading{padding:24px 0}
@media(min-width:600px){.shop-items{grid-template-columns:1fr 1fr}.shop-packages{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:359px){#shop-dialog{width:calc(100vw - 12px);border-radius:16px}.shop-content{padding:12px}.shop-wallet{padding-left:12px;padding-right:12px;gap:6px}.shop-wallet>span{padding:8px;font-size:12px}.shop-wallet strong{font-size:17px}.shop-item{padding:12px;column-gap:10px}.shop-packages{gap:8px}.shop-packages article{padding:10px 7px}}
@media(max-height:480px){#shop-dialog{max-height:calc(100dvh - 12px)}#shop-dialog header{padding:4px 12px}.shop-wallet{padding:4px 12px}.shop-wallet>span{padding:3px 10px}#shop-dialog nav{padding:4px 12px}.shop-content{max-height:calc(100dvh - 160px)}}
.shop-item[data-item=skin-midnight] .shop-item-art{background:#202a45;color:#ddd0aa;border-color:#53617f}.shop-item[data-item=skin-sand] .shop-item-art{background:#c6b892;color:#433d29;border-color:#8b7b54}.shop-item[data-item=vip-signature] .shop-art{stroke-width:1.9}.shop-item[data-item=vip-black] .shop-item-art{background:#202426;color:#d8d6ca}.shop-item[data-item=vip-gold] .shop-item-art{background:#514832;color:#ead08b}
.shop-rewards{margin:0 0 16px;background:var(--dg-panel)}.shop-rewards summary{min-height:44px}.shop-rewards summary>span{display:block;color:var(--dg-muted);font-size:11px;font-weight:400;margin-left:16px}.shop-progress-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.shop-progress-grid article{min-width:0;background:var(--inset);border:1px solid var(--dg-line);border-radius:12px;padding:10px}.shop-rewards h3{font-size:14px;margin:0 0 8px}.shop-progress-grid strong{font-size:16px}.shop-progress-grid progress{display:block;max-width:100%;width:100%;height:7px;margin:10px 0;accent-color:var(--dg-accent)}.shop-progress-grid p,.shop-rewards .shop-reward-caps{font-size:11px}.shop-daily,.shop-referrals{border-top:1px solid var(--dg-line);padding-top:14px;margin-top:14px}.shop-code-row{display:flex;flex-wrap:wrap;gap:6px}.shop-code-row input{flex-basis:100%;margin:4px 0 0;min-width:0;font-size:13px;font-family:monospace;user-select:all}.shop-code-row button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px}.shop-referral-notice:empty{display:none}.shop-referral-notice{color:var(--dg-text)}.shop-referral-state{padding:10px;border:1px solid var(--dg-line);border-radius:10px}.shop-referrals>h3:not(:first-child){margin-top:18px}