/* Opt-in only: the existing four/five-slot screen is untouched until mounted. */
.hs-panel.six-weapon-panel {
  --d: 1px;
  display: flex;
  flex-direction: column;
  width: min(100%, 500px);
  min-width: 0;
  height: auto;
  padding: 20px 22px 18px; /* 狩猟技が多いハンターは枠を縦に伸ばす（中はスクロールさせない） */
}
.six-weapon-panel h1 { font-size: 23px; line-height: 1.4; }
.six-weapon-panel .hs-lead { margin: 10px 0 16px; font-size: 14px; }
.six-weapon-panel .hs-weapons { flex: none; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.six-weapon-panel .hs-opt { height: 96px; }
.six-weapon-panel .hs-opt img { width: min(100%, 74px); height: 66px; margin: 5px auto 0; }
.six-weapon-panel .hs-opt img[hidden] { display: none; }
.six-weapon-panel .hs-opt span { font-size: clamp(10px, 3.05vw, 14px); line-height: 22px; letter-spacing: 0; white-space: nowrap; }
@media (max-width: 320px) {
  .six-weapon-panel .hs-opt span { font-size: 9px; letter-spacing: -0.03em; }
}
@media (max-width: 300px) {
  .six-weapon-panel .hs-opt span { font-size: 8px; }
}
.six-weapon-panel .hs-divider { flex: none; margin: 18px 0 8px; height: 8px; gap: 12px; }
.six-weapon-panel .hs-divider i { width: 6px; height: 6px; }
.six-weapon-panel .hs-row { min-height: 37px; gap: 8px; }
.six-weapon-panel .hs-row[hidden] { display: none; }
.six-weapon-panel .hs-row dt { font-size: 15px; }
.six-weapon-panel .hs-row dd, .six-weapon-panel .hs-row:first-child dd { font-size: clamp(14px, 4vw, 19px); letter-spacing: .02em; }
.six-weapon-panel .hs-confirm, .six-weapon-panel .hs-back { position: relative; inset: auto; flex: none; width: 100%; }
.six-weapon-panel .hs-back { height: 38px; margin-top: 8px; font-size: 13px; }
.six-weapon-panel .hs-back::before { width: 6px; height: 6px; margin-right: 8px; }
.six-weapon-panel .hs-confirm { height: 48px; margin-top: 3px; }
.six-weapon-panel .hs-confirm span:last-child { font-size: 20px; }
.six-weapon-panel .hs-diamond { width: 15px; height: 15px; top: 16px; left: 24px; }
/* アプリ内ブラウザ（X など）はツールバーが重なって見える高さが短いので、縦900以下は詰めた表示にする */
@media (max-height: 900px) {
  .hs-panel.six-weapon-panel { padding: 13px 16px; }
  .six-weapon-panel h1 { font-size: 20px; }
  .six-weapon-panel .hs-lead { margin: 6px 0 9px; font-size: 12px; }
  .six-weapon-panel .hs-opt { height: 70px; }
  .six-weapon-panel .hs-opt img { height: 44px; width: 58px; margin-top: 3px; }
  .six-weapon-panel .hs-opt span { line-height: 20px; }
  .six-weapon-panel .hs-divider { margin: 10px 0 4px; }
  .six-weapon-panel .hs-row { min-height: 28px; }
  .six-weapon-panel .hs-row dt { font-size: 13px; }
  .six-weapon-panel .hs-back { height: 30px; margin-top: 5px; }
  .six-weapon-panel .hs-confirm { height: 43px; }
  .six-weapon-panel .hs-diamond { top: 14px; }
}
@media (max-height: 600px) {
  .hs-panel.six-weapon-panel { padding: 10px 14px; }
  .six-weapon-panel h1 { font-size: 18px; }
  .six-weapon-panel .hs-lead { margin: 2px 0 6px; }
  .six-weapon-panel .hs-opt { height: 60px; }
  .six-weapon-panel .hs-opt img { height: 36px; width: 50px; margin-top: 2px; }
  .six-weapon-panel .hs-divider { margin: 6px 0 2px; }
  .six-weapon-panel .hs-row { min-height: 25px; }
  .six-weapon-panel .hs-back { height: 26px; margin-top: 3px; }
  .six-weapon-panel .hs-confirm { height: 40px; }
  .six-weapon-panel .hs-diamond { top: 12px; }
}
/* はみ出したときに上が切れないよう、真ん中寄せは余白で行う（上からスクロールできる） */
#overlay-weapon { align-items: flex-start; }
#overlay-weapon .six-weapon-panel { margin: auto 0; }