/* 全モード共通。入力・選択・ドラッグの目印は残し、情報の枠と行罫線をなくす。 */
body.price-redesign {
  --bg:#101626; --bg-card:#171f31; --bg-hover:#202c42; --bg-input:#171f31;
  --border:#2b3549; --border-hl:#f3ce46;
  --text:#eff3fb; --text-m:#a8b4c9; --text-d:#a8b4c9;
  --accent:#f3ce46; --accent-l:#aec5ff; --gold:#f3ce46; --gold-d:#b69b3d;
  --green:#63d3ae; --radius:8px;
  --color-bg:#101626; --color-panel:#171f31;
  --color-text-primary:#eff3fb; --color-text-secondary:#a8b4c9; --color-text-tertiary:#a8b4c9;
}
.price-redesign :focus-visible {outline:2px solid #f3ce46;outline-offset:3px}
.price-redesign>.wrap>header,.price-redesign .site-footer {border:0}
.price-redesign :is(#mode-meta,#mode-mydeck,#mode-packs,#mode-wishlist) {padding-top:22px}

/* 面の濃淡でまとめ、カードや明細を一つずつ囲まない。 */
.price-redesign :is(.scard,.scard.best,.tbl-wrap,.price-chart,.ritem,.trending-item,
 .meta-deck-detail,.meta-deck-btn,.meta-card-chip,.pack-card-item,
 .deck-total,.deck-card-row,.deck-calc,
 .neuron-hint,.deck-share-area,.saved-deck-card-btn,.deck-added-row,
 .wish-card-row,.push-notify-box,.fmx-scroll,.legal-modal) {border:0;border-radius:8px}
.price-redesign :is(.suggest-item,.deck-suggest-item,.meta-deck-sep,
 .import-method,.neuron-hint-method-row,
 .cip-effect,.cip-price,.legal-modal-head,.legal-modal-body h3) {border:0}
.price-redesign .neuron-hint-method-row+.neuron-hint-method-row {border-top:0}
.price-redesign .deck-grid-cell:not(.error):not(.drag-over),.price-redesign .card-hero-img {border:0}
.price-redesign #wishSyncStatus {border:0!important}
/* 環境デッキのレシピ一覧は既存の動的HTMLがインラインで区切りを指定する。 */
.price-redesign #metaDeckDetail>div[style*="border-top"] {border-top:0!important}
.price-redesign #metaDeckDetail>div[style*="border-top"]>a {border:0!important;background:var(--bg-hover)}

/* 一覧は余白で行を分け、操作対象の背景だけを変える。交互背景は使わない。 */
.price-redesign :is(.meta-deck-list,.saved-deck-grid,.pack-card-grid) {gap:10px}
.price-redesign :is(.meta-deck-btn,.saved-deck-card-btn,.pack-card-item) {padding:12px}
/* 環境デッキは画像・名前・率が折り返しにくい列幅を確保する。 */
.price-redesign #metaTierList .meta-deck-list {grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr))}
.price-redesign #metaTierList .meta-deck-btn {padding:6px 10px}
.price-redesign :is(.wish-card-row,.deck-card-row) {padding-block:14px;margin-bottom:10px;background:transparent}
.price-redesign .wish-card-row.wish-drop {background:rgba(99,211,174,.07)}
.price-redesign .deck-added-row {padding-block:10px}
.price-redesign :is(.meta-deck-btn,.saved-deck-card-btn,.pack-card-item,.wish-card-row,.deck-card-row,
 .trending-item,.ritem):is(:hover,:focus-within) {background:var(--bg-hover);transform:none}
.price-redesign #mode-search .movers-item:focus-within {background:var(--bg-hover)}
.price-redesign :is(.wish-price-info,.deck-card-price,
 .meta-deck-price-now,.sprice,.rprice,.fmx-cell) {font-variant-numeric:tabular-nums}
.price-redesign :is(.wish-price-info,.deck-card-price) {text-align:right}
.price-redesign :is(.wish-card-name,.deck-card-name,.pack-card-name) {color:var(--text)}
.price-redesign .meta-tier-group {margin-bottom:24px}
.price-redesign .meta-deck-sep {padding-top:16px}
.price-redesign .import-method+.import-method {margin-top:8px}

/* 表は整列と行の余白で追えるようにする。価格マトリクスの意味色は維持する。 */
.price-redesign table.res :is(th,td),.price-redesign .fmx-table :is(th,td) {border:0}
.price-redesign table.res td {padding-block:13px}
.price-redesign table.res tr:focus-within td {background:var(--bg-hover)}
.price-redesign .fmx-table :is(th,td) {padding-block:12px}
.price-redesign .fmx-table tbody tr:is(:hover,:focus-within) {background:var(--bg-hover)}
.price-redesign .fmx-table tbody tr:is(:hover,:focus-within) .fmx-sticky-col {background:var(--bg-hover)}

/* 通常操作は面、選択状態は黄色の印と明るい文字、主操作は黄色で統一。 */
.price-redesign :is(.deck-btn-secondary,.deck-btn-outline,.deck-preset,.wish-action-btn,
 .wish-card-link,.tbl-more-btn,
 .rf-banner-clear,.share-btn,.cip-price-link,.wish-add) {border:0;background:var(--bg-hover);border-radius:6px}
.price-redesign :is(.deck-btn-primary,.neuron-url-btn,.pwa-banner-btn),
.price-redesign .wish-action-btn.primary {background:#f3ce46;color:#242013;box-shadow:none}
.price-redesign :is(.deck-btn-primary,.neuron-url-btn,.pwa-banner-btn):hover,
.price-redesign .wish-action-btn.primary:hover {background:#ffe16d;color:#242013}
.price-redesign :is(.deck-btn-primary,.neuron-url-btn,.pwa-banner-btn):disabled {background:var(--border);color:var(--text-m)}
.price-redesign :is(.movers-tab,.deck-input-tab,.deck-build-tab,.rf-btn) {border:0;background:var(--bg-card);color:var(--text-m)}
.price-redesign :is(.movers-tab,.deck-input-tab,.deck-build-tab,.rf-btn).active,
.price-redesign :is(.meta-deck-btn,.saved-deck-card-btn).selected {
  background:var(--bg-hover);color:var(--text);box-shadow:inset 0 -2px 0 #f3ce46;
}
.price-redesign #mode-search .movers-tab {border:0}
.price-redesign #mode-search .movers-tab.active {background:var(--bg-hover);box-shadow:inset 0 -2px 0 #f3ce46}
.price-redesign #mode-search .rf-btn.active {background:var(--bg-hover)}
.price-redesign :is(.deck-build-tab-badge,.import-method-no) {background:#2b3549;color:var(--text)}
.price-redesign .meta-card-chip.clickable:hover {background:var(--bg-hover);color:var(--text)}
.price-redesign .wish-card-link:hover {background:#2b3549;color:var(--text)}
.price-redesign .deck-drop-zone:is(:hover,.drag-over) {background:var(--bg-hover)}
.price-redesign #mode-search .share-btns>button {border:0!important;background:var(--bg-hover)}
.price-redesign #mode-search :is(.scard,.scard.best,.price-chart,.tbl-wrap,.ritem) {border:0}
.price-redesign #mode-search .rf-banner {border:0}
.price-redesign .mode-tabs .nav-wishlist {background:transparent;border-radius:0;border:0;border-bottom:2px solid transparent}
.price-redesign .mode-tabs .nav-wishlist.active {border-bottom-color:#f3ce46;box-shadow:none}

@media(max-width:640px) {
 .price-redesign #mode-search table.res td {padding-block:3px}
 .price-redesign #mode-search table.res tr:is(:hover,:focus-within) {background:var(--bg-hover)}
}

/* マイデッキはカード一覧を中心に、管理操作・編集・計算の間隔をそろえる。 */
.price-redesign #mode-mydeck{padding-top:20px}
#mode-mydeck #savedDeckList{margin-bottom:28px}
#mode-mydeck .saved-deck-label{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;margin:0 0 12px;font-size:13px;color:var(--text)}
#mode-mydeck .deck-library-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin-left:auto}
#mode-mydeck .deck-library-actions button{font-size:12px;min-height:36px;padding:6px 0;background:none;color:var(--text-m);border:0}
#mode-mydeck .deck-library-actions .saved-deck-new-btn{color:var(--text)}
#mode-mydeck .deck-library-actions button:hover{color:var(--gold)}
#mode-mydeck .saved-deck-empty{padding:0;margin:0;font-size:12px}
#mode-mydeck .saved-deck-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
#mode-mydeck .deck-panes{gap:28px}
#mode-mydeck .deck-pane-tools{width:280px}
#mode-mydeck .deck-empty-hint{border:0;background:var(--bg-card);min-height:180px;display:flex;align-items:center;justify-content:center;padding:24px;font-size:13px;line-height:1.8}
#mode-mydeck .deck-calc{background:none;padding:16px 0 0;margin-top:0}
#mode-mydeck .deck-calc-title{font-size:12px;margin-bottom:10px;letter-spacing:0}
#mode-mydeck .deck-calc .deck-actions{flex-direction:row;flex-wrap:wrap;gap:10px}
#mode-mydeck .deck-calc .deck-btn{width:auto;min-height:40px;padding:9px 16px;font-size:12px}
#mode-mydeck .deck-calc-help{margin-top:12px;color:var(--text-m);font-size:12px;line-height:1.8}
#mode-mydeck .deck-calc-help summary{cursor:pointer;width:fit-content}
#mode-mydeck .deck-calc-help p{margin:6px 0}
@media(max-width:900px){
 #mode-mydeck .deck-pane-tools{width:auto}
}
@media(max-width:640px){
 #mode-mydeck #savedDeckList{margin-bottom:20px}
 #mode-mydeck .saved-deck-label{gap:4px 12px}
 #mode-mydeck .deck-library-actions{gap:14px;margin-left:0;flex-basis:100%}
 #mode-mydeck .deck-empty-hint{min-height:150px;padding:20px}
 .price-redesign .mode-tabs .nav-wishlist{padding:8px 0;min-height:36px}
}

/* 取得範囲の警告を価格と分離し、小画面でも折り返す。 */
#searchCoverage { margin: 12px 0; padding: 12px; background: var(--bg-card); color: var(--text); overflow-wrap: anywhere; }
#searchCoverage[hidden] { display: none; }
#searchCoverage button { margin-left: 12px; padding: 6px 12px; cursor: pointer; background: var(--bg-hover); color: var(--text); border: 1px solid var(--border); border-radius: 6px; }
.search-failure-note { font-size: .75rem; line-height: 1.5; color: var(--text-d); overflow-wrap: anywhere; }