/* PokéMart: moves shelf */
#martMovesShelf { --shelf-accent: #a78bfa; }
.mv-head { flex-wrap: wrap; gap: .6rem; }
.mv-tools { margin-left: auto; display: flex; align-items: center; gap: .5rem; }
.mv-search { display: flex; align-items: center; gap: .4rem; padding: .3rem .6rem; border: 1px solid #2e4063; border-radius: .5rem; background: #0d1424; min-width: 11rem; }
.mv-search:focus-within { border-color: #fbbf24; }
.mv-search svg { width: .95rem; height: .95rem; fill: none; stroke: #94a3b8; stroke-width: 2; flex: none; }
.mv-search input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; color: #e2e8f0; font: 600 .75rem var(--font-clean, inherit); }
.mv-type-menu { max-height: 20rem; overflow-y: auto; }
.mv-kinds { display: flex; align-items: center; flex-wrap: wrap; gap: .4rem; margin: .2rem 0 .7rem; }
.mv-kinds button { display: inline-flex; align-items: center; gap: .35rem; padding: .32rem .7rem; border-radius: 2rem; border: 1px solid #2e4063; background: #182238; color: #94a3b8; font: 800 .66rem var(--font-pixel-ui); cursor: pointer; transition: all .15s; }
.mv-kinds button small { color: #64748b; font-size: .58rem; }
.mv-kinds button:hover { color: #e2e8f0; border-color: #4a6290; }
.mv-kinds button.is-on { color: #fff; border-color: var(--shelf-accent); background: color-mix(in srgb, var(--shelf-accent) 22%, #182238); box-shadow: 0 0 .7rem color-mix(in srgb, var(--shelf-accent) 35%, transparent); }
.mv-count { margin-left: auto; color: #94a3b8; font: 700 .62rem var(--font-pixel-ui); letter-spacing: .04em; }
.mv-shelf { padding: .8rem; border: 1.6px solid #2e4063; border-radius: 10px; background: #111829; box-shadow: 0 5px 0 #00000073; }
.mv-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .55rem; }
.mv-card { position: relative; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .7rem; padding: .5rem .65rem .5rem .5rem; border: 1px solid color-mix(in srgb, var(--t) 40%, #2e4063); border-left: 4px solid var(--t); border-radius: .55rem; background: linear-gradient(90deg, color-mix(in srgb, var(--t) 14%, #182238), #182238 60%); transition: transform .15s, box-shadow .15s; }
.mv-card:hover { transform: translateY(-2px); box-shadow: 0 0 .9rem color-mix(in srgb, var(--t) 30%, transparent); }
.mv-dot { display: grid; place-items: center; width: 2.4rem; height: 2.4rem; border-radius: 50%; background: radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--t) 80%, #fff), var(--t) 60%, color-mix(in srgb, var(--t) 70%, #000)); box-shadow: 0 0 .7rem color-mix(in srgb, var(--t) 55%, transparent), inset 0 -3px 5px #0004; }
.mv-dot .game-type-symbol { width: 1.35rem; height: 1.35rem; object-fit: contain; filter: drop-shadow(0 1px 1px #0006); }
.mv-main { min-width: 0; }
.mv-main strong { display: block; font: 800 .8rem var(--font-pixel-ui); color: #f1f5f9; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mv-stats { display: flex; gap: .55rem; margin-top: .15rem; color: #94a3b8; font: 700 .6rem var(--font-clean, inherit); }
.mv-stats b { color: #e2e8f0; }
.mv-tags { display: flex; flex-wrap: wrap; gap: .2rem; margin-top: .25rem; }
.mv-tags em { font-style: normal; padding: .05rem .3rem; border-radius: .25rem; border: 1px solid #334155; background: #0d1424; color: #94a3b8; font: 800 .48rem var(--font-pixel-ui); letter-spacing: .03em; }
.mv-tags .mv-kind { border-color: currentColor; background: color-mix(in srgb, currentColor 14%, #0d1424); }
.mv-tags .k-damage { color: #fb7185; } .mv-tags .k-buff { color: #4ade80; } .mv-tags .k-status { color: #c084fc; } .mv-tags .k-heal { color: #2dd4bf; }
.mv-tags .mv-fx { color: #93c5fd; } .mv-tags .mv-fx.is-bad { color: #fca5a5; }
.mv-buy { display: inline-flex; align-items: center; gap: .3rem; padding: .4rem .6rem; border-radius: .5rem; border: 1px solid #fbbf24; background: linear-gradient(#f2b232, #b36b0b); color: #fffbeb; font: 800 .7rem var(--font-pixel-ui); cursor: pointer; box-shadow: inset 0 1px #fff4, 0 3px 0 #5c3507; transition: transform .1s, filter .15s; }
.mv-buy svg { width: 1rem; height: 1rem; }
.mv-buy:hover:not(:disabled) { filter: brightness(1.12); transform: translateY(-1px); }
.mv-buy.is-short { filter: grayscale(.55) brightness(.8); }
.mv-buy.is-owned { background: #0f2a22; border-color: #166534; color: #86efac; box-shadow: none; cursor: default; font-size: .52rem; }
.mv-card.is-owned { opacity: .72; }
.mv-card.just-bought { animation: mvBought .9s ease-out; }
@keyframes mvBought { 0% { box-shadow: 0 0 0 0 var(--t); transform: scale(1.04); } 100% { box-shadow: 0 0 0 1.2rem transparent; transform: scale(1); } }
.mv-pager { display: flex; align-items: center; justify-content: center; gap: .9rem; margin-top: .7rem; }
.mv-pager button { width: 2.2rem; height: 2rem; border-radius: .5rem; border: 1px solid #2e4063; background: #182238; color: #e2e8f0; font-size: 1.1rem; cursor: pointer; }
.mv-pager button:disabled { opacity: .35; cursor: default; }
.mv-pager button:not(:disabled):hover { border-color: #fbbf24; color: #fde68a; }
.mv-pager span { font: 800 .75rem var(--font-pixel-ui); color: #cbd5e1; min-width: 3.5rem; text-align: center; }
.mv-empty { grid-column: 1 / -1; text-align: center; color: #94a3b8; padding: 1.2rem; }
@media (max-width: 1100px) { .mv-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Toolbar: effect chips on the left, search + type filter on the same line at the right; the count moved to the title row */
.mv-toolbar { display: flex; align-items: center; justify-content: space-between; gap: .8rem; flex-wrap: wrap; margin: .2rem 0 .7rem; }
.mv-toolbar .mv-kinds { margin: 0; flex: 1; min-width: 0; }
.mv-toolbar .mv-tools { margin-left: auto; flex: none; }
.mv-head .mv-count { margin-left: auto; padding: .25rem .7rem; border-radius: 2rem; border: 1px solid #2e4063; background: #0d1424; color: #a8b8d4; }
