/* ===== トップ 磨き1（2026-10-15 夜デイリー）— body.p1x。止め絵のみ（animation/@keyframes なし） ===== */
/* 主ボタン: NEXT＋シーン名（上）／ラベル／ひとこと（下） */
.p1x .btn.pri9{gap:1px}
.p1x .btn.pri9 small{display:inline-flex;align-items:center;gap:6px}
.p1x .btn.pri9 .nx1{font:900 9.5px/1 "Nunito",sans-serif;letter-spacing:.16em;padding:2px 5px;border-radius:4px;background:rgba(4,34,58,.16)}
.p1x .btn.pri9 b{line-height:1.1}
.p1x .btn.pri9 .pv1{font:900 12.5px/1.15 "Zen Maru Gothic","Noto Sans JP",sans-serif;font-style:normal;opacity:.8;letter-spacing:.02em}
.p1x.lang-zh-TW .btn.pri9 .pv1{font-family:"Noto Sans TC",sans-serif;font-weight:700}
.p1x.d .btn.pri9{height:78px}
.p1x.m .btn.pri9{height:66px}
.p1x.m .btn.pri9 .pv1{font-size:11.5px}

/* 進捗の札（5つ） */
.pip1{display:inline-flex;align-items:center;gap:4px}
.pip1 i{display:grid;place-items:center;width:18px;height:18px;border-radius:5px;font:italic 900 11px/1 "Nunito",sans-serif;font-style:italic}
.pip1 i.c{background:#FFC857;color:#2A1A00;box-shadow:0 0 8px rgba(255,200,87,.6)}
.pip1 i.n{border:2px solid var(--accent);background:rgba(63,224,232,.18);box-shadow:0 0 8px rgba(63,224,232,.6)}
.pip1 i.w{border:1.5px dashed rgba(113,130,174,.7)}
.pn.pn1{font-size:13px;font-weight:800;color:var(--ink-2)}
.pn.pn1 b{font:900 22px/1 "Nunito",sans-serif;color:#FFC857;text-shadow:0 0 10px rgba(255,200,87,.45)}

/* ---- 案A ---- */
.p1x .ta9.ta1 .trow{gap:12px}
.p1x .ta9.ta1 .pl9 b{font-size:17px}
.p1x.d .dlg9.ta9{height:188px}
.p1x.m .ta9 .pg{gap:9px}
.p1x.m .pip1 i{width:16px;height:16px;font-size:10px}

/* ---- 案B 引き算 ---- */
.p1x.sx-b .cont9{gap:10px;padding:16px}
.p1x .tp1{padding:8px 14px 9px!important}
.p1x .phr.ph1{flex-direction:column;align-items:flex-start;gap:1px}
.p1x .phr.ph1 b{font:900 19px/1.25 "Zen Maru Gothic","Noto Sans JP",sans-serif;color:#fff}
.p1x .phr.ph1 small{font:700 12.5px/1.25 "Nunito",sans-serif;color:#9FE6EC}
.p1x .phr.ph1 span{font:500 11px/1.3 "Noto Sans TC",sans-serif;color:var(--ink-3)}
.p1x.sx-b .pk9{margin-top:4px}
.p1x.sx-b .pkc{padding:12px 16px}
.swl1{display:flex;align-items:center;gap:7px;margin-top:6px;font-size:12px;color:var(--ink-3)}
.swl1 svg{width:15px;height:15px;color:var(--accent)}
.swl1 b{font-weight:800;color:var(--ink-2)}
.swl1 span{font-size:11px;font-weight:600;margin-left:auto}
.p1x.sx-b .sw9 b{font-size:12.5px}
.p1x.sx-b.d .sw9 .th{height:70px}
.p1x.sx-b.d .tb9 .pg{gap:14px}
.p1x.sx-b .sx-b .btn.pri9,.p1x.sx-b .btn.pri9{height:78px}
.p1x.sx-b.m .btn.pri9{height:62px}
.p1x.sx-b.m .tp1{padding:6px 10px 7px!important}
.p1x.sx-b.m .phr.ph1 b{font-size:16px}.p1x.sx-b.m .phr.ph1 small{font-size:11px}.p1x.sx-b.m .phr.ph1 span{font-size:10.5px}
.p1x.sx-b.m .swl1 span{display:none}
.p1x.sx-b.m .swl1{margin-top:2px}
.p1x.sx-b.m .pip1 i{width:15px;height:15px;font-size:9.5px}
.p1x.sx-b.m .pkc{padding:8px 10px;gap:8px}

/* ---- 案C 進捗チップだけはっきり ---- */
.p1x .one9 .sub.sub1{padding:10px 18px;border-color:rgba(63,224,232,.55);background:rgba(6,14,36,.86);box-shadow:0 0 18px rgba(63,224,232,.18)}
.p1x .one9 .sub1 .pl9 b{font-size:16px}
.p1x.m .one9 .sub.sub1{padding:10px 12px}
/* --- 調整（1回目の確認後）: 案B 引き算で下が空いた → 世界観サムネを大きく、ボタンは2段に戻す --- */
.p1x.sx-b.d .sw9 .th{height:112px}
.p1x.sx-b.d .tb9 .pg{gap:16px}
.p1x.sx-b.d .btn.pri9{height:72px}
.p1x.sx-b.m .sw9 .th{height:40px}
