/* ===== プレイ中の一時停止（2026-10-18）— body.pz9。止め絵のみ ===== */
.pz9 #app{position:fixed;inset:0;overflow:hidden;background:#050A1C}
.pz9 .bgplay{position:absolute;left:0;top:0;border:0;z-index:0;pointer-events:none}
.scr9{position:absolute;inset:0;z-index:5}
.scr9.a{background:linear-gradient(180deg,rgba(4,8,26,.30),rgba(4,8,26,.62) 60%,rgba(4,8,26,.82))}
.pz-a .bgplay,.pz-s .bgplay{filter:saturate(.75) brightness(.78)}
.pz-b .bgplay{filter:blur(7px) saturate(.7) brightness(.6);transform:scale(1.03)}
.scr9.b{background:radial-gradient(ellipse at 50% 50%,rgba(4,8,26,.35),rgba(4,8,26,.78))}
.pz-c .bgplay{filter:blur(3px) saturate(.7) brightness(.62)}
.scr9.c{background:linear-gradient(90deg,rgba(4,8,26,.15),rgba(4,8,26,.55))}
.scr9.s2{z-index:12;background:rgba(4,8,26,.5)}
.pz9 .rpanel{z-index:9}
.pz9 .rpanel.drw{z-index:21}
.pz9 .scrim2{display:none}
/* 共通部品 */
.sn9{display:inline-flex;align-items:center;gap:8px;min-width:0}
.sn9 .no{display:grid;place-items:center;width:28px;height:24px;border-radius:7px;background:var(--accent);color:#04223A;font:900 13px/1 "Nunito",sans-serif}
.sn9 b{font-size:17px;font-weight:900;color:#fff;white-space:nowrap}
.wh9{font-size:13px;font-weight:800;color:var(--ink-2);white-space:nowrap}
.wh9 b{font:900 18px/1 "Nunito",sans-serif;color:#FFC857}
.wh9 small{font:800 12px/1 "Nunito",sans-serif;color:var(--ink-3)}
.pp9{display:inline-flex;gap:6px}
.pp9 i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font:900 11px/1 "Nunito",sans-serif;font-style:normal;color:var(--ink-3);border:1.5px solid rgba(113,130,174,.6);background:rgba(5,12,32,.6)}
.pp9 i.done{background:#FF9A3D;border-color:#FFC857;color:#3A1A00}
.pp9 i.done svg{width:12px;height:12px;fill:currentColor;color:currentColor}
.pp9 i.cur{border:2px solid var(--accent);color:#fff;box-shadow:0 0 10px rgba(63,224,232,.6)}
.sts9{display:inline-flex;gap:8px}
.sc9{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;border-radius:999px;background:rgba(63,224,232,.08);border:1px solid rgba(63,224,232,.3);white-space:nowrap}
.sc9 svg{width:15px;height:15px;color:var(--accent)}
.sc9.fl svg{color:#FF9A3D}
.sc9 b{font:900 15px/1 "Nunito",sans-serif;color:#fff}
.sc9 b small{font-size:11px}
.sc9>small{font-size:10.5px;font-weight:800;color:var(--ink-3);letter-spacing:.02em}
.kp9{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--ink-2);white-space:nowrap}
.kp9 svg{width:14px;height:14px;color:#5BE3A0}
.kp9 i{font-style:normal;opacity:.5}
.ptab9{position:absolute;left:22px;top:-15px;z-index:3;display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 14px 0 6px;border-radius:9px;background:#14224A;border:2px solid #FFC857;color:#FFC857;font-size:14px;font-weight:900;box-shadow:0 0 14px rgba(255,200,87,.45)}
.ptab9 .pi{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#FFC857;color:#14224A}
.ptab9 .pi svg{width:12px;height:12px}
.ptab9 small{font:900 10px/1 "Nunito",sans-serif;letter-spacing:.16em;opacity:.8}
.ct9 .key{position:absolute;right:14px;top:50%;transform:translateY(-50%)}
.ct9 b{font-size:21px}
.sb9{flex:1;min-width:0}
.sb9.gr{border-color:rgba(63,224,232,.9)}
.r1{display:flex;align-items:center;gap:12px;min-width:0}
.r1.c{justify-content:center}
.r1 .sp{flex:1}
/* ---- 案A: YOUR TURN と同じ枠のまま差し替え ---- */
.d .rpanel.pzA{left:148px;right:148px;top:482px;bottom:12px;width:auto}
.d .pzA .pg{position:relative;height:100%;display:grid;grid-template-columns:1fr 1.15fr;gap:26px;align-items:center;padding:20px 28px 16px}
.pzA .l9{display:flex;flex-direction:column;gap:12px;min-width:0}
.pzA .r9{display:flex;flex-direction:column;gap:12px}
.pzA .row9{display:flex;gap:10px}
.d .pzA .ct9{height:76px}
.m .rpanel.pzA{left:6px;right:6px;top:536px;bottom:6px;width:auto}
.m .pzA .pg{display:flex;flex-direction:column;gap:11px;padding:24px 14px 12px;height:100%}
.m .pzA .ptab9{left:14px}
.m .pzA .ct9{height:60px}
.m .pzA .ct9 b{font-size:19px}
.m .pzA .row9{gap:6px}
.m .pzA .sb9{height:46px;font-size:13px;gap:5px;padding:0 4px}
.m .pzA .sb9 svg{width:16px;height:16px}
.m .sn9 b{font-size:15px}
.m .kp9{font-size:10.5px;justify-content:center}
.m .sts9{gap:5px}.m .sc9{height:26px;padding:0 8px}
.m .pp9 i{width:20px;height:20px}
.pzA.behind9{filter:brightness(.55)}
/* ---- 案B: 真ん中の小さなメニュー ---- */
.rpanel.pzB{left:50%;top:50%;transform:translate(-50%,-50%);width:440px;bottom:auto;right:auto}
.pzB .pg{display:flex;flex-direction:column;gap:14px;padding:26px 30px 20px;align-items:stretch}
.hb9{display:flex;flex-direction:column;align-items:center;gap:6px}
.hb9 .bi{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#FFC857;color:#14224A;box-shadow:0 0 22px rgba(255,200,87,.6)}
.hb9 .bi svg{width:22px;height:22px}
.hb9 b{font-size:24px;font-weight:900;color:#fff;letter-spacing:.08em}
.hb9 small{font:900 11px/1 "Nunito",sans-serif;letter-spacing:.3em;color:#FFC857;opacity:.85}
.pzB .lst9{display:flex;flex-direction:column;gap:10px;margin-top:4px}
.pzB .ct9{height:64px}
.pzB .sb9{flex:none;height:50px;justify-content:flex-start;padding:0 18px}
.pzB .kp9{justify-content:center}
.m .rpanel.pzB{width:350px}
.m .pzB .pg{padding:22px 18px 16px;gap:12px}
.m .pzB .ct9{height:58px}
.m .pzB .sb9{height:46px}
.m .hb9 .bi{width:40px;height:40px}
.m .hb9 b{font-size:21px}
/* ---- 案C: ドロワーがそのまま一時停止 ---- */
.pzC .pg{gap:10px!important}
.hd9{display:flex;align-items:center;gap:10px}
.hd9 .pi{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#FFC857;color:#14224A;box-shadow:0 0 14px rgba(255,200,87,.5)}
.hd9 .pi svg{width:15px;height:15px}
.hd9>b{font-size:20px;font-weight:900;color:#fff}
.hd9 .sp{flex:1}
.hd9 .sn9 b{font-size:14px}
.pzC .ct9{height:62px}
.pzC .bd2{overflow:visible}
.two9{display:flex!important;flex-direction:row!important;gap:16px!important}
.two9 .rw2{flex:1}
.lks9{display:flex;gap:8px}
.lk9{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:44px;border-radius:12px;border:1.5px solid var(--tile-line);background:rgba(5,12,32,.55);font-size:13px;font-weight:800;color:var(--ink-2);white-space:nowrap}
.lk9 svg{width:16px;height:16px;color:var(--accent)}
.lk9:first-child{border-color:rgba(63,224,232,.7);color:#fff}
.pzC .ft3{justify-content:center}
.m .rpanel.drw.pzC{top:236px}
.m .hd9>b{font-size:17px}
.m .hd9 .sn9 .no{display:none}
.m .hd9 .wh9{display:none}
.m .pzC .ct9{height:56px}
.m .lk9{height:42px;font-size:12px;gap:4px}
.m .two9{gap:10px!important}
.m .two9 .rw2 .lb small{display:none}
/* ---- s: 一時停止から開いたせってい ---- */
.pzchip{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;margin-left:10px;border-radius:999px;background:rgba(255,200,87,.12);border:1px solid rgba(255,200,87,.55);color:#FFC857;font-size:11px;font-weight:800;white-space:nowrap}
.pzchip svg{width:11px;height:11px}
.dis9 .sg2{opacity:.38;filter:saturate(.4)}
.dis9 .lb .nt9{display:inline-flex;align-items:center;gap:4px;color:#FFC857!important;font-size:10.5px}
.dis9 .lb .nt9 svg{width:12px;height:12px}
.now9{font-style:normal;color:#9FE6EC}
.pzS .cl2 svg{width:15px;height:15px}
.m .pzchip{margin-left:6px;font-size:10px;padding:0 7px}
/* 磨き: いまの問題カード・見出しの折り返し */
.cur9{display:flex;flex-direction:column;gap:3px;padding:10px 14px 11px;border-radius:13px;background:rgba(5,12,32,.6);border:1.5px dashed rgba(63,224,232,.35)}
.cur9 .cl{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;color:var(--ink-3)}
.cur9 .cl svg{width:10px;height:10px;color:var(--accent)}
.cur9 b{font:900 22px/1.25 "Zen Maru Gothic","Noto Sans JP",sans-serif;color:#fff;white-space:nowrap}
.cur9 b[lang^=zh]{font-family:"Noto Sans TC",sans-serif}
.cur9 .rd{font:800 13px/1.2 "Nunito",sans-serif;color:#9FE6EC;opacity:.4}
.cur9 .tr{font-size:12px;font-weight:700;color:var(--ink-2)}
.pzA .cur9 .rd{opacity:.4}
.m .cur9 b{font-size:18px}
.m .cur9{padding:8px 12px 9px}
.pzS .hd2 .ti b{white-space:nowrap}
.pzS .hd2{gap:0}
.pz9 .nt9{display:flex;align-items:center;gap:5px;margin-top:-4px;font-size:11px;font-weight:800;color:#FFC857}
.pz9 .nt9 svg{width:13px;height:13px}
.m .pzS .rw2 .lb small{display:none}
.m .pzS .dis9 .lb small{display:none}
.m .rpanel.drw.pzS{top:98px}
.m .rpanel.drw.pzC{top:150px}
.pzC .sw9 .th{height:64px}
.m .pzC .sw9 .th{height:52px}
.m .rpanel.drw.pzC{top:206px}
.sp1.d .pzS .sw9 .th{height:58px}