/* ===== せってい 案A 磨き1（2026-10-17）— body.sp1。止め絵のみ（animation/@keyframes なし） ===== */
/* まとまり（見出し＋細線）でリズムを揃える */
.sp1 .bd3{gap:0}
.sp1 .gp1{display:flex;flex-direction:column;gap:6px;padding:11px 0 12px;border-top:1px solid rgba(63,224,232,.14)}
.sp1 .gp1:first-child{border-top:0;padding-top:4px}
.sp1 .gp1 .sh2{border-top:0;padding-top:0}
.sp1 .rw2{min-height:42px}
.sp1 .rw2 .lb small{color:var(--ink-3);font-weight:700}
/* トグルの右端と「ON」の幅を揃える */
.sp1 .tg2{gap:8px}.sp1 .tg2 b{width:22px;text-align:left}
.sp1 .sg2.two>span{min-width:96px}
/* ヒントの3札 */
.sp1 .hk1{display:flex;flex-direction:column;gap:8px}
.sp1 .hh1{display:flex;align-items:flex-end;gap:10px}
.sp1 .hh1 .lb{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.sp1 .hh1 .lb b{font-size:14px;font-weight:800;white-space:nowrap}
.sp1 .hh1 .lb small{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;color:#FFC857;white-space:nowrap}
.sp1 .hh1 .lb small svg{width:13px;height:13px}
.sp1 .lnk1{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:999px;background:rgba(63,224,232,.1);border:1px solid rgba(63,224,232,.4);font-size:11px;font-weight:700;color:var(--ink-2);white-space:nowrap}
.sp1 .lnk1 svg{width:13px;height:13px;color:var(--accent)}
.sp1 .lnk1 em{font-style:normal;opacity:.7}
.sp1 .lnk1 b{font-weight:900;color:#9FE6EC}
.sp1 .hts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sp1 .ht1{position:relative;display:flex;flex-direction:column;gap:3px;padding:9px 10px 10px;border-radius:13px;background:rgba(5,12,32,.6);border:1.5px solid var(--tile-line);min-width:0}
.sp1 .ht1 .tt{display:flex;align-items:center;gap:6px;margin-bottom:3px}
.sp1 .ht1 .tt b{font-size:13px;font-weight:900;color:var(--ink-2)}
.sp1 .ht1 .q{font:900 16px/1.2 "Zen Maru Gothic","Noto Sans JP",sans-serif;color:#fff;white-space:nowrap}
.sp1 .ht1 .q[lang^=zh]{font-family:"Noto Sans TC",sans-serif}
.sp1 .ht1 .rd{display:flex;align-items:center;gap:4px;height:16px;font:800 12px/1 "Nunito",sans-serif;color:#9FE6EC;white-space:nowrap}
.sp1 .ht1.later .rd{opacity:.4}
.sp1 .ht1 .rd.hid i{display:block;width:30px;height:7px;border-radius:9px;background:repeating-linear-gradient(90deg,rgba(159,230,236,.25) 0 5px,transparent 5px 8px)}
.sp1 .ht1 .rd.hid em{font:700 10.5px/1 "Noto Sans JP",sans-serif;font-style:normal;color:var(--ink-3)}
.sp1.lang-zh-TW .ht1 .rd.hid em{font-family:"Noto Sans TC",sans-serif}
.sp1 .ht1 .rd.hid .key{padding:2px 5px;font-size:9.5px;border-bottom-width:2px}
.sp1 .ht1 .kc{display:grid;place-items:center;width:18px;height:18px;border-radius:6px;border:1.5px solid var(--tile-line)}
.sp1 .ht1 .kc svg{width:12px;height:12px;color:#FFC857}
.sp1 .ht1 .tm{position:absolute;right:8px;top:8px;display:inline-flex;align-items:center;gap:2px;font-size:10px;font-weight:700;color:var(--ink-3)}
.sp1 .ht1 .tm svg{width:12px;height:12px;color:var(--accent)}
.sp1 .ht1 .tm b{font:900 13px/1 "Nunito",sans-serif;color:#FFC857}
.sp1 .ht1.on{border:2px solid var(--accent);background:rgba(63,224,232,.1);box-shadow:0 0 16px rgba(63,224,232,.25)}
.sp1 .ht1.on .tt b{color:#fff}
.sp1 .ck3{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--accent)}
.sp1 .ck3 svg{width:11px;height:11px;fill:#04223A;color:#04223A}
/* 下の安心表示＋戻すリンク */
.sp1 .ft3{display:flex;align-items:center;gap:10px;padding-top:10px;border-top:1px solid rgba(63,224,232,.14)}
.sp1 .sv1{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--ink-2);white-space:nowrap}
.sp1 .sv1 svg{width:14px;height:14px;color:#5BE3A0}
.sp1 .sv1 i{font-style:normal;opacity:.5}
.sp1 .ft3 .sp{flex:1}
.sp1 .rs3{font-size:11.5px;font-weight:700;color:var(--ink-3);text-decoration:underline;text-decoration-color:rgba(159,230,236,.35);text-underline-offset:3px;white-space:nowrap}
/* ---- PC ---- */
.sp1.d .drw .pg{gap:8px;padding:20px 22px 14px}
.sp1.d .drw .sw9 .th{height:72px}
/* ---- スマホ ---- */
.sp1.m .gp1{gap:5px;padding:9px 0 10px}
.sp1.m .rw2{min-height:38px}
.sp1.m .sg2.two>span{min-width:0}
.sp1.m .hts{gap:6px}
.sp1.m .ht1{padding:8px 8px 9px}
.sp1.m .ht1 .q{font-size:14px}
.sp1.m .ht1 .rd{font-size:10.5px}
.sp1.m .ht1 .tt b{font-size:12px}
.sp1.m .lnk1{font-size:10.5px;padding:0 8px}
.sp1.m .ft3{gap:6px;padding-top:8px}
.sp1.m .sv1,.sp1.m .rs3{font-size:10.5px}
/* --- 確認1回目の調整: 選んだ札で「✓」と「⏱2秒」が窮屈 → 右上の札をやめ、3札とも下に一行の説明（出方の違いを言葉でも） --- */
.sp1 .ht1 .rd.hid{gap:4px}
.sp1 .ht1 .rd.hid i:last-child{width:46px}
.sp1 .ht1 .cp{display:inline-flex;align-items:center;gap:3px;margin-top:3px;padding-top:5px;border-top:1px dashed rgba(113,130,174,.3);font-size:10.5px;font-weight:700;color:var(--ink-3);white-space:nowrap}
.sp1 .ht1 .cp svg{width:12px;height:12px;color:var(--accent);flex:none}
.sp1 .ht1 .cp b{font:900 12px/1 "Nunito",sans-serif;color:#FFC857}
.sp1 .ht1 .cp .key{padding:2px 5px;font-size:9.5px;border-bottom-width:2px;margin-right:1px}
.sp1 .ht1.on .cp{color:#BFEFF3}
.sp1.m .ht1 .cp{font-size:10px}