/* 初回のオープニング。動画は切り抜かず、縦横比を保持する。 */
.opening-dialog{position:fixed;inset:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:18px 24px;border:0;border-radius:0;background:#07142a;color:#fff;box-shadow:none;overflow:hidden}
.opening-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:14px}
.opening-dialog::backdrop{background:#07142a;backdrop-filter:none}
.opening-header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.opening-dialog .opening-header p{font-size:16px;font-weight:800;margin:0;line-height:1.5}
.opening-dialog button{border:1px solid #ffffff70;border-radius:6px;background:transparent;color:#fff;padding:10px 16px;min-height:44px;font-size:15px;line-height:1.5;cursor:pointer}
.opening-dialog button:hover{background:#ffffff15}
.opening-dialog button:focus-visible{outline:3px solid #ffdf55;outline-offset:3px}
.opening-screen{position:relative;min-height:0;display:grid;place-items:center}
.opening-screen video{display:block;width:100%;height:100%;min-height:0;object-fit:contain}
.opening-dialog .opening-start{position:absolute;background:#0824b4;box-shadow:0 4px 30px #0008}
.opening-bottom{display:grid;justify-items:center;gap:8px}
.opening-dialog .opening-sound{background:#ffcf34;color:#172b4a;border-color:#ffcf34;font-weight:750}
.opening-dialog .opening-sound:hover{background:#ffe06b}
.opening-dialog .opening-note{font-size:13px;line-height:1.6;margin:0;color:#d1d9e5}
.opening-replay{border:0;background:transparent;color:inherit;text-decoration:underline;text-underline-offset:4px;font-size:13px;padding:10px 0;min-height:44px}
body:has(.opening-dialog[open]) .sticky-buy{display:none}
@media(max-width:699px){
  .opening-dialog{padding:max(10px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));gap:10px}
  .opening-dialog .opening-header p{font-size:13px}
  .opening-dialog button{font-size:14px;padding:10px 12px}
  .opening-dialog .opening-note{font-size:12px}
  .opening-replay{order:4;width:100%;text-align:left;font-size:14px}
}
@media(max-height:480px){.opening-dialog[open]{gap:6px;padding-block:6px}.opening-dialog .opening-note{display:none}.opening-bottom{gap:0}}