.shop{min-height:100vh;background:var(--bg);color:var(--body)}.shop-main{max-width:1080px;margin:0 auto;padding:26px 20px 64px}.shop-main--sub{padding-top:18px}.shop-main--sub .shop-hd{margin-top:2px}.shop-hd{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:8px}.shop-title{font-family:var(--display);font-size:var(--type-heading);line-height:var(--lh-28);font-weight:600;letter-spacing:0;color:var(--ink);margin:0}.shop-balance{margin-left:auto;color:var(--gold);background:var(--panel);border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);border-radius:var(--radius-control);padding:8px 14px}.shop-balance,.shop-checkin{font-family:var(--display);font-size:var(--type-secondary);font-weight:600;box-shadow:none}.shop-checkin{letter-spacing:0;padding:9px 18px;cursor:pointer;white-space:nowrap;background:var(--gold);color:#171207;border:1px solid transparent;border-radius:var(--radius-control);transition:filter .12s}button.shop-checkin:hover:not(:disabled){filter:brightness(1.06)}.shop-checkin:disabled{opacity:.6;cursor:default}.shop-checkin--done{background:none;border:none;color:var(--dim);padding:0;cursor:default}.shop-checkin--done,.shop-gacha-link{box-shadow:none;font-size:var(--type-secondary)}.shop-gacha-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-weight:600;color:var(--ink);text-decoration:none;border:1px solid var(--border-card);border-radius:var(--radius-control);padding:6px 14px}.shop-gacha-link__icon{display:block;width:24px;height:24px;object-fit:contain;flex-shrink:0}.shop-gacha-link:hover{background:var(--panel-2)}.mp a.shop-gacha-link{color:var(--ink)}.shop-err{margin:12px 0;color:var(--danger);font-size:var(--type-secondary)}.shop-empty{padding:48px 0;text-align:center;color:var(--dim)}.shop-sec{margin-top:32px}.shop-sec__hd{font-family:var(--display);font-size:var(--type-body);line-height:var(--lh-26);font-weight:600;letter-spacing:0;color:var(--ink);margin:0 0 14px}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.shop-grid--row{grid-template-rows:auto;grid-auto-rows:0;row-gap:0;overflow:hidden}.shop-sec__more{margin-left:auto;font-size:var(--type-secondary);color:var(--purple-text)}.shop-sec__more,.shop-sec__more:hover{text-decoration:none}.shop-sec__hdrow{display:flex;align-items:baseline;gap:12px;margin:0 0 14px}.shop-sec__hdrow .shop-sec__hd{margin:0}.shop-back{display:inline-block;margin-bottom:4px;font-size:var(--type-caption);color:var(--dim);text-decoration:none}.shop-back:hover{color:var(--ink)}.mp a.shop-sec__more{color:var(--purple-text)}.mp a.shop-back{color:var(--dim)}.mp a.shop-back:hover{color:var(--ink)}.shop-card__perks{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;font-size:var(--type-caption)}.shop-perk--fx{color:var(--orange)}.shop-perk--shape{color:var(--purple-text)}.shop-card__preview--frame .mp-avawrap{line-height:0}.shop-card__preview--card{position:relative}.shop-card__cover{width:100%;height:100%;object-fit:cover;border-radius:6px}.shop-card__coverbadge{position:absolute;right:8px;bottom:8px;font-family:var(--display);font-size:var(--type-caption);font-weight:600;letter-spacing:0;color:var(--gold);background:rgba(0,0,0,.65);border:1px solid color-mix(in srgb,var(--gold) 60%,transparent);border-radius:var(--radius-pill);padding:3px 8px}.shop-card__preview--bubble{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px 12px}.shop-card__bubbledemo{font-size:var(--type-caption);max-width:100%}.shop-card__bubbledots{display:flex;gap:5px}.shop-card__bubbledots i{width:10px;height:10px;border-radius:50%;display:inline-block}.shop-modal__ownava{width:64px;height:64px;border-radius:50%;object-fit:cover}.shop-card__preview--frame{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:28px 12px 16px}.shop-card__demoname{font-size:var(--type-caption);letter-spacing:1.5px}.shop-card{background:var(--surface-1);border:1px solid var(--border-card);border-radius:var(--radius-card);box-shadow:none;padding:14px;display:flex;flex-direction:column;gap:8px}.shop-card--spot{animation:shop-spot 2.4s ease-out}@keyframes shop-spot{0%,55%{border-color:var(--orange);box-shadow:0 0 22px color-mix(in srgb,var(--orange) 55%,transparent)}to{border-color:var(--border-card);box-shadow:none}}.shop-card__preview{height:150px;border:1px solid var(--border-card);border-radius:var(--radius-card-sm);background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden}.shop-card__preview--frame{background:radial-gradient(80% 80% at 50% 40%,color-mix(in srgb,var(--purple) 18%,var(--bg)) 0,var(--bg) 100%)}.shop-card__demoava{width:56px;height:56px;border-radius:9999px;background:linear-gradient(135deg,var(--purple) 0,var(--purple-text) 100%);display:block}.shop-card__preview--card{font-size:var(--type-caption);letter-spacing:1px;color:var(--gold);background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--gold) 6%,var(--bg)) 0 10px,color-mix(in srgb,var(--gold) 11%,var(--bg)) 10px 20px)}.shop-card__name{font-weight:600;color:var(--ink);font-size:var(--type-body);line-height:var(--lh-20)}.shop-card__desc{color:var(--dim);font-size:var(--type-secondary);line-height:1.38}.shop-card__queue{color:var(--warning);font-size:var(--type-caption);line-height:1.5}.shop-card__footer{margin-top:auto;display:flex;flex-direction:column;gap:8px}.shop-card__row{display:flex;align-items:center;justify-content:space-between;gap:8px}.shop-card__price{color:var(--gold);font-family:var(--display);font-size:var(--type-body);font-weight:600}.shop-card__owned,.shop-card__qty{color:var(--dim);font-size:var(--type-caption)}.shop-card__qty{text-align:right}.shop-card__buy{font-family:var(--display);font-size:var(--type-secondary);font-weight:600;letter-spacing:0;padding:8px 16px;cursor:pointer;background:var(--grad-brand);background-origin:border-box;background-repeat:no-repeat;color:#fff;border:1px solid transparent;border-radius:var(--radius-control);box-shadow:none;transition:filter .12s}.shop-card__buy:hover:not(:disabled){filter:brightness(1.08)}.shop-card__buy:disabled{opacity:.45;cursor:default}.shop-card__avaimg{width:72px;height:72px;object-fit:cover;border-radius:10px;image-rendering:pixelated}.shop-modal{position:fixed;inset:0;z-index:80;background:var(--scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;padding:20px}.shop-modal,.shop-modal__box{display:flex;align-items:center}.shop-modal__box{width:min(420px,100%);background:var(--overlay);border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);border-radius:var(--radius-dialog);box-shadow:0 24px 64px rgba(0,0,0,.45),0 0 24px rgba(244,210,136,.18);padding:24px 22px 18px;flex-direction:column;gap:10px;animation:shop-modal-pop .16s ease-out}@keyframes shop-modal-pop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.shop-modal__title{font-family:var(--display);font-size:var(--type-body);line-height:var(--lh-26);font-weight:600;color:var(--gold)}.shop-modal__preview{width:100%}.shop-modal__preview .shop-card__preview{border-width:1px}.shop-modal__row{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:4px}.shop-modal__row .shop-card__buy{white-space:nowrap}.shop-modal__later{background:none;border:none;color:var(--dim);font-size:var(--type-secondary);cursor:pointer;font-family:inherit;text-decoration:underline}@media (prefers-reduced-motion:reduce){.shop-modal__box{animation:none}}.shop-balance,.shop-card__price{display:inline-flex;align-items:center;gap:6px}.shop-gbmock{display:flex;flex-direction:column;gap:10px;text-align:left;width:100%;max-width:320px;margin:0 auto}.shop-gbmock__row{display:flex;gap:8px;align-items:flex-start}.shop-gbmock__row--reply{margin-left:26px}.shop-gbmock__ava{width:24px;height:24px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;font-size:var(--type-secondary)}.shop-gbmock__main{min-width:0}.shop-gbmock__main b{font-size:var(--type-caption);color:var(--dim);display:block;margin-bottom:3px}.shop-gbmock__text{font-size:var(--type-secondary);line-height:1.5}.shop-modal__ownwrap{display:flex;align-items:center;justify-content:center;gap:16px;padding:14px 0 6px}.shop-modal__ownname{font-size:var(--type-body);font-weight:800;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-itemface{image-rendering:pixelated;object-fit:contain}.shop-itemface--ring{display:inline-block;border-radius:50%;background:radial-gradient(80% 80% at 50% 40%,color-mix(in srgb,var(--purple) 18%,var(--bg)) 0,var(--bg) 100%)}.shop-itemface--bubble{display:inline-block;border-radius:4px;padding:0!important}.shop-itemface--cover{border-radius:3px;object-fit:cover}.shop-card__preview--gift{font-size:var(--type-display)}.shop-card__gifticon{width:84px;height:84px;image-rendering:pixelated}@media (max-width:999px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shop-card{padding:9px;gap:7px}.shop-card__preview{height:120px}.shop-card__buy{padding:6px 10px}}.sh-earn{margin-top:28px}.sh-earn__title{font-family:var(--display);font-size:var(--type-body);line-height:var(--lh-26);font-weight:600;color:var(--ink);margin:18px 0 8px}.sh-earn__ledger,.sh-earn__tasks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.sh-earn__row,.sh-earn__task{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--border-card);border-radius:var(--radius-card-xs);font-size:var(--type-secondary)}.sh-earn__task--done{opacity:.65}.sh-earn__check{width:14px;color:var(--success)}.sh-earn__name{flex:1 1}.sh-earn__reward{display:inline-flex;align-items:center;gap:3px;color:var(--gold)}.sh-earn__kind{flex:none}.sh-earn__note{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dim);font-size:var(--type-caption)}.sh-earn__row .sh-earn__kind+.sh-earn__time{margin-left:auto}.sh-earn__time{flex:none;color:var(--dim);font-size:var(--type-caption)}.sh-earn__amt{flex:none;min-width:44px;text-align:right;color:var(--gold);font-weight:600}.sh-earn__amt--neg{color:var(--dim)}.sh-earn__empty,.shop-checkin-hint{color:var(--dim);font-size:var(--type-caption)}.shop-checkin-hint{margin:-2px 0 6px;text-align:right}.shop-checkin-hint--blocked{color:var(--yellow)}.shop-gacha-banner{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:190px;padding:24px 36px;margin:0 0 28px;gap:24px;border:1px solid color-mix(in srgb,var(--purple) 40%,transparent);border-radius:24px;background:radial-gradient(ellipse at 84% 50%,#6450ac80,transparent 55%),var(--surface-1);color:var(--ink);text-decoration:none;overflow:hidden}.shop-gacha-banner__copy{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}.shop-gacha-banner__copy strong{font-size:var(--type-heading)}.shop-gacha-banner__copy>span{color:var(--hint);font-size:var(--type-secondary)}.shop-gacha-banner__copy b{display:inline-flex;padding:10px 18px;border-radius:var(--radius-control);background:var(--purple);color:#fff;font-size:var(--type-secondary)}.shop-gacha-banner>img{width:190px;height:190px;object-fit:contain;flex:none;transform:rotate(5deg);transition:transform .2s ease}.shop-gacha-banner:hover>img{transform:rotate(0deg) scale(1.05)}.shop-gacha-banner:focus-visible{outline:2px solid var(--purple-text);outline-offset:4px}@media (max-width:600px){.shop-gacha-banner{min-height:170px;padding:20px;gap:12px}.shop-gacha-banner>img{width:110px;height:150px}.shop-gacha-banner__copy strong{font-size:22px}}@media (prefers-reduced-motion:reduce){.shop-gacha-banner>img{transition:none;transform:none}}.shop-main .shop-card__preview{height:176px}.shop-main .shop-card__preview--frame{padding:20px 12px 12px;gap:16px}.shop-main .shop-card__preview--frame .mp-avawrap{width:min(84px,58%);aspect-ratio:1;flex:none}.shop-main .shop-card__demoava{width:100%;height:100%}.shop-main .shop-card__avaimg,.shop-main .shop-card__gifticon{width:min(104px,80%);height:auto;aspect-ratio:1;object-fit:contain}.shop-modal__ownava{width:84px;height:84px}@media (max-width:480px){.shop-main .shop-card__preview{height:160px}}