/* ===== シーン選択 磨き1（2026-10-15 夜デイリー）— body.p1x。止め絵のみ（animation/@keyframes なし） ===== */

/* ---- 2. フレーズ見本の階層（結果画面のミス対比と同じ読み順: 日本語 → ローマ字 → 繁中） ---- */
.p1x .phr.ph1{flex-direction:column!important;align-items:flex-start;gap:1px;padding:7px 12px 8px!important}
.p1x .phr.ph1 b{font:900 19px/1.25 "Zen Maru Gothic","Noto Sans JP",sans-serif!important;color:#fff;letter-spacing:.01em}
.p1x .phr.ph1 small{font:700 12.5px/1.25 "Nunito",sans-serif!important;color:#9FE6EC;letter-spacing:.02em}
.p1x .phr.ph1 span{font:500 11px/1.3 "Noto Sans TC",sans-serif!important;color:var(--ink-3)}
.p1x.m .phr.ph1 b{font-size:16.5px!important}
.p1x.m .phr.ph1 small{font-size:11px!important}
.p1x.m .phr.ph1 span{font-size:10.5px!important}

/* ---- 3. 主ボタン先読み ---- */
.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 .pv1{font:700 11.5px/1.15 "Noto Sans JP",sans-serif;font-style:normal;opacity:.78;letter-spacing:.02em}
.p1x.lang-zh-TW .btn.pri9 .pv1{font-family:"Noto Sans TC",sans-serif}
.p1x .btn.pri9 .pv1 q{quotes:"「" "」";font:900 12px/1.15 "Zen Maru Gothic","Noto Sans JP",sans-serif}
.p1x .btn.pri9 b{font-size:20px;line-height:1.1}
.p1x.d .btn.pri9{height:74px}
.p1x.m .btn.pri9{height:62px}
.p1x.m .btn.pri9 b{font-size:17px}
.p1x.m .btn.pri9 .pv1{font-size:10.5px}.p1x.m .btn.pri9 .pv1 q{font-size:11px}

/* ---- 1. 視線の帯（案A）— 区切り線の上にチップ（高さを食わない） ---- */
.zg1{position:relative;flex:none;height:12px;display:flex;align-items:center}
.zg1::after{content:"";flex:1;height:1px;margin-left:8px;background:linear-gradient(90deg,rgba(63,224,232,.28),transparent 90%)}
.zg1.z-clr::after{background:linear-gradient(90deg,rgba(255,200,87,.35),transparent 90%)}
.zg1.z-new::after{background:linear-gradient(90deg,rgba(113,130,174,.35),transparent 90%)}
.gl1{display:inline-flex;align-items:center;gap:5px;font:800 10.5px/1 "Noto Sans JP",sans-serif;letter-spacing:.08em;white-space:nowrap}
.lang-zh-TW .gl1{font-family:"Noto Sans TC",sans-serif}
.gl1 b{font:900 11.5px/1 "Nunito",sans-serif}
.gl1 i{width:7px;height:7px;border-radius:50%}
.gl1.g-clr{color:#FFC857}.gl1.g-clr i{background:#FFC857;box-shadow:0 0 6px rgba(255,200,87,.7)}
.gl1.g-nxt{color:var(--accent)}.gl1.g-nxt i{background:var(--accent);box-shadow:0 0 8px rgba(63,224,232,.9)}
.gl1.g-new{color:var(--ink-3)}.gl1.g-new i{border:1.5px dashed var(--ink-3)}
.p1x.sx-a .slist{gap:6px}
/* クリア行は金の細い縁、まだ行は薄く */
.p1x .srow.st-clear{border-color:rgba(255,200,87,.38);background:linear-gradient(90deg,rgba(255,200,87,.07),var(--tile) 55%)}
.p1x .srow.dim1{background:rgba(10,18,44,.5);border-style:dashed;border-color:rgba(113,130,174,.32)}
.p1x .srow.dim1 .snm b{color:var(--ink-2)}
.p1x .srow.dim1 .th{filter:saturate(.4) brightness(.6)}
.p1x .srow.dim1 .sno{opacity:.6}
/* 選中＝NEXT: 縁グロー強化＋左のシアンの柱 */
.p1x .srow.on{position:relative;border-width:2px;background:linear-gradient(90deg,rgba(63,224,232,.2),rgba(63,224,232,.07) 60%);box-shadow:0 0 0 3px rgba(63,224,232,.2),0 0 30px rgba(63,224,232,.42),inset 0 0 18px rgba(63,224,232,.12)}
.p1x .srow.on .snm b{color:#fff}
.p1x .srow.on .th{border-color:var(--accent);box-shadow:0 0 12px rgba(63,224,232,.55)}
.rail1{position:absolute;left:-2px;top:8px;bottom:8px;width:4px;border-radius:0 4px 4px 0;background:var(--accent);box-shadow:0 0 10px rgba(63,224,232,.9)}
.p1x .srow.on .bdg.nxt{box-shadow:0 0 0 2px rgba(255,255,255,.35),0 0 18px rgba(63,224,232,.85)}
.p1x .sdet.det1{box-shadow:0 10px 26px rgba(63,224,232,.14),0 0 24px rgba(63,224,232,.18);background:rgba(63,224,232,.07)}
.p1x .sdet.det1 .dl{font-size:12px;letter-spacing:.04em}
.p1x.d .sdet.det1{gap:6px;padding:8px 12px 10px}
.p1x.d .sdet.det1 .phr.ph1{padding:6px 12px 7px!important}
/* 案A PC: 未選択行を少し詰めて、フレーズ3段ぶんを捻出 */
.p1x.sx-a.d .srow:not(.on){padding:4px 12px 4px 6px}
.p1x.sx-a.d .srow:not(.on) .th{width:62px;height:40px}
.p1x.sx-a.d .srow:not(.on) .snm{gap:2px}
.p1x.sx-a.d .srow:not(.on) .snm b{font-size:15px}
.p1x.sx-a.d .sp9 .pg{gap:10px;padding-top:18px}
.p1x.sx-a.d .phd .prg{width:120px;height:9px}
.p1x.sx-a .row9{margin-top:-2px}

/* ---- 4. スマホ圧縮（案A）: 未選択行は名前だけ・薄く。選中＋フレーズ＋主ボタンを守る ---- */
.p1x.sx-a.m .rpanel.sp9{top:252px}
.p1x.sx-a.m .sp9 .pg{gap:6px;padding:12px 11px 11px}
.p1x.sx-a.m .slist{gap:4px}
.p1x.sx-a.m .srow:not(.on){padding:3px 8px 3px 4px;border-radius:10px}
.p1x.sx-a.m .srow:not(.on) .th{width:40px;height:28px;border-radius:7px}
.p1x.sx-a.m .srow:not(.on) .th .thb{width:15px;height:11px;right:3px;top:3px}
.p1x.sx-a.m .srow:not(.on) .meta{display:none}
.p1x.sx-a.m .srow:not(.on) .snm b{font-size:13px}
.p1x.sx-a.m .srow:not(.on) .bdg{height:22px;min-width:42px;font-size:9.5px}
.p1x.sx-a.m .srow:not(.on) .bdg.clr b{font-size:13px}
.p1x.sx-a.m .srow.dim1{opacity:.62}
.p1x.sx-a.m .zg1{height:10px}
.p1x.sx-a.m .gl1{font-size:9.5px}.p1x.sx-a.m .gl1 b{font-size:10.5px}
.p1x.sx-a.m .sdet.det1{padding:6px 8px 8px;gap:5px}
.p1x.sx-a.m .sdet.det1 .phr.ph1{padding:5px 10px 6px!important}
.p1x.sx-a.m .srow.on{padding:5px 9px 5px 5px}

/* ---- 5. 案B: クリア＝スタンプ＋ランク札＋金の縁 / 未プレイ＝点線の丸だけ（中身なし） ---- */
.p1x .stp.st-clear{border:2px solid rgba(255,200,87,.55);background:radial-gradient(120% 80% at 50% 30%,rgba(255,200,87,.14),var(--tile) 70%);box-shadow:0 0 18px rgba(255,200,87,.16)}
.p1x .stp.st-clear .nm{color:#FFE3A6}
.p1x .stp.st-new{background:rgba(8,14,36,.35);border:1.5px dashed rgba(113,130,174,.4)}
.p1x .stp.st-new .ring{border-color:rgba(113,130,174,.5);background:transparent}
.p1x .stp.st-new .ring b{color:rgba(143,160,200,.55)}
.p1x .stp.st-new .nm{color:var(--ink-3);font-weight:800}
.p1x .stp.on{background:radial-gradient(120% 80% at 50% 30%,rgba(63,224,232,.2),rgba(63,224,232,.06) 70%);box-shadow:0 0 0 3px rgba(63,224,232,.2),0 0 32px rgba(63,224,232,.45)}
.p1x .stp.on .ring{border-style:solid;border-width:3px;background:rgba(63,224,232,.08)}
.p1x .stp .rk9{width:38px;height:38px;font-size:22px;box-shadow:0 0 0 2px #2A1A00,0 0 14px rgba(255,200,87,.75)}
.sst1{font:900 10px/1 "Nunito","Noto Sans JP",sans-serif;letter-spacing:.12em;padding:4px 8px;border-radius:999px;white-space:nowrap}
.lang-zh-TW .sst1{font-family:"Nunito","Noto Sans TC",sans-serif}
.sst1.s-clr{color:#2A1A00;background:#FFC857}.sst1.s-clr b{font-style:italic}
.sst1.s-nxt{color:var(--accent);border:1.5px solid var(--accent)}
.sst1.s-new{color:var(--ink-3);border:1.5px dashed rgba(113,130,174,.55);letter-spacing:.04em}
.leg1{display:inline-flex;align-items:center;gap:6px;margin-right:12px;font-size:11px;font-weight:700;color:var(--ink-3)}
.leg1 span{width:10px;height:10px;border-radius:50%;margin-left:4px}
.leg1 .l-clr{background:#FFC857}.leg1 .l-new{border:1.5px dashed rgba(143,160,200,.8)}
.p1x.sx-b.d .stp{gap:8px;padding:20px 8px 14px}
.p1x.sx-b .bdet.det1{border-color:rgba(63,224,232,.45);box-shadow:0 0 22px rgba(63,224,232,.14)}
.p1x.sx-b.d .bdet .bph{width:360px}
.p1x.sx-b.m .stp{gap:5px;padding:13px 3px 9px}
.p1x.sx-b.m .sst1{font-size:8.5px;padding:3px 6px;letter-spacing:.06em}
.p1x.sx-b.m .stp .rk9{width:28px;height:28px;font-size:16px}
.p1x.sx-b.m .leg1{display:none}

/* ---- 6. 案C: 選中の提灯に縁グロー＋下パネルへ降りる印 ---- */
.p1x .route .rn.on::before{border-width:2px;background:rgba(63,224,232,.14);box-shadow:0 0 0 3px rgba(63,224,232,.2),0 0 28px rgba(63,224,232,.55),inset 0 0 14px rgba(63,224,232,.2)}
.p1x .route .rn.on .node{filter:drop-shadow(0 0 6px rgba(255,200,87,.95)) drop-shadow(0 0 14px rgba(255,140,60,.7))}
.p1x .route .rn.st-new .node{opacity:.55;filter:saturate(.5)}
.p1x .route .rn.st-new .rnm{color:var(--ink-3)}
.p1x .route .rn.st-clear .rnm{color:#FFE3A6}
.rst1{margin-top:2px;font:800 9.5px/1 "Noto Sans JP",sans-serif;letter-spacing:.06em;padding:2px 7px;border-radius:999px;position:relative}
.lang-zh-TW .rst1{font-family:"Noto Sans TC",sans-serif}
.rst1.r-clr{color:#FFC857;border:1px solid rgba(255,200,87,.55)}
.rst1.r-new{color:var(--ink-3);border:1px dashed rgba(113,130,174,.55)}
.drop1{position:absolute;left:50%;bottom:-17px;transform:translateX(-50%);width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid var(--accent);filter:drop-shadow(0 0 6px rgba(63,224,232,.9))}
.p1x.m .drop1{bottom:-13px;border-left-width:7px;border-right-width:7px;border-top-width:7px}
.p1x .dlg9.lit1{box-shadow:0 0 0 2px rgba(63,224,232,.45),0 0 34px rgba(63,224,232,.28),0 24px 60px rgba(0,0,0,.6)}
.lt1{display:inline-grid;place-items:center;min-width:26px;height:18px;margin-right:6px;padding:0 5px;border-radius:999px;background:var(--accent);color:var(--pri-ink);font:900 10.5px/1 "Nunito",sans-serif;box-shadow:0 0 10px rgba(63,224,232,.7)}
.p1x.sx-c .dlg9 .bt9 small{display:inline-flex;align-items:center}
.p1x.sx-c .dtop .th.lg{border-color:var(--accent);box-shadow:0 0 14px rgba(63,224,232,.45)}
.p1x.sx-c.d .dlg9{height:300px}
.p1x.sx-c.d .dtop .bph .phr.ph1{padding:5px 12px 6px!important}
.p1x.sx-c.d .dtop .bph .phr.ph1 b{font-size:17px!important}
.p1x.sx-c.m .dlg9{top:446px}
.p1x.sx-c.m .dlg9 .pg{gap:8px}
/* --- 調整（1回目の確認後）: PC 案A 一覧が主ボタンに潜っていた → 未選択行はメタを外して1行に --- */
.p1x.sx-a.d .srow:not(.on) .meta{display:none}
.p1x.sx-a.d .srow:not(.on){padding:3px 12px 3px 5px}
.p1x.sx-a.d .srow:not(.on) .th{width:56px;height:34px;border-radius:8px}
.p1x.sx-a.d .srow:not(.on) .th .thb{width:20px;height:14px;right:4px;top:4px}
.p1x.sx-a.d .srow:not(.on) .bdg{height:26px}
.p1x.sx-a.m .rpanel.sp9{top:278px}