/* --- 拡張フォント定義 --- */
@font-face { font-family: 'NotoSerifJP'; src: url('font/NotoSerifJP.otf') format('opentype'); }
@font-face { font-family: 'AnniFont'; src: url('font/ANNIFONT.TTF') format('truetype'); }
@font-face { font-family: 'BadSeed'; src: url('font/badseed.TTF') format('truetype'); }
@font-face { font-family: 'Boku2'; src: url('font/Boku2.woff2') format('woff2'); }
@font-face { font-family: 'SeuratCapiePro'; src: url('font/FOT-SeuratCapiePro-DB.otf') format('opentype'); }
@font-face { font-family: 'HonokaShinMincho'; src: url('font/Honoka_Shin_Mincho_L.ttf') format('truetype'); }
@font-face { font-family: 'Lunap'; src: url('font/lunap.ttf') format('truetype'); }
@font-face { font-family: 'PlusJakartaSans'; src: url('font/PlusJakartaSans-ExtraBold-subset.woff2') format('woff2'); }
/* ▼ テスト用フォント切り替え
/* font-family: 'NotoSerifJP', serif; */          /* [標準] Noto Serif JP: 日本語対応。読みやすい明朝体。 */
/* font-family: 'AnniFont', sans-serif; */        /* AnniFont: 実機要確認。手書き風やデザイン系。日本語対応は不明。 */
/* font-family: 'BadSeed', sans-serif; */         /* Bad Seed: ホラー・グランジ系英字フォント。日本語非対応（英数字のみ）。 */
/* font-family: 'Boku2', sans-serif; */           /* ぼくたちのゴシック2等: 日本語対応(推測)。WOFF2形式で軽量化・モダンブラウザに最適。 */
/* font-family: 'SeuratCapiePro', sans-serif; */  /* スーラキャピ: 日本語対応(高品質)。アニメタイトル等によく使われる有名なポップ系ゴシック。 */
/* font-family: 'HonokaShinMincho', serif; */     /* ほのか新明朝: 日本語対応。かな文字が少し小さくデザインされた「エモい・哀愁のある」明朝体。 */
/* font-family: 'Lunap', sans-serif; */           /* Luna: デザイン系英字フォント。日本語非対応。 */
/* font-family: 'PlusJakartaSans', sans-serif; */ /* Plus Jakarta Sans: モダンUIで大人気の英字専用フォント（軽量化サブセット版）。日本語非対応。 */
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */

/* --- 1. タイトル幕 --- */
#タイトル幕 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* v0.6.96: z-index階層降り直し ─ タイトル幕=1000 (拠点1500/サバゲ2000より下層、 Lv10共通UI100000+の影響なし) */
    z-index: 1000;
    background: #000;
    overflow: hidden;
}

#タイトル背景画像 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    z-index: -1;
}

#背景オーバーレイ {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
}

#ロゴ容器 {
    position: relative;
    z-index: 2001;
    text-align: center;
}

#タイトル名 {
    display: none;
    /* 画像に置き換えたため非表示 */
}


#サブタイトル {
    display: none;
    /* ロゴ画像に含まれるため非表示 */
}

.巨大開始ボタン {
    width: 360px;
    /* 横幅を360pxに固定 */
    height: 80px;
    /* 高さを適正化 */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    letter-spacing: 5px;
    font-family: 'Shippori Mincho';
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    color: var(--金);
    /* 文字色を金に固定 */
    border: none !important;
    /* 既存の枠を完全に消去 */
    outline: none;
    cursor: pointer;
    transition: 0.4s;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    text-shadow: 0 2px 4px #000;
    margin: 10px;
    background-color: transparent;
}

.巨大開始ボタン:hover {
    filter: brightness(1.3) contrast(1.1);
    box-shadow: 0 0 30px rgba(241, 196, 15, 0.5);
    transform: translateY(-3px);
    color: var(--金);
    /* ホバー時も金を維持 */
}

/* v0.6.18: 「物語を最初から」 専用 押せる無効風表示
   .無効 は pointer-events:none でクリック不可になるが、 「押すと警告ダイアログが出る」 仕様なので
   見た目だけグレーアウトしてクリックは維持する別クラス。 main_dg.js v0.6.18 で classList.add('無効風') 適用。 */
.巨大開始ボタン.無効風 {
    opacity: 0.45;
    filter: grayscale(0.85) brightness(0.7);
    color: #aaa;
    text-shadow: 0 1px 2px #000;
    /* pointer-events は維持 (=クリック可能、 警告ダイアログを開ける) */
}
.巨大開始ボタン.無効風:hover {
    opacity: 0.75;
    filter: grayscale(0.4) brightness(0.95);
    color: #ffd0d0;
    box-shadow: 0 0 18px rgba(255, 100, 100, 0.55);
    transform: translateY(-2px);
}
.巨大開始ボタン.無効風::after {
    content: ' ⚠️';
    font-size: 0.85em;
}

#フッター告知 {
     font-family: 'BadSeed', sans-serif;
    /* font-family: 'PlusJakartaSans', sans-serif; */
    font-size: 1.15rem;
    letter-spacing: 5px;
    margin-top: 25px;
    text-align: center;
    opacity: 0.6;
}

#フッターバージョン {
    position: absolute;
    right: 20px;
    bottom: 20px;
    font-size: 0.85rem;
    letter-spacing: 5px;
    opacity: 0.5;
    z-index: 2010;
}

/* 固定機能バー (右上ツールバー) */
#固定機能バー {
    position: fixed;
    top: 30px;
    right: 40px;
    display: flex;
    gap: 25px;
    z-index: 60000;
}

.機能アイコン {
    width: 38px;
    height: 38px;
    cursor: pointer;
    opacity: 0.4;
    transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.8));
    object-fit: contain;
}

.機能アイコン:hover {
    opacity: 1;
    transform: scale(1.2) translateY(-5px);
    filter: drop-shadow(0 0 15px var(--金));
}

/* v0.4.207: セーブ管理窓CSS 廃止 (機能廃止に伴う) ─ 旧 .セーブ窓本体/.セーブ窓ヘッダー/.セーブ窓フッター/.スロットリスト容器/.スロット項目/.スロット見出し/.スロットラベル/.スロット日付/.スロット詳細内容/.スロット章/.スロットターン/.スロット操作群/.スロットボタン および @keyframes saveModalOpen は全削除 */