/* FP QUEST — focus.css（第6版 U06/U07/U08: 音量OFF/ON ボタン・「学習中は無音」の注記・集中モード。app.css / study.css のあとに読み込まれる）
   ※ 本来は study.css の「focus mode」節に置く予定だったが、study.css は学習UI担当がファイル単位で書き換えるため別ファイルにした。
     統合するときはこのファイルの内容をそのまま study.css 末尾へ移し、index.html の link を外せばよい。 */

/* audio controls（components/audio-controls.js） */
.mutebtn{display:inline-grid;place-items:center;width:44px;height:44px;flex:none;border-radius:12px;border:1.5px solid var(--line-2);background:var(--surface);color:var(--ink-2);transition:background .15s,color .15s,border-color .15s}
.mutebtn svg{width:22px;height:22px}
.mutebtn:hover{background:var(--surface-3);color:var(--ink)}
.mutebtn.is-muted,.mutebtn[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.mutebtn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.silence-note{font-size:11px;padding:2px 8px;gap:4px;vertical-align:middle}
.silence-note svg{width:13px;height:13px}
.silence-note[hidden]{display:none}

/* focus mode（集中モード: html[data-focus="on"]）
   学習の手応え（正誤・解説・進捗・残り時間）は残し、モンスター / XP / レベル / チケット / ガチャ / バトルの表示とゲーム通知だけを隠す。
   - .js-game            … ビューが付ける印（結果画面の XP・ガチャ行、ホームのクエスト報酬表記・バトルタイル など）
   - .topbar__partner    … 上部バーの相棒チップ（app.js）
   - .xpfloat / .combo / .verdict__xp … 解答時の XP フロート・連続正解バッジ・判定内の +XP
   - .lvtoast            … レベルアップ通知（JS 側でも学習中はキューから捨てる。CSS は保険）
   - .hero               … ホームの相棒カード（たまご含む） */
html[data-focus="on"] .js-game{display:none!important}
html[data-focus="on"] .topbar__partner{display:none!important}
html[data-focus="on"] .xpfloat,
html[data-focus="on"] .combo,
html[data-focus="on"] .verdict__xp{display:none!important}
html[data-focus="on"][data-audio-phase="study"] .lvtoast{display:none!important}
html[data-focus="on"] .hero{display:none!important}
html[data-focus="on"] .stack-lg>div:has(>.hero){display:none}
html[data-focus="on"] .js-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

/* 第6版の統合時に追加: 集中モードに切り替える前に出ていたゲーム通知（チケット・クエスト達成）も、学習画面では隠す */
html[data-focus="on"][data-audio-phase="study"] .toast--game{display:none!important}