/* 解説スライドの共通部品（2026-10-19 共通化。元は 2026-10-15_FDE の common.css）。回ごとの調整は各回の common.css に書く */
.ansbar{position:absolute;left:520px;right:56px;top:10px;padding:16px 30px 18px;border-radius:22px;background:#1d4ed8;color:#fff;font-size:40px;font-weight:900;line-height:1.35;box-shadow:0 14px 34px rgba(29,78,216,.22)}
.ansbar small{display:inline-block;margin-right:16px;padding:2px 14px;border-radius:10px;background:#fff;color:#1d4ed8;font-size:24px;vertical-align:middle}
.ansbar em{font-style:normal;color:#fde68a}
.fig{position:absolute;left:520px;width:1205px;object-fit:contain;border-radius:20px}
.box{position:absolute;display:grid;gap:14px}
.k{padding:16px 22px;border-radius:20px;border:4px solid var(--border);background:#fff}
.k small{display:block;font-size:20px;font-weight:900;color:#64748b;line-height:1.4}
.k b{display:block;font-size:44px;font-weight:900;color:var(--navy);line-height:1.2;margin:4px 0}
.k span{display:block;font-size:20px;font-weight:800;color:#475569;line-height:1.45}
.k.r{border-color:#ef4444;background:#fff7f7}.k.r b{color:#b91c1c}.k.r small{color:#b91c1c}
.k.bl{border-color:#2563eb;background:#eff6ff}.k.bl b{color:#1d4ed8}.k.bl small{color:#1d4ed8}
.src{position:absolute;left:520px;bottom:30px;font-size:19px;font-weight:700;color:#94a3b8;line-height:1.45;max-width:1000px}
.note{position:absolute;font-size:20px;font-weight:800;color:#64748b;line-height:1.45}
.lk{position:absolute;right:56px;bottom:22px;display:flex;gap:14px;z-index:5}.lk .open{font-size:22px;padding:10px 20px}
.svgc{position:absolute;left:520px;background:#fff;border-radius:18px;border:2px solid var(--border)}
.show{position:absolute;left:520px;right:56px}
.show .row{display:flex;align-items:center;gap:22px;padding:16px 26px;margin-bottom:12px;border-radius:22px;border:3px solid var(--border);background:#fff}
.show .row i{flex:0 0 54px;height:54px;border-radius:50%;background:var(--blue);color:#fff;font-style:normal;font-size:28px;font-weight:900;display:flex;align-items:center;justify-content:center}
.show .row b{display:block;font-size:32px;font-weight:900;color:var(--navy)}
.show .row span{display:block;font-size:22px;font-weight:800;color:#475569;margin-top:2px;line-height:1.45}
.cover-num{position:absolute;left:900px;top:520px;width:900px;padding:24px 34px;border-radius:28px;border:4px solid var(--blue);background:#eff6ff}
.cover-num small{display:block;font-size:30px;font-weight:900;color:var(--ink)}
.cover-num b{display:block;font-size:60px;font-weight:900;color:#1d4ed8;line-height:1.15}
.line-cta{position:absolute;padding:36px 46px;border-radius:32px;background:#eff6ff;border:4px solid #2563eb}
.lc-1{font-size:46px;font-weight:900;color:var(--navy)}.lc-1 b{color:#1d4ed8}
.lc-2{font-size:46px;font-weight:900;color:var(--navy);margin:14px 0;white-space:nowrap}.kw{display:inline-block;padding:4px 20px;border-radius:16px;background:#2563eb;color:#fff}
.lc-3{font-size:30px;font-weight:800;color:#64748b}
.rough{position:absolute;border:4px dashed #f59e0b;background:rgba(255,251,235,.92);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:28px;font-weight:900;color:#b45309;padding:18px;line-height:1.45;z-index:1}
.slide.board .board-list{top:60px}
.slide.board .board-list b{font-size:36px !important}
.slide.board .board-list span{font-size:22px !important}

/* はみ出し防止：使える幅は left:520 から 1205px まで（2026-10-13） */
.svgc{max-width:1205px}
.sh{max-width:1205px}
.src{max-width:520px !important;bottom:20px}

/* 2026年からの予測の枚 */
.fut{position:absolute;left:520px;width:1205px;top:130px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.fut .col{border:4px solid var(--border);border-radius:24px;background:#fff;padding:18px 24px}
.fut h4{font-size:28px;font-weight:900;color:var(--navy);margin-bottom:10px}
.fut .st{display:grid;grid-template-columns:150px 1fr;gap:10px;align-items:center;margin-bottom:10px}
.fut .st i{font-style:normal;font-size:20px;font-weight:900;color:#fff;background:#94a3b8;border-radius:10px;padding:6px 10px;text-align:center}
.fut .st.now i{background:#2563eb}
.fut .st span{font-size:23px;font-weight:800;color:#334155;line-height:1.4}
.fut .st b{color:#1d4ed8}
.must{position:absolute;left:520px;width:1205px;top:560px;padding:20px 30px;border-radius:24px;background:#fff7ed;border:4px solid #fb923c;font-size:34px;font-weight:900;color:#9a3412;text-align:center}
.must small{display:block;font-size:22px;color:#c2410c;margin-top:6px}
.fut .col{padding:24px 28px}.fut h4{font-size:36px;margin-bottom:18px}
.fut .st{grid-template-columns:170px 1fr;margin-bottom:18px}.fut .st i{font-size:24px;padding:10px 12px}.fut .st span{font-size:28px}
.must{top:600px;font-size:40px}.must small{font-size:26px}
.cards3{position:absolute;left:520px;width:1205px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cards3 .c{border:4px solid var(--border);border-radius:22px;background:#fff;padding:20px 22px;text-align:center}
.cards3 .c .ic{font-size:64px;line-height:1.1}.cards3 .c b{display:block;font-size:30px;font-weight:900;color:var(--navy);margin:6px 0}.cards3 .c span{display:block;font-size:22px;font-weight:800;color:#475569;line-height:1.45}
.cards4{position:absolute;left:520px;width:1205px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cards4 .c{border:4px solid var(--border);border-radius:22px;background:#fff;padding:16px 16px;text-align:center}
.cards4 .c .ic{font-size:56px;line-height:1.1}.cards4 .c b{display:block;font-size:26px;font-weight:900;color:var(--navy);margin:6px 0}.cards4 .c span{display:block;font-size:20px;font-weight:800;color:#475569;line-height:1.45}
.prm{position:absolute;left:520px;width:1205px;padding:20px 28px;border-radius:20px;background:#0f172a;color:#e2e8f0;font-size:26px;font-weight:700;line-height:1.6}.prm b{color:#93c5fd}
.tl{position:absolute;left:520px;width:1205px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.tl .c{border-radius:22px;padding:18px;text-align:center;border:4px solid}
.tl .c .ic{font-size:60px}.tl .c b{display:block;font-size:28px;font-weight:900;margin:6px 0}.tl .c span{display:block;font-size:21px;font-weight:800;color:#475569;line-height:1.45}
.tl .x{border-color:#fca5a5;background:#fef2f2}.tl .x b{color:#b91c1c}.tl .t{border-color:#cbd5e1;background:#f8fafc}.tl .t b{color:#475569}.tl .o{border-color:#2563eb;background:#eff6ff}.tl .o b{color:#1d4ed8}
.ic img{width:120px;height:120px;object-fit:contain;display:block;margin:0 auto}
.cards4 .c{padding:14px 10px}.cards4 .c .ic img{width:96px;height:96px}
.k .ic img{width:110px;height:110px;margin:8px auto}
.show .row .rowic{width:84px;height:84px;object-fit:contain;margin-left:auto;flex:0 0 84px}

/* 文字を大きく（2026-10-18 シャド「YouTubeの画面は小さい」）。インラインの小さい指定より優先 */
.cards3 .c b,.cards4 .c b{font-size:38px!important;line-height:1.25}
.cards3 .c span,.cards4 .c span{font-size:29px!important;line-height:1.4}
.cards4 .c b{font-size:32px!important}.cards4 .c span{font-size:26px!important}
.k small{font-size:26px!important}
.k span{font-size:29px!important;line-height:1.45}
.k b{line-height:1.25}
.note{font-size:34px!important}
.show .row b{font-size:36px!important}
.show .row span{font-size:27px!important}
.src{font-size:20px!important}
.cards3 .c span.bignum{font-size:64px!important;line-height:1.15}.cards3 .c span.bignum.n2{font-size:42px!important}
.cards3 .c span.bignum.n2{font-size:34px!important}.prm{font-size:28px!important;line-height:1.55}
.cards3.big .c{padding:36px 22px}.cards3.big .c .ic img{width:150px;height:150px}.cards3.big .c b{font-size:44px!important}.cards3.big .c span{font-size:33px!important}
.cards3.big .c span.bignum{font-size:64px!important;line-height:1.15}
.cards4 .c span.bignum{font-size:46px!important;line-height:1.2;color:#0f172a;margin:6px 0}
/* 左の問い（h2）を大きく（2026-10-20 シャド「左側の文字が小さい」）。左の列の幅に収まる大きさ */
.slide:not(.board) > h2{font-size:58px!important;line-height:1.3}
.slide > .kicker{font-size:28px}

/* 動き（2026-10-20 シャド）。スライドが出た時（→で次へ・Aキーでやり直し）に、中身が順に出てくる。録画中ずっと動くのは表紙だけ */
@keyframes k-pop{0%{opacity:0;transform:translateY(26px) scale(.96)}100%{opacity:1;transform:none}}
@keyframes k-slide{0%{opacity:0;transform:translateX(-40px)}100%{opacity:1;transform:none}}
@keyframes k-down{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:none}}
@keyframes k-neko{0%{opacity:0;transform:translateY(60px) rotate(-6deg)}60%{opacity:1;transform:translateY(-10px) rotate(3deg)}100%{transform:none}}
@keyframes k-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes k-zoom{0%{transform:scale(1.06)}100%{transform:scale(1)}}
@keyframes k-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}
@keyframes k-pulse{0%,86%,100%{transform:scale(1)}92%{transform:scale(1.04)}}
:root{--e:cubic-bezier(.2,.8,.2,1)}
/* 全部のスライド：問い → 青い帯 → カードが順に */
.slide.active>h2{animation:k-slide .5s .05s var(--e) both}
.slide.active>.ansbar{animation:k-down .5s .2s var(--e) both}
.slide.active .cards3>*,.slide.active .cards4>*,.slide.active .show>.row,.slide.active .box>*,.slide.active>div[style*="grid"]>*{animation:k-pop .5s var(--e) both}
.slide.active :is(.cards3,.cards4,.show,.box,div[style*="grid"])>:nth-child(1){animation-delay:.4s}
.slide.active :is(.cards3,.cards4,.show,.box,div[style*="grid"])>:nth-child(2){animation-delay:.55s}
.slide.active :is(.cards3,.cards4,.show,.box,div[style*="grid"])>:nth-child(3){animation-delay:.7s}
.slide.active :is(.cards3,.cards4,.show,.box,div[style*="grid"])>:nth-child(4){animation-delay:.85s}
.slide.active :is(.cards3,.cards4,.show,.box,div[style*="grid"])>:nth-child(5){animation-delay:1s}
.slide.active :is(.cards3,.cards4,.show,.box,div[style*="grid"])>:nth-child(n+6){animation-delay:1.15s}
.slide.active>.note,.slide.active>.k,.slide.active>figure,.slide.active>.fig,.slide.active>.sh{animation:k-pop .5s .9s var(--e) both}
/* まとめ：カードが順に滑り込み、最後にミライネコが跳ねて登場→ゆっくり上下 */
.slide.active .sumrows>div{animation:k-slide .5s var(--e) both}
.slide.active .sumrows>div:nth-child(1){animation-delay:.25s}
.slide.active .sumrows>div:nth-child(2){animation-delay:.55s}
.slide.active .sumrows>div:nth-child(3){animation-delay:.85s}
.slide.active .sumneko{animation:k-neko .8s 1.2s var(--e) both,k-bob 2.6s 2.1s ease-in-out infinite}
/* 表紙：登場（Aでやり直せる）＋ずっとゆっくり動く（録画をいつ始めても映る） */
#stage>.slide:first-of-type.active>h1{animation:k-slide .6s .1s var(--e) both}
#stage>.slide:first-of-type.active>img,#stage>.slide:first-of-type.active>svg{animation:k-zoom 1.6s var(--e) both,k-breathe 9s 1.6s ease-in-out infinite}
#stage>.slide:first-of-type.active .cover-num{animation:k-pop .6s .7s var(--e) both,k-pulse 5s 1.5s ease-in-out infinite}

/* 最後の1枚「概要欄チェック」の動き（2026-10-21 シャド）：指がチャンネル登録 → いいね → コメントを書き込む。Aキーでやり直せる */
.gf-phone{position:absolute;left:600px;top:130px;width:620px;height:760px;border-radius:44px;background:#111827;padding:14px;box-sizing:border-box;box-shadow:0 20px 50px rgba(15,23,42,.25)}
.gf-scr{position:relative;background:#fff;border-radius:32px;height:100%;overflow:hidden;padding:0 0 14px}
.gf-vid{height:150px;background:linear-gradient(135deg,#1e3a8a,#2563eb);display:flex;align-items:center;justify-content:center}
.gf-play{width:76px;height:54px;border-radius:14px;background:#ef4444;position:relative}.gf-play:after{content:"";position:absolute;left:30px;top:15px;border-left:22px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent}
.gf-ch{display:flex;align-items:center;gap:12px;margin:14px 20px 0}
.gf-av{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:0 0 56px}.gf-name{font-size:22px;color:#0f172a}
.gf-sub{position:relative;width:176px;height:48px;flex:0 0 176px}
.gf-sub span{position:absolute;inset:0;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:900}
.gf-sub0{background:#0f172a;color:#fff}.gf-sub1{background:#e2e8f0;color:#334155;opacity:0}
.gf-likerow{display:flex;gap:10px;margin:12px 20px 0}
.gf-like{position:relative;width:140px;height:44px}.gf-like span{position:absolute;inset:0;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:900}
.gf-like0{background:#f1f5f9;color:#0f172a}.gf-like1{background:#2563eb;color:#fff;opacity:0}
.gf-pill{width:90px;height:44px;border-radius:999px;background:#f1f5f9}
.gf-box{margin:12px 20px 0;background:#f1f5f9;border-radius:16px;padding:10px 16px}
.gf-lab{font-size:18px;font-weight:900;color:#64748b}
.gf-hi{margin-top:6px;background:#fef08a;border:3px solid #f59e0b;border-radius:12px;padding:4px 12px;font-size:21px;font-weight:900;color:#0f172a}
.gf-more{margin-top:4px;font-size:16px;color:#64748b}
.gf-sum{height:150px;box-sizing:border-box}
.gf-cm{position:absolute;left:0;right:0;top:470px}
.gf-pin{display:flex;gap:10px;margin-top:8px}.gf-av2{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:0 0 44px}
.gf-pintag{font-size:16px;font-weight:900;color:#64748b}.gf-q{font-size:22px;font-weight:900;color:#0f172a;line-height:1.35;min-height:60px}
.gf-reply{display:flex;gap:10px;align-items:center;margin-top:12px}
.gf-in{position:relative;flex:1;height:52px;border:3px solid #f59e0b;border-radius:999px;background:#fff;padding:0 16px;display:flex;align-items:center;overflow:hidden}
.gf-ph{font-size:20px;font-weight:800;color:#94a3b8}
.gf-type{position:absolute;left:16px;font-size:21px;font-weight:900;color:#0f172a;white-space:nowrap;overflow:hidden;width:0;border-right:3px solid transparent}
.gf-finger{position:absolute;left:900px;top:820px;opacity:0;z-index:5;filter:drop-shadow(0 6px 10px rgba(15,23,42,.35));pointer-events:none}
.gf-tap{position:absolute;width:70px;height:70px;margin:-35px 0 0 -35px;border-radius:50%;border:5px solid #f97316;opacity:0;z-index:4;pointer-events:none}
.gf-t1{left:498px;top:206px}.gf-t2{left:104px;top:268px}.gf-t3{left:337px;top:663px}
@keyframes gf-finger{0%{left:900px;top:820px;opacity:0}6%{opacity:1}14%,20%{left:471px;top:201px;opacity:1}17%{transform:scale(.88)}
 32%,38%{left:77px;top:263px}35%{transform:scale(.88)}50%,56%{left:310px;top:658px}53%{transform:scale(.88)}70%{left:900px;top:820px;opacity:1}76%,100%{left:900px;top:820px;opacity:0}}
@keyframes gf-tap{0%{opacity:0;transform:scale(.4)}5%{opacity:.9}100%{opacity:0;transform:scale(1.4)}}
@keyframes gf-on{to{opacity:1}}@keyframes gf-off{to{opacity:0}}
@keyframes gf-type{from{width:0;border-right-color:#0f172a}to{width:calc(var(--n)*1em);border-right-color:#0f172a}}
@keyframes gf-sent{to{border-color:#16a34a;background:#f0fdf4}}
@keyframes gf-card{0%,100%{transform:none;box-shadow:none}50%{transform:scale(1.05);box-shadow:0 10px 26px rgba(249,115,22,.35);border-color:#f97316}}
.slide.active .gf-finger{animation:gf-finger 7s .6s ease-in-out both}
.slide.active .gf-t1{animation:gf-tap .6s 1.75s ease-out both}.slide.active .gf-t2{animation:gf-tap .6s 3.05s ease-out both}.slide.active .gf-t3{animation:gf-tap .6s 4.35s ease-out both}
.slide.active .gf-sub1{animation:gf-on .2s 1.85s both}.slide.active .gf-like1{animation:gf-on .2s 3.15s both}
.slide.active .gf-ph{animation:gf-off .2s 4.45s both}
.slide.active .gf-type{animation:gf-type 1.2s 4.6s steps(var(--n)) both}  /* 2026-10-21 速く（2.4秒→1.2秒） */
.slide.active .gf-in{animation:gf-sent .4s 6s both}
.slide.active .gf-c1{animation:gf-card 1s 1.5s both}.slide.active .gf-c2{animation:gf-card 1s 2.8s both}.slide.active .gf-c3{animation:gf-card 1s 4.1s both}

/* ── 右半分にシャド（書斎の背景）の型（2026-10-28 シャド「右半分に体・左に図と解説」GDPの回で試し）──
   write_deck(..., half=True) で <body class="half">。スライドは左の箱だけ、右は書斎の背景のまま空ける。
   OBSでカメラ（左右反転・背景を抜く）を右半分に大きく重ねる */
.half #stage{background:#2b1d14 url('kata/bg/shosai.png') center/cover no-repeat}
.half .slide{right:894px;padding:40px 44px;border-radius:36px;background:rgba(255,255,255,.96);box-shadow:0 30px 80px rgba(0,0,0,.35)}
.half #progress,body.half.has-count #progress{right:1040px}
.half #progress .t{font-size:19px;color:#e2e8f0;text-shadow:0 2px 6px rgba(0,0,0,.7)}
.half #progress .seg.on .t{color:#fff}
.half #progress .line{background:rgba(255,255,255,.35)}
.half #pagecount{right:914px;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.6)}
.half .slide:not(.board)>h2{font-size:52px!important;line-height:1.25;margin-bottom:16px}
.half .ansbar{position:relative;left:auto;right:auto;top:auto;margin:0 0 22px;font-size:35px}
.half .show,.half .cards3{position:relative;left:auto!important;right:auto;width:auto!important;top:auto!important}
.half .src{left:44px;max-width:640px!important}
.half .lk{right:30px}
.half .gf-phone{left:44px;top:350px;transform:scale(.78);transform-origin:top left}
.half .show .row b{font-size:32px!important}
.half .slide div[style*="left:1290px"]{left:590px!important;top:395px!important;width:370px!important}
.st{opacity:0;transform:translateY(14px);transition:opacity .35s,transform .35s}
.st.st-on{opacity:1;transform:none}
.slide.active .st,.slide.active .st.st-on{animation:none!important}
.slide.blank{background:transparent!important;border:0!important;box-shadow:none!important}.slide.blank::before{display:none}
body.onblank #progress,body.onblank #pagecount{opacity:0}
.zm{cursor:zoom-in}
.half #faceguide{left:auto;right:0;top:0;bottom:0;width:894px;height:auto;border-radius:0}

/* ── 書斎で話す型（2026-10-29 シャド「背景の白は無し・部屋で喋ってる感じ」「半身を大きく・上の半分が空くくらい」→「やっぱ左下」）──
   write_deck(..., room=True) で <body class="room seat-l">（左下にシャド）。room='r' で右下（seat-r）。
   中身の側だけ半透明の白い板（前の板を再利用・2026-10-29 シャド）、見出しの側は書斎の背景（ぼかさない・暗くしない 2026-10-29 シャド）。シャドは胸から上を大きく、縦540px〜。問いの見出しと▶リンクはシャドの頭の上。
   2026-10-29 試し：書斎の形（.cv）は表紙だけ。2枚目からは前の白い板（同じ範囲）を半透明にして、後ろの書斎が透けて奥行きが出る。write_deck(room='all') で全部の枚を書斎の形に戻せる。
   中身（今までの left:520 / 幅1205 の列）は、シャドの反対側へ寄せる。表紙だけは回の build で位置を変える */
.room #stage{background:#120c08 url('kata/bg/shosai_room_blur.jpg') center/cover no-repeat}
.room.onblank #stage{background-image:url('kata/bg/shosai_room.jpg')}   /* 最初の何もない1枚だけぼかさない。表紙からはぼかす（2026-10-29 シャド） */
.room .slide.cv{background:transparent;border:0;box-shadow:none;overflow:visible}
.room .slide.cv::before{left:494px;right:118px;border:2px solid rgba(255,255,255,.6);border-radius:48px;background-color:rgba(255,255,255,.92);box-shadow:0 30px 90px rgba(0,0,0,.35)}
.room .slide.cv>.kicker{position:absolute;top:30px}
.room .slide.cv>h1,.room .slide.cv>h2{position:absolute;top:92px;width:580px;margin:0;color:#fff;text-shadow:0 3px 14px rgba(0,0,0,.65)}
.room .slide.cv:not(.board)>h2{font-size:60px!important}
.room .slide.cv>h1 .accent,.room .slide.cv>h2 .accent{color:#7dd3fc}
.room .cv .ansbar{font-size:36px}
.room .cv .lk{right:auto;bottom:auto;top:340px;flex-direction:column;align-items:flex-start}
.room #progress .t{color:#e2e8f0;text-shadow:0 2px 6px rgba(0,0,0,.8)}
.room #progress .seg.on .t{color:#fff}
.room #progress .line{background:rgba(255,255,255,.3)}
.room #pagecount{color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.6)}
.room #faceguide{top:auto;bottom:0;width:600px;height:540px;border-radius:300px 300px 0 0}
/* 左下にシャド：スライドを右へ120px寄せる（中身は画面の 666〜1866px）。見出しは左上（画面の40〜620px） */
.room.seat-l .slide.cv{left:146px;right:-94px}
.room.seat-l .slide.cv>.kicker,.room.seat-l .slide.cv>h1,.room.seat-l .slide.cv>h2,.room.seat-l .cv .lk{left:-106px}
.room.seat-l .cv .ansbar,.room.seat-l .cv .show{right:150px}
.room.seat-l .cv .sumneko{left:1420px!important;width:300px!important;height:520px!important;top:150px!important}
.room.seat-l #faceguide{left:20px;right:auto}
/* 右下にシャド：スライドを左へ480px寄せる（中身は画面の40〜1260px）。見出しは右上（画面の1300px〜） */
.room.seat-r .slide.cv{left:-454px;right:26px}
.room.seat-r .slide.cv>.kicker,.room.seat-r .slide.cv>h1,.room.seat-r .slide.cv>h2,.room.seat-r .cv .lk{left:1754px}
.room.seat-r .cv .ansbar,.room.seat-r .cv .show{right:634px}
.room.seat-r .cv .sumneko{left:1420px!important;width:300px!important;height:520px!important;top:150px!important}
.room.seat-r #faceguide{left:auto;right:20px}
/* 見出しと上の帯が背景に溶けないように、濃い半透明の下地（2026-10-29 シャド） */
.room .slide.cv>h1,.room .slide.cv>h2{width:auto;max-width:580px;padding:12px 24px 16px;border-radius:26px;background:rgba(15,23,42,.58);backdrop-filter:blur(6px);box-sizing:border-box}
.room #progress{top:10px;padding:10px 18px 8px;border-radius:18px;background:rgba(15,23,42,.58);backdrop-filter:blur(6px)}
.room #pagecount{top:10px;padding:6px 16px;border-radius:16px;background:rgba(15,23,42,.58);backdrop-filter:blur(6px)}
/* 最初の何もない1枚（room の回は write_deck が自動で入れる）。板も出さない */
.room .slide.blank::before{display:none}

/* 2枚目から：前の白い板を半透明に（2026-10-29 シャド「2ページ目以降は前の範囲で白背景・背景を透過させて遠近」試し） */
.room .slide:not(.cv):not(.blank){background:rgba(255,255,255,.92);box-shadow:0 30px 90px rgba(0,0,0,.3)}