/* 夜のアトリエ（ずーみん）— 今の紹介サイトに合わせて明朝体。外部フォントは読まない */
:root{
  --font-display: "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", serif;
  --font-ui: "Yu Gothic", "YuGothic", "Hiragino Sans", system-ui, sans-serif;
}
.bs-plate-display,
.bs-scene__body p:not(.bs-meta):not(.atelier-links){
  font-family: var(--font-display);
}
.bs-plate-display{ font-weight: 600; }
.atelier-links{ display:flex; flex-wrap:wrap; gap:12px; justify-content:flex-start; margin-top:18px; }
/* マウスが動くまで、ついてくる丸を出さない（最初に画面中央で見出しに重なるため） */
body.has-cursor .bs-cursor{ opacity:0; transition:opacity .3s; }
body.has-cursor.cursor-moved .bs-cursor{ opacity:1; }
/* 作品カードが通り抜ける区間。スクロールの長さ＝カードが流れる時間 */
.atelier-flow{ min-height: 260svh; }
/* カードを押したときの額（その場で大きく見せる） */
html.is-card-hover, html.is-card-hover body { cursor: pointer; }
.atelier-hint{ display:inline-block; margin-top:.6em; font-size:16px; opacity:.8; font-family: var(--font-ui); }
.atelier-worklist{ list-style:none; display:flex; flex-wrap:wrap; gap:8px 18px; margin:14px 0 0; padding:0; position:relative; z-index:2; }
.atelier-worklist a{ color: var(--ink, #F2EFE9); font-size:16px; text-decoration: underline; text-underline-offset: 4px; opacity:.85; }
.atelier-dialog{ border:0; padding:22px 22px 18px; max-width:min(92vw, 880px); background:#15130F; color:#F2EFE9; border-radius:10px; box-shadow:0 0 0 1px #3B372F, 0 24px 80px rgba(0,0,0,.6); }
.atelier-dialog::backdrop{ background: rgba(8,8,10,.72); }
.atelier-dialog__frame{ padding:10px; background:#D9C39A; border-radius:4px; box-shadow: 0 0 60px rgba(255,184,102,.25); }
.atelier-dialog__frame img{ display:block; width:100%; height:auto; max-height:56vh; object-fit:contain; background:#15130F; }
.atelier-dialog{ max-height:94vh; overflow:auto; }
.atelier-dialog h3{ font-family: var(--font-display); font-size: clamp(20px, 2.4vw, 28px); margin:16px 0 6px; }
.atelier-dialog p{ font-family: var(--font-display); font-size:16px; line-height:1.8; margin:0; }
.atelier-dialog .atelier-links{ margin-top:14px; }
/* dialog-cursor-fix（2026-09-27 ずーみん「額が開くとカーソルが消える」）: 飾りの丸は額の下の層に隠れるので、額の中はふつうのカーソルに戻す */
.has-cursor .atelier-dialog, .has-cursor .atelier-dialog *{ cursor:auto; }
.has-cursor .atelier-dialog a, .has-cursor .atelier-dialog button{ cursor:pointer; }
body.has-cursor:has(dialog[open]) .bs-cursor{ opacity:0 !important; }
/* ── B 案（2026-09-27）── */
/* 飾りの丸カーソルをやめ、ずっとふつうの矢印（押せる所は指の形） */
.has-cursor, .has-cursor *{ cursor:auto !important; }
.has-cursor a, .has-cursor button, html.is-card-hover body{ cursor:pointer !important; }
.bs-cursor{ display:none !important; }
/* 背景は塗りつぶさず、3Dが少しぼけて透ける */
.atelier-dialog::backdrop{ background: rgba(8,8,10,.32); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); }
/* 額は画面の真ん中に固定で浮く（position を上書きしない＝上書きするとページが先頭へ飛ぶ） */
.atelier-dialog__x{ position:absolute; top:8px; right:10px; width:40px; height:40px; border-radius:50%; font-size:24px; line-height:40px; text-align:center; color:#F2EFE9; background:rgba(255,255,255,.08); }
.atelier-dialog__x:hover{ background:rgba(255,255,255,.18); }
.atelier-dialog__hint{ margin-top:10px !important; font-size:16px !important; opacity:.65; font-family: var(--font-ui) !important; }