/* デッキの棚（js/deck-slots*.js）: 拠点のデッキの上のタブ5つ・「複製」・名前の窓・面の札の勝ち印 */
.deck-tabs { display: flex; gap: 4px; padding: 6px 0 4px; }
#deck-name { font-weight: normal; overflow-wrap: anywhere; }
.deck-tab { flex: 1 1 0; min-width: 0; min-height: 40px; padding: 0 3px; font: inherit; font-size: 12px; line-height: 1.1; color: #dfe7ff;
  background: #2c4377; border: 2px solid #55689c; border-radius: 9px; cursor: pointer; overflow: hidden; touch-action: manipulation; }
.deck-tab .dt-name { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; }
.deck-tab.empty { background: #1d2a4d; border-style: dashed; color: #9fb0de; }
/* 選んでいるタブは広く・金の縁（名前が長くても読める） */
.deck-tab.on { flex: 2 1 0; color: #2a1400; font-weight: bold; background: linear-gradient(#ffd767, var(--gold2)); border-color: #fff6c8; box-shadow: 0 0 8px 1px #ffd76a99; }
/* 320 幅: 選んでいない札も「デッキ3」が読めるように、字と余白をつめ、選んでいる札の広がりをひかえめに */
@media (max-width: 360px) { .deck-tab { font-size: 11px; padding: 0 1px; border-width: 1.5px; } .deck-tab.on { flex-grow: 1.4; } }
.deck-tab:active { transform: translateY(1px); }
.deck-dup { flex: none; min-height: 40px; padding: 0 10px; font: inherit; font-size: 12px; color: #fff; background: #3b5aa0; border: 2px solid #8aa0d6; border-radius: 9px; cursor: pointer; }
.deck-dup:disabled { filter: grayscale(1) brightness(.6); cursor: default; }
.deck-dock .deck-label .deck-title { flex: 1 1 0; min-width: 0; }
/* 名前の窓 */
.modal .win.dn-win { width: min(88%, 340px); padding: 16px 14px 12px; text-align: center; font-size: 13px; }
.dn-win h3 { margin: 0 0 8px; font-size: 18px; color: var(--gold); }
.dn-win input { width: 100%; box-sizing: border-box; padding: 9px 10px; font: inherit; font-size: 16px; color: #fff; background: #192239; border: 2px solid #617292; border-radius: 8px; text-align: center; user-select: text; -webkit-user-select: text; }
.dn-note { display: block; margin: 6px 0 10px; font-size: 11px; opacity: .75; line-height: 1.5; }
.dn-btns { display: flex; gap: 8px; }
.dn-btns .btn { flex: 1 1 0; min-width: 0; min-height: 44px; font-size: 14px; padding: 8px 4px; letter-spacing: 0; }
.dn-clearrow { margin-top: 12px; }
.dn-clearrow .btn { width: 100%; min-height: 40px; font-size: 12px; padding: 6px 6px; letter-spacing: 0; line-height: 1.4; }

/* 面の札の勝ち印: そのとき勝った5体。いまの中身と同じなら明るく、中身を変えた後は薄く「前の形」 */
.stage-card .deck-win { position: absolute; right: 8px; top: 31px; z-index: 2; display: flex; align-items: center; gap: 2px; padding: 2px 4px; background: #000a; border: 1.5px solid #ffe36b; border-radius: 8px; }
.stage-card .deck-win .dw-face { width: 18px; height: 18px; border-radius: 4px; background: #222 center 15% / 120% no-repeat; border: 1px solid #ffe36b; }
.stage-card .deck-win .dw-old { margin-right: 2px; font-size: 10px; color: #cfd6ee; white-space: nowrap; }
.stage-card .deck-win.faint { opacity: .72; background: #000d; border-color: #8c93a8; filter: saturate(.35) brightness(.85); }
.stage-card .deck-win.faint .dw-face { border-color: #8c93a8; }
.dw-result { font-size: 12px; opacity: .85; }
.consult-shelf { margin-top: 8px; }