/* ===== polish6 (2026-10-13火) — ?v=6 ===== */
/* 次の一手ナッジ・コンボ祝う・練習の所要感・帯の話者色リング・高精度バッジ。止め絵のみ（animation なし） */

/* ---- 1. 次の一手ナッジ + 祝うチップ行（ゲージ直下・1行） ---- */
.row6{
  display:flex;align-items:center;justify-content:space-between;gap:6px;
  min-height:16px;margin:1px 0 0;
}
.nudge6{
  display:inline-flex;align-items:center;gap:5px;min-width:0;
  font:700 11px/1.2 var(--font-ja);letter-spacing:.02em;
  color:var(--ink-2);white-space:nowrap;
}
.nudge6 i{
  flex:none;width:0;height:0;
  border-left:6px solid var(--accent);
  border-top:4px solid transparent;border-bottom:4px solid transparent;
}
.nudge6 b{
  font:900 12px/1 var(--font-latin);
  color:var(--hl);margin:0 1px;
}
[data-skin=c] .nudge6{color:rgba(206,236,250,.9)}
[data-skin=c] .nudge6 i{border-left-color:#3FE0E8}
[data-skin=c] .nudge6 b{color:#FFC857;text-shadow:0 0 6px rgba(255,200,87,.35)}
.chips6{display:inline-flex;align-items:center;gap:4px;flex:none}
.p6x .row6 .best5{margin:0;align-self:center}
.p6x.m .row6{min-height:14px;margin-top:0;gap:4px}
.p6x.m .nudge6{font-size:9.5px;gap:4px}
.p6x.m .nudge6 b{font-size:10.5px}
.p6x.m .nudge6 i{border-left-width:5px;border-top-width:3.5px;border-bottom-width:3.5px}

/* ---- 2. コンボ祝うチップ（.best5 と同型・シアン） ---- */
.combo6{
  display:inline-flex;align-items:center;gap:3px;
  font:800 9.5px/1 var(--font-ja);letter-spacing:.05em;
  padding:2px 8px 2px 6px;border-radius:999px;white-space:nowrap;
  color:#04223A;
  background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 45%,#fff) 0%,var(--accent) 100%);
  border:1.5px solid color-mix(in srgb,var(--accent) 70%,#000);
  box-shadow:0 1px 0 rgba(0,0,0,.12);
}
.combo6 i{display:inline-grid;place-items:center}
.combo6 i svg{width:10px;height:10px;color:#FF7A3D}
[data-skin=c] .combo6{
  background:linear-gradient(180deg,#B8FBFF 0%,#3FE0E8 100%);
  border-color:rgba(63,224,232,.8);
  box-shadow:0 0 10px rgba(63,224,232,.25),0 1px 0 rgba(0,0,0,.2);
}
.p6x.m .combo6{font-size:8.5px;padding:2px 7px 2px 5px;letter-spacing:.04em}
.p6x.m .combo6 i svg{width:9px;height:9px}
/* share 追随 */
.p6x.view-share .rkcol .chips6{display:flex;justify-content:center;gap:5px;margin:4px 0 2px}
.p6x.view-share .rkcol .chips6 .best5{margin:0}

/* ---- 3. 練習の所要感（ミスカードの練習ボタン） ---- */
.p6x .mbtn.mbtn6{
  flex-direction:column;justify-content:center;gap:2px;
  padding:6px 11px 5px;
}
.mb6{display:inline-flex;align-items:center;gap:5px}
.eta6{
  font:700 9px/1 var(--font-ja);letter-spacing:.04em;
  color:color-mix(in srgb,var(--pri-ink) 72%,transparent);
  white-space:nowrap;
}
[data-skin=c] .eta6{color:rgba(4,34,58,.72)}
.p6x .miss.cmp .mbtn.mbtn6{padding:6px 7px 4px}
.p6x.m .mbtn.mbtn6{padding:6px 7px 4px;gap:2px}
.p6x.m .eta6{font-size:8px;letter-spacing:.02em}

/* ---- 4. フレーズ帯の話者色リング（index 0〜4・固定5色） ---- */
.sp6-0{--c6:#3FE0E8} /* シアン */
.sp6-1{--c6:#FFC857} /* 金 */
.sp6-2{--c6:#B49CFF} /* ラベンダー */
.sp6-3{--c6:#5BEBB0} /* ミント */
.sp6-4{--c6:#FF8CC6} /* ピンク */
.p6x .strip2 .s2.sp6 i{
  box-shadow:0 0 0 2px rgba(8,16,38,.95),0 0 0 3.5px var(--c6);
}
.p6x .strip2 .s2.sp6.mi i{
  box-shadow:0 0 0 2px rgba(8,16,38,.95),0 0 0 3.5px var(--c6),0 0 9px rgba(255,77,109,.45);
}
.p6x .strip2 .s2.sp6 b{color:var(--c6);opacity:.9}
.p6x .strip2 .s2l{margin:0 8px}
.p6x.m .strip2 .s2.sp6 i{box-shadow:0 0 0 1.5px rgba(8,16,38,.95),0 0 0 3px var(--c6)}
.p6x.m .strip2 .s2.sp6.mi i{box-shadow:0 0 0 1.5px rgba(8,16,38,.95),0 0 0 3px var(--c6),0 0 7px rgba(255,77,109,.45)}
.p6x.m .strip2 .s2l{margin:0 6px}
/* ミスカード番号にも同じリング（帯 ↔ カードの対応） */
.p6x .miss .mn.sp6{box-shadow:0 0 0 2px rgba(8,16,38,.95),0 0 0 3.5px var(--c6)}
.p6x.m .miss .mn.sp6{box-shadow:0 0 0 1.5px rgba(8,16,38,.95),0 0 0 3px var(--c6)}

/* ---- 5. 高精度バッジ（正確率 ≥95・アイコン行の右） ---- */
.acc6{
  position:absolute;top:8px;right:8px;
  font:800 9px/1 var(--font-ja);letter-spacing:.06em;
  padding:2px 6px;border-radius:999px;white-space:nowrap;
  color:#063A2A;
  background:linear-gradient(180deg,#C9FFE8 0%,#5BEBB0 100%);
  border:1px solid rgba(91,235,176,.85);
  box-shadow:0 0 8px rgba(91,235,176,.25);
}
.p6x .stat.acc6on{border-color:rgba(91,235,176,.55)}
.p6x.m .acc6{top:5px;right:4px;font-size:7.5px;padding:2px 4px;letter-spacing:.02em}
/* share のインライン統計（アイコン非表示）では上辺タブ */
.p6x .stats.inl .stat.acc6on .acc6{top:-9px;right:-4px}
.p6x.m .stats.inl .stat.acc6on .acc6{top:-8px;right:-3px}

/* ---- 余白（PC 下端クリップ回避・スマホ圧縮） ---- */
.p6x.d .hero3{gap:3px}
.p6x.m .hero3{gap:2px}
/* 主ボタン先読みが下端からはみ出していた（磨き5から）→ 行高を固定して中央寄せ */
.p6x.d .btn.pri2.pri5{grid-template-rows:12px 22px 13px;align-content:center;row-gap:0!important}
.p6x.m .btn.pri2.pri5{grid-template-rows:10px 17px 11px;align-content:center;row-gap:0!important}
/* PC: ナッジ行ぶんを回収（低スコアで副ボタン行が下端チューブに触れないように） */
.p6x.d.res-poor .pg{gap:6px}
.p6x.d.res-poor .rv{gap:6px}
.p6x.d.res-poor .ml{gap:6px}
.p6x.d.res-poor .miss{padding-top:6px;padding-bottom:5px}
.p6x.d.res-poor .hero3{padding-top:7px;padding-bottom:6px}
/* スマホ低スコア: さらに圧縮（好成績は磨き5の余白を維持） */
.p6x.m.res-poor .pg{gap:3px}
.p6x.m.res-poor .hero3{padding-top:5px;padding-bottom:5px}
.p6x.m.res-poor .rv{gap:4px}
.p6x.m.res-poor .ml{gap:5px}
.p6x.m.res-poor .miss{padding-top:4px;padding-bottom:3px}
/* 案C スマホ: スロットが統計フッターに重なっていた（磨き5以前から）＋高精度タブ分 → ランク札・スタンプを詰める */
.p6x.m.view-share .rkcol .rank{width:84px}
.p6x.m.view-share .rkcol .sc b{font-size:30px}
.p6x.m.view-share .rkcol{gap:3px}
.p6x.m.view-share .cbody{gap:8px}
.p6x.m.view-share .slot{padding:6px 4px 5px}
.p6x.m.view-share .slot .stamp{width:40px;height:40px}
.p6x.m.view-share .slot.empty .stamp{width:36px;height:36px;margin:2px 0}
.p6x.m.view-share .share-foot{padding-top:8px}
/* 案C スマホ: 統計フッターは overflow で上辺タブが切れる → 自己ベストと同じくインライン */
.p6x.m.view-share .share-foot .stat.acc6on .acc6{position:static;margin-left:4px;font-size:8px;padding:1px 5px;align-self:center}