/* 自動上映 /2026/autoplay/（CEO 2026-11-05）。暗い面。色の正本は fields.json（分野の色は JS が --field に入れる） */
:root{color-scheme:dark;--bg:#07081a;--ink:#f5f5f7;--muted:#b8b8be;--gold:#c79a52;--field:#45c8ff;--half:1.6s;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}
[hidden]{display:none !important}
html,body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 "Inter","Noto Sans JP",system-ui,sans-serif}
aicu-bar{display:block}aicu-bar:not(:defined){height:44px}
a{color:#9ec5ff}
.btn{font:inherit;font-size:14px;padding:8px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:#ffd43b;color:#15131c;font-weight:700;cursor:pointer}
.btn.ghost{background:rgba(255,255,255,.08);color:var(--ink);font-weight:600}
.btn.on{background:#41d69f;color:#062b1c}
/* ── 1 画面に収める（CEO 2026-11-05「レイアウトが16:9でおさまってません」）──
   帯（共通バー 44px＋自前の帯）と足を除いた高さの中に、左の上映を 16:9 のまま最大に、右に MC・字幕・作品・番組表。
   **ページは縦に流れない**（ブラウザを 16:9 の窓にすれば TV になる）。番組表だけが中で流れる */
html,body{height:100%}
body{display:flex;flex-direction:column;overflow:hidden}
.ap{flex:1;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;padding:8px 14px 6px;width:100%}
.ap-head{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;min-width:0;color:#f5f5f7}
.ap-brand img{display:block;background:#fff;border-radius:8px;padding:3px 7px;height:40px;width:auto}
.ap-live{display:inline-flex;align-items:center;gap:8px;font:800 18px/1 "Space Grotesk",sans-serif;color:#ff8787;letter-spacing:.08em;white-space:nowrap}
.ap-live i{width:10px;height:10px;border-radius:50%;background:#ff4f4f;box-shadow:0 0 10px #ff4f4f;animation:blink 1.4s infinite}
@keyframes blink{50%{opacity:.25}}
#ap-clock{font:700 clamp(18px,1.8vw,26px)/1 "Space Grotesk","Inter",monospace;letter-spacing:.04em;font-variant-numeric:tabular-nums}
/* 番組の行は右の列の上（CEO 2026-11-05「番組タイトルは右上に統合」） */
.ap-prog{flex-shrink:0;display:flex;align-items:center;gap:8px;min-width:0}
#ap-program{color:var(--muted);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}
.ap-bell{flex-shrink:0;font:600 12px/1 "Inter","Noto Sans JP",sans-serif;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;white-space:nowrap}
.ap-bell.on{background:#41d69f;color:#062b1c;border-color:transparent}
#ap-program .chip,.chip{display:inline-block;background:var(--field);color:#0b0b12;font-weight:800;padding:2px 9px;border-radius:999px;line-height:1.35}
.ap-ctl{display:flex;gap:8px;flex-shrink:0}

.ap-body{display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,24vw,420px);gap:12px;min-height:0}
/* 上映の枠: 余白いっぱいの箱の中で、幅と高さのどちらに合わせても 16:9 を保つ */
.ap-screenbox{container-type:size;min-height:0;min-width:0;display:grid;place-items:center}
.ap-screen{position:relative;width:min(100cqw,calc(100cqh * 16 / 9));aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.ap-video,.ap-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ap-card,.ap-closing,.ap-idle{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:4%;background:radial-gradient(1200px 700px at 50% 60%,#1d2238 0%,#0b0c14 60%,#050508 100%);container-type:inline-size}
.ap-card .img{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.35;filter:blur(2px)}
.ap-card .in,.ap-closing .in,.ap-idle .in{position:relative;z-index:1;max-width:84%}
.ap-card .kicker{display:inline-block;font:800 1.8cqw/1.3 "Space Grotesk","Noto Sans JP",sans-serif;letter-spacing:.1em;color:#0b0b12;background:var(--field);padding:.4cqw 1.2cqw;border-radius:999px}
.ap-card h2{margin:.3em 0 .2em;font:800 4.6cqw/1.2 "Space Grotesk","Noto Sans JP",sans-serif;text-shadow:0 2px 18px rgba(0,0,0,.6)}
.ap-card .by{font-size:2.4cqw;color:#fff;opacity:.9}
.ap-card .no{display:inline-block;margin-top:1.2cqw;font:700 1.7cqw/1 monospace;letter-spacing:.08em;padding:.7cqw 1.4cqw;border:1px solid rgba(255,255,255,.35);border-radius:999px;color:#fff}
.ap-cut{position:absolute;right:2.5%;bottom:3.5%;display:flex;align-items:center;gap:14px;padding:12px 16px;background:rgba(0,0,0,.72);border:1px solid rgba(255,255,255,.25);border-radius:12px;backdrop-filter:blur(6px)}
.ap-cut img{width:96px;height:96px;background:#fff;border-radius:6px;padding:4px}
.ap-cut b{display:block;font-size:17px}.ap-cut small{color:var(--muted)}
.ap-closing h2{font:800 3.4cqw/1.3 "Space Grotesk","Noto Sans JP",sans-serif;margin:0 0 .4em}
.ap-closing p{font-size:2cqw;margin:.3em 0}
/* 締めの案内: Vol.30 の表紙と、リンクつきの文（CEO 2026-11-06） */
.ap-closing .cl-row{display:flex;align-items:center;justify-content:center;gap:2.4cqw;text-align:left;margin:.6cqw 0}
.ap-closing .cl-row .v30 img{display:block;height:16cqw;width:auto;border-radius:.6cqw;box-shadow:0 1cqw 3cqw rgba(0,0,0,.5)}
.ap-closing .cl-row p{font-size:1.9cqw;line-height:1.7;max-width:46cqw}
.ap-closing a{color:#ffd43b;text-decoration:underline;text-underline-offset:.2em}
.ap-closing .sponsors{margin-top:2cqw;background:#fff;border-radius:14px;padding:1.6cqw 2.2cqw;display:flex;flex-wrap:wrap;gap:1.6cqw 3cqw;justify-content:center;align-items:center}
.ap-closing .sponsors img{display:block;width:auto;max-width:16cqw;max-height:4.5cqw;object-fit:contain}
.ap-closing .thanks{color:#15131c;font:600 1.4cqw/1.4 "Inter","Noto Sans JP",sans-serif;width:100%;text-align:center;margin:0}
.ap-idle h2{font:800 4cqw/1.2 "Space Grotesk","Noto Sans JP",sans-serif;margin:0 0 .3em}
.ap-idle .cd{font:700 9cqw/1 "Space Grotesk",monospace;font-variant-numeric:tabular-nums;color:#fff}
.ap-idle .cd::after{content:"";display:block;width:12cqw;height:.6cqw;border-radius:1cqw;background:var(--field);margin:1.4cqw auto 0}
.ap-idle p{color:var(--muted);margin:.4em 0 0;font-size:1.8cqw}

.ap-side{display:flex;flex-direction:column;gap:8px;min-height:0}
/* 会話: 顔のアイコン（丸）を左、名前と台詞を右。話している行は明るく、前の行は少し沈める */
.ap-talk{flex-shrink:0;height:clamp(140px,23vh,270px);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:8px}
.ap-talk .row{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:6px 8px;border-radius:10px;opacity:.55;animation:rise .35s var(--ease) both}
.ap-talk .row.cur{opacity:1;background:rgba(255,255,255,.07)}
.ap-talk .face{width:clamp(40px,3.2vw,56px);height:clamp(40px,3.2vw,56px);border-radius:50%;background:#fff;object-fit:cover;box-shadow:0 0 0 2px rgba(255,255,255,.18)}
.ap-talk .row.cur .face{box-shadow:0 0 0 3px var(--field)}
.ap-talk .name{font:800 12px/1.2 "Inter","Noto Sans JP",sans-serif;color:#fff;letter-spacing:.04em;margin:2px 0 3px}
.ap-talk .text{font-size:clamp(13px,1.05vw,16px);line-height:1.55;color:#fff}
.ap-talk .note{font-size:13px;color:var(--muted);padding:6px 8px}
.ap-talk .note b{color:#fff}
@keyframes rise{from{opacity:0;transform:translateY(6px)}}
/* Watching: 上映中の心の声。メインは左（顔 .oO(…)）、サブは右（(…)Oo. 顔）。声には出さない */
.ap-talk .watching{font:800 11px/1 "Space Grotesk",sans-serif;letter-spacing:.12em;color:var(--muted);padding:2px 8px;display:flex;align-items:center;gap:6px}
.ap-talk .watching i{width:7px;height:7px;border-radius:50%;background:#ff4f4f;animation:blink 1.4s infinite}
.ap-talk .row.watch{grid-template-columns:auto 1fr;align-items:center;opacity:1;background:none}
.ap-talk .row.watch.right{grid-template-columns:1fr auto}
.ap-talk .row.watch.right .bubble{text-align:right}
.ap-talk .row.watch .face{width:clamp(34px,2.6vw,44px);height:clamp(34px,2.6vw,44px)}
.ap-talk .bubble{font-size:clamp(13px,1.05vw,16px);line-height:1.45;color:#fff}
.ap-talk .bubble .name{display:inline;font-size:11px;color:var(--muted);margin:0 6px}
.ap-talk .bubble .oo{color:var(--muted);font-family:"Space Grotesk",sans-serif}
.ap-work{flex-shrink:0;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-left:4px solid var(--field);border-radius:12px;padding:8px 12px;font-size:13px}
.ap-work:empty{display:none}
.ap-work .no{font:700 11px/1 monospace;letter-spacing:.08em;color:#fff}
.ap-work h3{margin:3px 0 1px;font:700 17px/1.3 "Space Grotesk","Noto Sans JP",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ap-work .by{color:var(--muted)}
.ap-work .bar{height:4px;background:rgba(255,255,255,.12);border-radius:2px;margin:6px 0 4px;overflow:hidden}
.ap-work .bar i{display:block;height:100%;background:var(--field);width:0;transition:width .5s linear}
.ap-work .t{display:flex;justify-content:space-between;font:600 11px/1 monospace;color:var(--muted)}
.ap-work a{display:inline-block;margin-top:5px;font-size:12px}
.ap-work.own{outline:2px solid #ffd43b}
.ap-work.own .no::after{content:"  あなたの作品";color:#ffd43b;font-family:"Noto Sans JP",sans-serif}

/* 番組表は右の残りの高さの中で流れる */
.ap-me{font-size:12px;color:var(--muted);align-self:center;white-space:nowrap}
.ap-react{flex-shrink:0;display:flex;flex-direction:column;gap:6px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:8px}
.ap-react{position:relative}
.ap-react.off .ap-emos,.ap-react.off .ap-cm,.ap-react.locked .ap-emos,.ap-react.locked .ap-cm{opacity:.35;pointer-events:none}
.ap-react.off{opacity:.45}
.ap-gate{position:absolute;inset:auto 8px 8px 8px;top:8px;width:calc(100% - 16px);border-radius:10px;background:#ffd43b;color:#15131c;font-size:14px}
.ap-emos{display:flex;gap:6px;justify-content:space-between}
.ap-emos button{flex:1;font-size:clamp(18px,1.5vw,24px);line-height:1;padding:6px 0;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);cursor:pointer;position:relative;transition:transform .08s}
.ap-emos button:active{transform:scale(1.15)}
.ap-emos button b{position:absolute;right:3px;top:1px;font:800 10px/1 "Inter",sans-serif;color:#fff}
.ap-cm{display:flex;gap:6px}
.ap-cm input{flex:1;min-width:0;font:inherit;font-size:13px;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.35);color:#fff}
.ap-cm .btn{padding:6px 14px;font-size:13px}
.ap-msg{font-size:12px;color:var(--muted);min-height:0}
.ap-msg:empty{display:none}
.ap-msg a{color:#9ec5ff}
.ap-fly{position:fixed;pointer-events:none;font-size:28px;animation:fly 1.1s ease-out forwards;z-index:30}
@keyframes fly{to{transform:translateY(-90px) scale(1.4);opacity:0}}
/* 通常のサイト（LP）のレイヤー。TV の番組まで 10 分以上あるあいだだけ */
.ap-site{position:fixed;inset:0;width:100%;height:100%;border:0;z-index:1;background:#fff}
body.site .ap,body.site>aicu-bar{display:none}
.ap-tvpill{position:fixed;right:18px;bottom:18px;z-index:5;display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;border:0;background:#0b0c14;color:#fff;font:700 14px/1.2 "Inter","Noto Sans JP",sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.35);cursor:pointer}
.ap-tvpill i{width:9px;height:9px;border-radius:50%;background:#ff4f4f;box-shadow:0 0 8px #ff4f4f}
.ap-tvpill .chip{font-size:12px}
.ap-tt{flex:1;min-height:0;overflow:auto;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:8px 6px 8px 10px;scrollbar-width:thin}
.ap-tt h2{font:800 15px/1.3 "Inter","Noto Sans JP",sans-serif;margin:0 0 4px;color:#fff}
.ap-tt h2 small{font-weight:400;color:var(--muted);font-size:12px;margin-left:4px}
.ap-tt h3{font:700 14px/1.3 "Inter","Noto Sans JP",sans-serif;margin:10px 0 4px;color:var(--muted)}
.ap-tt ol{list-style:none;margin:0;padding:0}
#ap-tt-list li{display:grid;grid-template-columns:50px 1fr auto;gap:8px;align-items:center;padding:5px 6px;border-radius:6px;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px}
#ap-tt-list li.now{background:rgba(255,255,255,.09);border-left:3px solid var(--field)}
#ap-tt-list li.done{opacity:.4}
#ap-tt-list li.own{box-shadow:inset 0 0 0 1px #ffd43b}
#ap-tt-list time{font:700 14px/1 monospace;font-variant-numeric:tabular-nums}
#ap-tt-list .t{min-width:0}
#ap-tt-list .t b{display:block;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ap-tt-list .t small{color:var(--muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ap-tt-list .d{font:600 13px/1 monospace;color:var(--muted)}
#ap-tt-up li{display:grid;grid-template-columns:50px 1fr auto;gap:8px;padding:4px 6px;font-size:14px;align-items:center}
#ap-tt-up li:nth-child(n+7){display:none}
#ap-tt-up li.now{background:rgba(255,255,255,.08);border-radius:6px}
#ap-tt-up time{font:700 14px/1 monospace}
#ap-tt-up i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:6px;vertical-align:-1px;background:var(--c,#888)}
#ap-tt-up small{color:var(--muted)}
.ap-foot{display:flex;gap:6px 18px;flex-wrap:wrap;color:var(--muted);font-size:11px;line-height:1.4;border-top:1px solid rgba(255,255,255,.06);padding-top:5px}
.ap-foot span{white-space:nowrap}

/* 狭い画面（スマホ・縦長）は 1 列で縦に流す */
@media (max-width:900px),(max-aspect-ratio:1/1){
  body{overflow:auto;display:block}
  .ap{display:block}
  .ap-head{flex-wrap:wrap;gap:8px 12px;margin-bottom:8px}
  #ap-program{flex-basis:100%;white-space:normal}
  .ap-body{display:block}
  .ap-screenbox{container-type:inline-size;display:block}
  .ap-screen{width:100%}
  .ap-side{margin-top:10px}
  .ap-tt{overflow:visible}
  .ap-foot span{white-space:normal}
}

/* ── スティンガー（v2 g2: 金の円・白板の上にロックアップ・対称）。正本は public/2026/broadcast/stingers/v2/ ── */
.stinger{position:absolute;inset:0;z-index:20;display:grid;place-items:center;pointer-events:none;opacity:0}
.stinger.on{opacity:1}
.cover{position:absolute;left:50%;top:50%;width:1200px;height:1200px;margin:-600px 0 0 -600px;border-radius:50%;transform:scale(0);background:#a9772f;box-shadow:0 0 160px #c79a52}
.stinger .mark{position:relative;width:62%;display:grid;place-items:center;opacity:0}
.stinger .plate{position:absolute;left:0;top:0;bottom:0;width:100%;background:#fff;border-radius:3%/12%;box-shadow:0 30px 90px rgba(0,0,0,.28)}
.stinger svg{position:relative;width:100%;height:auto;overflow:visible;display:block}
.orb,.core{transform-box:fill-box;transform-origin:center}
.txt{clip-path:inset(0 100% 0 0)}
.stinger.on .cover{animation:kc var(--half) cubic-bezier(.65,0,.25,1) 2 alternate both}
.stinger.on .mark{animation:km var(--half) var(--ease) 2 alternate both}
/* 楕円の印（orb・core）と白い板（plate）は、最初から正本の形のまま動かさない（CEO 2026-11-06「最初の段階がすでにずれている。
   スタートは楕円ロゴと白背景が正本と同じ状態になるところから」）。動くのは金の円・全体のフェード・文字の出だけ */
.stinger.on .txt{animation:kt var(--half) cubic-bezier(.4,0,.2,1) 2 alternate both}
@keyframes kc{0%{transform:scale(0)}40%{transform:scale(2.4)}100%{transform:scale(2.4)}}
@keyframes km{0%{opacity:0}18%{opacity:1}100%{opacity:1}}
/* 字が出きってから折り返すまで 2×(1−0.80)×half＝0.64 秒止める（CEO 2026-11-06「完成した瞬間から0.5秒は止めて」） */
@keyframes kt{0%,46%{clip-path:inset(0 100% 0 0)}80%{clip-path:inset(0 -3% 0 0)}100%{clip-path:inset(0 -3% 0 0)}}

@media (prefers-reduced-motion:reduce){.stinger.on *{animation-duration:.01s !important}.ap-live i{animation:none}}

/* メニューの [AiCuTV] 札（投票の隣・この頁だけ JS で差す。LP のメニューの正本は変えない＝サイレントリリース） */
.sitenav a.pill-tv{opacity:1;background:#ff4f4f;color:#fff;box-shadow:0 0 12px rgba(255,79,79,.55)}
/* 黄色いボタンは押して欲しそうに（CEO 2026-11-05「ブラーと輝き点滅」） */
.ap-gate{animation:gateGlow 1.6s ease-in-out infinite}
.ap-gate::after{content:"";position:absolute;inset:-6px;border-radius:14px;background:#ffd43b;filter:blur(14px);opacity:.55;z-index:-1;animation:gateBlur 1.6s ease-in-out infinite}
@keyframes gateGlow{0%,100%{box-shadow:0 0 0 0 rgba(255,212,59,.0),0 0 18px rgba(255,212,59,.45);filter:brightness(1)}50%{box-shadow:0 0 0 6px rgba(255,212,59,.25),0 0 42px rgba(255,212,59,.9);filter:brightness(1.12)}}
@keyframes gateBlur{0%,100%{opacity:.25}50%{opacity:.75}}
.ap-gate{isolation:isolate}
/* 喋っている顔だけ色。ほかは無彩色 */
.ap-talk .face{filter:grayscale(1) brightness(.85);transition:filter .3s}
.ap-talk .row.cur .face{filter:none}
@media (prefers-reduced-motion:reduce){.ap-gate,.ap-gate::after{animation:none}}

/* emo を押された秒で流す（右側を下から上へ）。上映の枠の大きさに比例 */
.ap-screen{container-type:inline-size}
/* 上映画面の下から、半透明で漂う（CEO 2026-11-06）。横にゆらぎながら上へ、途中で消える */
.ap-emo{position:absolute;bottom:-4%;z-index:6;pointer-events:none;line-height:1;opacity:0;animation:emoDrift var(--dur,5s) ease-out forwards}
@keyframes emoDrift{0%{transform:translate(0,0) scale(.7);opacity:0}15%{opacity:.42}50%{transform:translate(var(--sw,2cqw),-20cqw) scale(1)}100%{transform:translate(calc(var(--sw,2cqw) * -1),-40cqw) scale(1.05);opacity:0}}
@media (prefers-reduced-motion:reduce){.ap-emo{display:none}}

.ap-emos{flex-wrap:nowrap}
.ap-emos button{min-width:0;font-size:clamp(16px,1.25vw,22px)}
.ap-emocfg{flex:0 0 auto;align-self:center;color:var(--muted);text-decoration:none;font-size:14px;padding:0 2px}
.ap-tt{scroll-behavior:smooth}
.ap-cm-done{display:block;text-align:center;text-decoration:none;padding:7px 12px;font-size:13px}
.ap-cm-done[hidden],.ap-cm[hidden]{display:none}

/* 映像の無い作品（イラスト・漫画・出版・サービス）は、声の紹介のあいだ作品の絵を画面いっぱいに（CEO 2026-11-06「イラスト作品も使いましょう」） */
.ap-card.audio{place-items:end start;text-align:left;padding:3% 4%}
.ap-card.audio .img{opacity:.5;filter:blur(28px) saturate(1.2);transform:scale(1.15)}
.ap-card.audio .art{position:absolute;inset:3% 3% 3% 3%;width:94%;height:94%;object-fit:contain;filter:drop-shadow(0 20px 60px rgba(0,0,0,.6));animation:kenburns 40s ease-out both}
.ap-card.audio .in{max-width:62%;background:rgba(5,5,10,.72);backdrop-filter:blur(6px);padding:1.4cqw 2cqw;border-radius:1.2cqw}
.ap-card.audio h2{font-size:3cqw}
.ap-card.audio .by{font-size:1.8cqw}
@keyframes kenburns{from{transform:scale(1)}to{transform:scale(1.06)}}
@media (prefers-reduced-motion:reduce){.ap-card.audio .art{animation:none}}
/* 授賞式リハーサルの段の残り時間 */
.ap-card .cd{margin-top:1.6cqw;font:700 5cqw/1 "Space Grotesk",monospace;font-variant-numeric:tabular-nums;color:#fff}
/* シェア（CEO 2026-11-06「送るの上あたり、emo を少し短めに」）。ログイン不要・いつでも押せる */
.ap-row{display:flex;gap:6px;align-items:stretch}
.ap-row .ap-emos{flex:1;min-width:0}
.ap-share{flex:0 0 auto;width:clamp(40px,3.4vw,52px);display:grid;place-items:center;border-radius:10px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fff;cursor:pointer}
.ap-share:hover{background:rgba(255,255,255,.18)}
.ap-share.done{background:#ffd43b;color:#0b0b12}
.ap-react.off .ap-share,.ap-react.locked .ap-share{opacity:1;pointer-events:auto}
/* 見ている方の感想（AiCuty のコメントの下・送られた秒で） */
.ap-talk .viewers{margin-top:6px;display:flex;flex-direction:column;gap:4px;border-top:1px solid rgba(255,255,255,.1);padding-top:6px}
.ap-talk .vc{font-size:13px;line-height:1.45;color:#fff;background:rgba(255,255,255,.06);border-radius:8px;padding:5px 8px;animation:rise .35s var(--ease) both}
.ap-talk .vn{font-weight:700;color:#ffd43b;margin-right:.5em}
.ap-card .fail{margin-top:1.4cqw;font-size:2cqw;color:#fff}
.ap-card .in .btn{display:inline-block;margin-top:1cqw;font-size:1.6cqw;padding:.6cqw 1.6cqw;border-radius:999px;background:#ffd43b;color:#0b0b12;text-decoration:none;font-weight:800}
/* 協賛の読み: ロゴは白の上に（AGENTS「ロゴの扱い」）。他社のマークを加工しない */
.ap-card .ad{position:relative;z-index:1;display:grid;place-items:center;gap:2cqw;background:#fff;border-radius:2cqw;padding:5cqw 7cqw;max-width:72%;box-shadow:0 2cqw 6cqw rgba(0,0,0,.45)}
.ap-card .ad img{display:block;width:auto;height:auto;max-width:48cqw;max-height:16cqw;object-fit:contain}
.ap-card .ad p{margin:0;color:#0b0b12;font:700 1.9cqw/1.3 "Noto Sans JP",sans-serif;letter-spacing:.06em}
.ap-card .ad p.role{color:#7a5a1c;font:800 1.4cqw/1 "Inter","Noto Sans JP",sans-serif;letter-spacing:.12em}

/* 帯: AiCuTV（少し大きく）→ LIVE! → メニュー → 右端に 同時接続数・時計（CEO 2026-11-13） */
.ap-onair{display:inline-block;padding:3px 8px 2px;border-radius:5px;background:#e8202a;color:#fff;font:900 12px/1.2 "Space Grotesk",sans-serif;letter-spacing:.08em;box-shadow:0 0 10px rgba(232,32,42,.6)}
.ap-onair[hidden]{display:none}
.ap-right{margin-left:auto;display:inline-flex;align-items:center;gap:12px;white-space:nowrap}
.ap-ccu{font:700 13px/1 "Space Grotesk","Inter",sans-serif;color:#cfd3dc;font-variant-numeric:tabular-nums}
.ap-ccu b{color:#fff;font-size:15px;margin-left:4px}
.ap-ccu[hidden]{display:none}
.ap-x{flex:0 0 auto;width:clamp(40px,3.4vw,52px);display:grid;place-items:center;border-radius:10px;border:1px solid rgba(255,255,255,.28);background:#000;color:#fff;text-decoration:none}
.ap-x:hover{background:#222}
.ap-react.off .ap-x,.ap-react.locked .ap-x{opacity:1;pointer-events:auto}
/* 視聴者の感想に ❤️（コメントへの emo・CEO 2026-11-13「コメントへのemote機能はどこ？」） */
.vc .vheart{margin-left:6px;border:0;background:none;color:#ff8fa3;cursor:pointer;font:700 12px/1 inherit;padding:2px 4px;border-radius:6px}
.vc .vheart.on{color:#ff3d6e}
.vc .vheart:hover{background:rgba(255,255,255,.1)}
.ap-cm-edit{display:block;margin-top:4px;font-size:12px;color:#cfd3dc}