/* ===== せってい（2026-10-16）— 止め絵のみ ===== */
.scrim2{position:absolute;inset:0;z-index:19;background:rgba(3,6,20,.55)}
.scrim2.dk{background:rgba(3,6,20,.72);backdrop-filter:blur(4px)}
.rpanel.drw,.rpanel.opt{z-index:21}
.st .pg{color:var(--panel-ink)}
/* 共通部品 */
.hd2{display:flex;align-items:center;gap:10px}
.hd2 .ti{display:inline-flex;align-items:center;gap:8px}.hd2 .ti svg{width:22px;height:22px;color:var(--accent)}
.hd2 .ti b{font-size:20px;font-weight:900}
.hd2 .sp{flex:1}
.cl2{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 8px 0 10px;border-radius:12px;background:var(--sec);border:1.5px solid var(--sec-line);font-size:13px;font-weight:800}
.cl2 svg{width:16px;height:16px;color:var(--accent)}
.cl2 .key{padding:3px 6px;font-size:10px;border-bottom-width:3px}
.sh2{display:flex;align-items:center;gap:7px;padding-top:4px;border-top:1px solid rgba(63,224,232,.14)}
.sh2:first-child{border-top:0;padding-top:0}
.sh2 svg{width:15px;height:15px;color:var(--accent);fill:currentColor}
.sh2 b{font:900 11.5px/1 "Noto Sans JP",sans-serif;letter-spacing:.12em;color:var(--ink-3)}
.lang-zh-TW .sh2 b{font-family:"Noto Sans TC",sans-serif}
.rw2{display:flex;align-items:center;gap:12px;min-height:40px}
.rw2 .lb{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.rw2 .lb b{font-size:14px;font-weight:800;white-space:nowrap}
.rw2 .lb small{font-size:11px;font-weight:800;color:#FFC857;white-space:nowrap}
.sg2{display:inline-flex;gap:3px;padding:3px;border-radius:12px;background:rgba(5,12,32,.7);border:1.5px solid var(--tile-line)}
.sg2>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:64px;padding:6px 12px;border-radius:9px;color:var(--ink-2);white-space:nowrap}
.sg2 b{font-size:13px;font-weight:900}
.sg2 small{font-size:10px;font-weight:700;color:var(--ink-3)}
.sg2>span.on{background:rgba(63,224,232,.16);box-shadow:inset 0 0 0 2px var(--accent),0 0 12px rgba(63,224,232,.3);color:#fff}
.sg2>span.on small{color:#9FE6EC}
.tg2{display:inline-flex;align-items:center;gap:8px;font:900 11px/1 "Nunito",sans-serif;letter-spacing:.1em;color:var(--ink-3)}
.tg2 i{position:relative;width:46px;height:26px;border-radius:999px;background:rgba(113,130,174,.35);border:1.5px solid rgba(113,130,174,.6)}
.tg2 i::after{content:"";position:absolute;top:2px;left:2px;width:19px;height:19px;border-radius:50%;background:#C8D2EC}
.tg2.on{color:var(--accent)}
.tg2.on i{background:rgba(63,224,232,.3);border-color:var(--accent);box-shadow:0 0 10px rgba(63,224,232,.4)}
.tg2.on i::after{left:22px;background:#fff;box-shadow:0 0 6px #3FE0E8}
.hp2{display:flex;flex-direction:column;gap:3px;padding:10px 14px;border-radius:12px;background:rgba(5,12,32,.6);border:1.5px dashed rgba(63,224,232,.35)}
.hp2 b{font:900 18px/1.25 "Zen Maru Gothic","Noto Sans JP",sans-serif;color:#fff}
.hp2 small{font:800 12.5px/1.2 "Nunito",sans-serif;color:#9FE6EC}
.hp2.later small{opacity:.45}
.hp2.off small{opacity:0}
.hp2 .hl{display:inline-flex;align-items:center;gap:4px;margin-top:3px;font-size:10.5px;font-weight:700;color:var(--ink-3)}
.hp2 .hl svg{width:12px;height:12px;color:var(--accent)}
.sws .sw9{position:relative}
.ck2{position:absolute;right:6px;top:6px;width:22px;height:22px;border-radius:50%;background:#FFC857;display:grid;place-items:center;box-shadow:0 0 8px rgba(255,200,87,.6)}
.ck2 svg{width:13px;height:13px;fill:#2A1A00;color:#2A1A00}
.ft2{font-size:11px;font-weight:600;color:var(--ink-3);text-align:center}
/* ---- 案A 右ドロワー ---- */
.d .rpanel.drw{top:16px;bottom:16px;right:16px;width:470px}
.drw .pg{gap:10px;padding:20px 22px 14px}
.bd2{flex:1;min-height:0;display:flex;flex-direction:column;gap:9px}
.d .drw .sw9 .th{height:62px}
.m .rpanel.drw{left:6px;right:6px;width:auto;top:118px;bottom:6px}
.m .drw .pg{gap:8px;padding:12px 14px 10px}
.grab{display:block;align-self:center;width:44px;height:5px;border-radius:9px;background:rgba(200,210,236,.45);margin:-2px 0 2px}
.m .drw .hd2 .ti b{font-size:18px}
.m .drw .bd2{gap:7px}
.m .rw2{min-height:36px;gap:8px}
.m .rw2 .lb b{font-size:13px}
.m .sg2>span{min-width:0;padding:5px 8px}
.m .sg2 b{font-size:12px}
.m .sg2 small{font-size:9.5px}
.m .hp2{padding:7px 12px}
.m .hp2 b{font-size:15px}.m .hp2 small{font-size:11px}
.m .drw .sws{gap:6px}.m .drw .sw9{padding:5px;gap:4px}.m .drw .sw9 .th{height:40px}.m .drw .sw9 b{font-size:11.5px}
.m .ck2{width:18px;height:18px;right:4px;top:4px}
.m .cl2{height:32px;padding:0 8px}
/* ---- 案B オプション画面 ---- */
.d .rpanel.opt{left:64px;right:64px;top:56px;bottom:40px;width:auto}
.opt .pg{gap:14px;padding:22px 26px 14px}
.ob2{flex:1;min-height:0;display:grid;grid-template-columns:200px 1fr;gap:22px}
.tb2{display:flex;flex-direction:column;gap:8px;padding-right:18px;border-right:1px solid rgba(63,224,232,.18)}
.tb2 span{display:flex;align-items:center;gap:10px;height:52px;padding:0 14px;border-radius:14px;color:var(--ink-2);font-size:15px;font-weight:800}
.tb2 svg{width:20px;height:20px;color:var(--accent);fill:currentColor}
.tb2 span.on{background:rgba(63,224,232,.14);box-shadow:inset 0 0 0 2px var(--accent),0 0 16px rgba(63,224,232,.3);color:#fff}
.oc2{display:flex;flex-direction:column;gap:12px;min-width:0}
.ttl2{display:flex;align-items:baseline;gap:12px}
.ttl2 b{font-size:19px;font-weight:900}
.fr2{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:800;color:#FFC857}
.fr2 svg{width:15px;height:15px}
.ops{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.op2{position:relative;display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:16px;background:var(--tile);border:1.5px solid var(--tile-line)}
.op2 .ot{display:flex;align-items:center;gap:6px}.op2 .ot b{font-size:16px;font-weight:900}
.op2>small{font-size:11.5px;font-weight:700;color:var(--ink-3)}
.op2 .ck2{position:static;margin-left:auto}
.op2 .hp2{margin-top:4px}
.op2 .hp2 b{font-size:16px}
.op2.on{border:2px solid var(--accent);background:rgba(63,224,232,.1);box-shadow:0 0 22px rgba(63,224,232,.25)}
.op2.on .ck2{background:var(--accent)}.op2.on .ck2 svg{fill:#04223A}
.oc2 .rw2{padding:10px 14px;border-radius:14px;background:var(--tile);border:1.5px solid var(--tile-line)}
.oc2 .rw2 .lb small{color:var(--ink-3);font-weight:700}
.key.big{font-size:14px;padding:7px 12px}
.m .rpanel.opt{left:0;right:0;top:0;bottom:0;width:auto;border-radius:0}
.m .opt .pg{gap:10px;padding:16px 14px 10px}
.m .ob2{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:12px}
.m .tb2{flex-direction:row;gap:4px;padding:0 0 10px;border-right:0;border-bottom:1px solid rgba(63,224,232,.18)}
.m .tb2 span{flex:1;flex-direction:column;justify-content:center;gap:3px;height:54px;padding:0;font-size:11.5px}
.m .tb2 svg{width:18px;height:18px}
.m .ttl2{flex-direction:column;gap:4px}.m .ttl2 b{font-size:17px}
.m .ops{grid-template-columns:1fr;gap:8px}
.m .op2{display:grid;grid-template-columns:96px 1fr;grid-template-rows:auto auto;column-gap:10px;row-gap:2px;padding:10px 12px}
.m .op2 .ot{grid-column:1;grid-row:1}.m .op2>small{grid-column:1;grid-row:2;font-size:10.5px}
.m .op2 .ot b{font-size:14px}
.m .op2 .hp2{grid-column:2;grid-row:1/3;margin:0;padding:6px 10px}
.m .op2 .hp2 b{font-size:13.5px}.m .op2 .hp2 small{font-size:10px}.m .op2 .hp2 .hl{display:none}
.m .op2 .ck2{position:absolute;right:auto;left:76px;top:9px}
.m .oc2 .rw2{padding:8px 12px}
.m .oc2{gap:10px}
/* ---- 案C 舞台プレビュー ---- */
.sh3{position:absolute;z-index:12;top:16px;left:16px;display:flex;gap:8px}
.ttl3{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 16px}.ttl3 svg{width:18px;height:18px;color:var(--accent)}.ttl3 b{font-size:16px;font-weight:900}
.pv2{position:absolute;z-index:12;left:50%;top:84px;transform:translateX(-50%)}
.pvp{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border:1.5px solid #FFC857!important;box-shadow:0 0 14px rgba(255,200,87,.35)}
.pvp svg{width:16px;height:16px;color:#FFC857}.pvp b{font-size:13px;font-weight:900;color:#FFC857}.pvp span{font-size:13px;font-weight:700;color:#fff}
.st-c.d .chara,.st-c.d .cb,.st-c.d .mk{translate:0 -96px}
.d .dlg9.sc3{left:40px;right:40px;bottom:20px;height:282px}
.sc3 .pg{gap:10px;padding:18px 22px 16px}
.g3{display:grid;grid-template-columns:520px 1fr;gap:22px;flex:1;min-height:0}
.l3,.r3{display:flex;flex-direction:column;gap:10px;min-width:0}
.l3 .sh2,.st-c .sh2{border-top:0;padding-top:0}
.s3 .sw9 .th{height:120px}
.l3 .btn.pri9{height:56px;font-size:17px;margin-top:auto}
.cr3{display:flex;flex-direction:column;gap:6px}
.cr3 .rw2{min-height:38px}
.rw3{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.st-c.m .chara,.st-c.m .cb,.st-c.m .mk{translate:0 -170px;scale:.84}
.st-c.m .sh3{top:10px;left:10px}
.st-c.m .ttl3{height:36px;padding:0 10px}.st-c.m .ttl3 b{font-size:14px}
.st-c.m .brand b{display:none}
.st-c.m .pv2{top:60px}
.m .dlg9.sc3{left:6px;right:6px;bottom:6px;top:auto}
.st-c.m .sc3 .pg{gap:8px;padding:14px 12px 12px}
.st-c.m .s3{gap:6px}.st-c.m .s3 .sw9{padding:5px;gap:4px}.st-c.m .s3 .sw9 .th{height:52px}.st-c.m .s3 .sw9 b{font-size:11.5px}
.st-c.m .cr3{gap:4px}
.st-c.m .btn.pri9{height:52px;font-size:16px}
.st-c.m .rw3{gap:10px}
/* --- 確認1回目の調整 --- */
/* A: シートは不透明に（スマホで後ろの文字が透けていた）／下の空きを埋める */
.rpanel.drw,.rpanel.opt{background:linear-gradient(180deg,#101E46,#080F26)!important}
.d .drw .bd2{gap:10px}
.d .drw .sw9 .th{height:84px}
.m .rpanel.drw{top:150px}
.m .drw .sw9 .th{height:52px}
.m .drw .bd2{gap:8px}
/* B: プレイ中の見え方（大きな見本）／スマホのチェック位置 */
.lv2{position:relative;flex:1;display:flex;align-items:center;gap:18px;margin-top:8px;padding:20px 22px;border-radius:16px;background:rgba(5,12,32,.62);border:1.5px solid rgba(63,224,232,.45)}
.lv2 .yt1{position:absolute;top:-10px;left:16px;font:900 11px/1 "Noto Sans JP",sans-serif;letter-spacing:.06em;color:#04223A;background:var(--accent);padding:5px 9px;border-radius:6px}
.lang-zh-TW .lv2 .yt1{font-family:"Noto Sans TC",sans-serif}
.lv2 .lq{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.lv2 .lq b{font:900 28px/1.2 "Zen Maru Gothic","Noto Sans JP",sans-serif;color:#fff}
.lv2 .lq small{font:800 15px/1.2 "Nunito",sans-serif;color:#9FE6EC;opacity:.45}
.lv2 .lq span{font-size:13px;font-weight:500;color:var(--ink-2)}
.lv2 .lt{display:flex;align-items:center;gap:6px;padding:10px 14px;border-radius:14px;background:var(--tile);border:1.5px solid var(--tile-line);color:var(--ink-2);font-size:12px;font-weight:700}
.lv2 .lt svg{width:18px;height:18px;color:var(--accent)}.lv2 .lt b{font:900 26px/1 "Nunito",sans-serif;color:#FFC857}
.m .op2 .ck2{position:static;width:18px;height:18px;margin-left:4px}
.m .op2 .ot{gap:2px}
.m .lv2{flex:none;margin-top:10px;padding:16px 12px 12px;gap:10px}
.m .lv2 .lq b{font-size:18px}.m .lv2 .lq small{font-size:11.5px}.m .lv2 .lq span{font-size:11px}
/* C: ボタンが切れていた → パネルを少し高く・サムネを低く。プレビュー札は上の帯へ */
.d .dlg9.sc3{height:300px}
.st-c.d .s3 .sw9 .th{height:104px}
.st-c.d .pv2{top:22px}
.st-c.d .chara,.st-c.d .cb,.st-c.d .mk{translate:0 -110px}
.st-c.m .pv2{top:56px}
.m .op2{grid-template-columns:118px 1fr}
.m .op2 .ot b{font-size:13.5px;white-space:nowrap}