#shop-tab .mk{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.mk-coin{display:inline-block;width:1em;height:1em;border-radius:50%;vertical-align:-0.12em;background:radial-gradient(circle at 35% 30%,#fff6c4 0 12%,#ffd34d 30%,#e0a100 72%,var(--gold-deep) 100%);box-shadow:inset 0 0 0 0.08em var(--gold-deep),0 1px 2px rgba(0,0,0,0.35)}#shop-tab .mk>.page-head,#shop-tab .mk>.seg-tabs{margin:0}#shop-cards-panel.active,#shop-cosmetics-panel.active{display:flex;flex-direction:column;gap:18px}#shop-tab .mk-buy{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:96px;margin:0;padding:9px 16px;border:none;border-radius:10px;background:var(--gold);color:#3a2500;font-size:1.05rem;font-weight:900;font-variant-numeric:tabular-nums;cursor:pointer;transition:filter 0.15s}#shop-tab .mk-buy:hover:not(:disabled){filter:brightness(1.05)}#shop-tab .mk-buy:disabled{background:var(--surface-3);color:var(--text-muted);cursor:not-allowed}#shop-tab .mk-buy-free{background:#3bb54a;color:#fff}.mk-qty{font-size:0.85em;opacity:0.75}.mk-buy-row{display:flex;gap:8px;flex-wrap:wrap}.mk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.mk-tile{display:flex;flex-direction:column;min-width:0;padding:12px;border-radius:14px;background:var(--surface);border:1px solid var(--border);transition:border-color 0.15s}.mk-tile:hover{border-color:var(--text-soft)}.mk-info{display:flex;flex-direction:column;align-items:flex-start;gap:6px;flex:1;padding:12px 4px 2px}.mk-tile h3{margin:0;color:var(--text);font-size:1.15rem;font-weight:900}.mk-desc{margin:0;color:var(--text-muted);font-size:0.9rem;line-height:1.4}.mk-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0 0 6px;color:var(--text-soft);font-size:0.85rem;font-weight:700;font-variant-numeric:tabular-nums}.mk-meta svg{width:1em;height:1em}#shop-tab .mk-info>.mk-buy,#shop-tab .mk-info>.mk-buy-row{margin-top:auto}.mk-stage{position:relative;display:grid;place-items:center;height:180px;border-radius:10px;background:color-mix(in srgb,var(--pack, var(--surface-2)) 16%,var(--surface))}.mk-pack-img{width:108px;filter:drop-shadow(0 6px 8px rgba(0,0,0,0.25))}.mk-grid:not(.ex-grid)>.mk-tile:not(.mk-tokens){--cut: 204px;--notch: 11px;position:relative;-webkit-mask:radial-gradient(circle var(--notch) at 0 var(--cut),transparent 98%,#000) left / 51% 100% no-repeat,radial-gradient(circle var(--notch) at 100% var(--cut),transparent 98%,#000) right / 51% 100% no-repeat;mask:radial-gradient(circle var(--notch) at 0 var(--cut),transparent 98%,#000) left / 51% 100% no-repeat,radial-gradient(circle var(--notch) at 100% var(--cut),transparent 98%,#000) right / 51% 100% no-repeat}.mk-grid:not(.ex-grid)>.mk-tile:not(.mk-tokens)::before{content:"";position:absolute;top:calc(var(--cut) - 1px);left:calc(var(--notch) + 6px);right:calc(var(--notch) + 6px);border-top:2px dashed var(--border)}.mk-grid:not(.ex-grid)>.mk-tile:not(.mk-tokens) .mk-info{padding-top:22px}.mk-tag{position:absolute;top:8px;left:8px;z-index:1;padding:2px 8px;border-radius:6px;background:var(--pack, var(--accent, var(--brand)));color:#fff;font-size:0.75rem;font-weight:800}.mk-free .mk-tag{background:var(--text-soft)}.mk-free.is-ready{border-color:#3bb54a;box-shadow:inset 0 0 0 1px #3bb54a}.mk-free.is-ready .mk-tag{background:#3bb54a}.mk-taste{--pack: var(--accent)}.mk-taste-timer{color:var(--text-muted)}.mk-taste-name{margin:0;color:var(--accent, var(--text));font-weight:800}.mk-taste-name svg,.mk-taste-next svg{width:1em;height:1em;vertical-align:-0.12em}.mk-taste-next{font-weight:600}.mk-footnote{margin:0;text-align:center;color:var(--text-muted);font-size:0.85rem}.mk-pity{display:grid;grid-template-columns:minmax(180px,1fr) 2fr;gap:12px 24px;align-items:center;margin:16px 0;padding:14px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--border)}.mk-pity-head{display:flex;flex-direction:column;gap:4px}.mk-pity h3{margin:0;color:var(--text);font-size:1.15rem;font-weight:900}.mk-pity-rows{display:flex;flex-direction:column;gap:10px}.mk-pity-row{display:grid;grid-template-columns:1fr auto;gap:4px 12px;font-size:0.9rem}.mk-pity-row .lbl{color:var(--tone);font-weight:800}.mk-pity-row .left{color:var(--text-soft);font-weight:700;font-variant-numeric:tabular-nums}.mk-pity-row.is-next .left{color:var(--tone)}.mk-pity-bar{grid-column:1 / -1;height:8px;border-radius:4px;background:var(--surface-3);overflow:hidden}.mk-pity-bar i{display:block;height:100%;border-radius:inherit;background:var(--tone)}.mk-pity-row.rare{--tone: #2f7fd6}.mk-pity-row.epic{--tone: #9a3fd6}.mk-pity-row.legendary{--tone: #e06a12}.mk-tokens h3{display:flex;align-items:baseline;gap:8px}.mk-tokens h3 b{color:var(--text-muted);font-size:0.95rem;font-variant-numeric:tabular-nums}.mk-tokens-pips{display:flex;gap:6px;margin:4px 0 8px}.mk-tokens-pips i{width:14px;height:14px;border-radius:50%;background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--border)}.mk-tokens-pips i.on{background:var(--gold);box-shadow:inset 0 0 0 1px var(--gold-deep)}#shop-tab .mk-tokens .mk-buy{font-size:0.95rem}#shop-tab .shop-section,#wiki-tab .shop-section{margin:0 0 18px;padding:18px;border-radius:14px;border:1px solid var(--border);box-shadow:none}#shop-tab .shop-section h3,#wiki-tab .shop-section h3{font-size:1.2rem;font-weight:900;color:var(--text)}#shop-tab .shop-grid,#wiki-tab .shop-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}#shop-tab .shop-item,#wiki-tab .shop-item{position:relative;padding:8px 8px 12px;border-radius:12px;background:var(--surface);transition:border-color 0.15s}#shop-tab .shop-item:hover,#wiki-tab .shop-item:hover{border-color:var(--text-soft)}#shop-tab .shop-item.owned{border-color:var(--border)}#shop-tab .shop-item.is-equipped{border-color:#3bb54a;box-shadow:inset 0 0 0 1px #3bb54a}#shop-tab .shop-item-name,#wiki-tab .shop-item-name{font-weight:800;color:var(--text)}#shop-tab .shop-item-stage,#wiki-tab .shop-item-stage{width:100%;height:120px;display:grid;place-items:center;border-radius:8px;background:var(--surface-2)}#shop-tab .shop-item-stage .sleeve-preview,#wiki-tab .shop-item-stage .sleeve-preview{height:104px;width:auto}#shop-tab .shop-item-stage .shop-item-placeholder,#wiki-tab .shop-item-stage .shop-item-placeholder{background:var(--surface-3);color:var(--text-muted)}#wiki-tab .wiki-how{align-self:stretch;margin:0;padding:0;list-style:none;color:var(--text-muted);font-size:0.82rem;line-height:1.35}#wiki-tab .wiki-how li+li{margin-top:4px}#wiki-tab .shop-item-stage:has(.wiki-avatar-stage){height:160px}#wiki-tab .wiki-avatar-stage{position:relative;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;border-radius:inherit}#wiki-tab .wiki-avatar-stage .shop-item-img-round,#wiki-tab .wiki-phase{transition:opacity 0.45s ease}#wiki-tab .wiki-avatar-stage.is-playing .shop-item-img-round{opacity:0}#wiki-tab .wiki-phase{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 100%;opacity:0;pointer-events:none}#wiki-tab .wiki-phase.is-on{opacity:1}#wiki-tab .wiki-stage-label{position:absolute;top:6px;left:6px;padding:2px 7px;border-radius:6px;color:#fff;background:rgba(0,0,0,0.6);font-size:0.68rem;font-weight:800;letter-spacing:0.6px;text-transform:uppercase;opacity:0;transition:opacity 0.2s ease}#wiki-tab .wiki-avatar-stage.is-playing .wiki-stage-label{opacity:1}@media (prefers-reduced-motion: reduce){#wiki-tab .wiki-avatar-stage .shop-item-img-round,#wiki-tab .wiki-phase{transition:none}}#shop-tab .shop-item-tag{position:absolute;top:14px;right:14px;z-index:1;padding:2px 7px;border-radius:6px;font-size:0.72rem;font-weight:800;color:#fff;background:rgba(0,0,0,0.6)}#shop-tab .shop-item-tag.equipped{background:#3bb54a}#shop-tab .shop-item-btn.buy{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:8px;background:var(--gold);color:#3a2500;font-weight:900;font-size:1rem}#shop-tab .shop-item-btn.buy:hover:not(:disabled){filter:brightness(1.05)}#shop-tab .shop-item-btn.unequip{background:#3bb54a;color:#fff}#shop-tab .shop-item-btn.unequip:hover{background:var(--surface-3);color:var(--text)}#shop-tab .shop-item-btn.buy:disabled{background:var(--surface-3);color:var(--text-muted)}.ex-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.ex-stage{position:relative;display:grid;place-items:center;padding:14px 0;border-radius:10px;background:var(--surface-2)}.ex-card{width:250px;zoom:0.72}@media (max-width: 768px){.ex-card{width:165px;zoom:1}}.ex-card .card{animation:none}.ex-tile.is-locked .ex-card{filter:grayscale(0.85) brightness(0.7)}.ex-tile.is-claimed .ex-card{opacity:0.75}.ex-tile.is-ready{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.ex-tile .mk-info{align-items:stretch}.ex-when{margin:0;font-size:0.8rem;color:var(--text-muted)}.ex-grid+.mk-footnote{margin-top:16px}@media (max-width: 560px){.mk-grid:not(.ex-grid){grid-template-columns:1fr;gap:12px}.mk-grid:not(.ex-grid) .mk-tile{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:10px}.mk-grid:not(.ex-grid) .mk-stage{height:auto;min-height:130px;align-self:stretch}.mk-grid:not(.ex-grid) .mk-pack-img{width:72px}.mk-grid:not(.ex-grid) .mk-info{padding:2px 0}.mk-grid:not(.ex-grid) .mk-tokens{grid-template-columns:1fr}.mk-pity{grid-template-columns:1fr;margin:12px 0}.mk-grid:not(.ex-grid)>.mk-tile:not(.mk-tokens){--cut: 112px;--notch: 9px;-webkit-mask:radial-gradient(circle var(--notch) at var(--cut) 0,transparent 98%,#000) top / 100% 51% no-repeat,radial-gradient(circle var(--notch) at var(--cut) 100%,transparent 98%,#000) bottom / 100% 51% no-repeat;mask:radial-gradient(circle var(--notch) at var(--cut) 0,transparent 98%,#000) top / 100% 51% no-repeat,radial-gradient(circle var(--notch) at var(--cut) 100%,transparent 98%,#000) bottom / 100% 51% no-repeat}.mk-grid:not(.ex-grid)>.mk-tile:not(.mk-tokens)::before{top:calc(var(--notch) + 4px);bottom:calc(var(--notch) + 4px);left:calc(var(--cut) - 1px);right:auto;border-top:0;border-left:2px dashed var(--border)}.mk-grid:not(.ex-grid)>.mk-tile:not(.mk-tokens) .mk-info{padding:2px 0 2px 4px}.mk-tag{top:6px;left:6px;font-size:0.68rem;padding:2px 6px}#shop-tab .shop-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}