/* 虹のオープニングの覆いと「もう一度見る」ボタン。試作 connected-layout-trial.html の見た目をそのまま移植 */
html{scrollbar-gutter:stable}
.opening{position:fixed;inset:0;z-index:2000;background:#f58b5d}
.opening[hidden]{display:none}
.opening iframe{display:block;width:100%;height:100%;border:0;background:transparent}
.replay{position:fixed;z-index:2100;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);padding:9px 17px;border:1px solid rgba(255,255,255,.45);border-radius:30px;color:#fff;background:transparent;font:11px sans-serif;cursor:pointer;white-space:nowrap}
.replay:disabled{opacity:.55;cursor:wait}
.replay:focus-visible{outline:2px solid currentColor;outline-offset:4px}
body.ready .replay{background:#ffffff;color:#3d2b1f;border-color:#eadace;box-shadow:0 2px 12px #3d2b1f0a}
/* 再生が決まっている間はTOP本文を透明にし、覆いを最初の描画から出す（白い点滅を防ぐ） */
html.opening-pending #page{opacity:0}
html.opening-pending .opening[hidden]{display:block}
body.opening-lock{overflow:hidden}
/* 「もう一度見る」はスクロールしたら隠す（本文に重ならないように・2026-10-22 本人指摘対応） */
.replay{transition:opacity .25s;}
.replay.replay--hidden{opacity:0;pointer-events:none;}