/* factory-ui — dialog.css: デッキ調ダイアログ(deckDialog の見た目)
   出典: TAPE FACTORY web CSS(v8.15)。値は TF が正。直すときは全機種同時。gen-factory-ui.js で生成 */
.dlg-ov { position: fixed; inset: 0; z-index: 60; display: flex; align-items: center; justify-content: center; background: rgba(12, 8, 5, 0.72); backdrop-filter: blur(2px); }
.dlg { width: 470px; border-radius: 5px; overflow: hidden; background-image: radial-gradient(rgba(255,255,255,0.08) 0.5px, transparent 0.6px), linear-gradient(180deg, #2e3033 0%, #222426 55%, #17181a 100%); background-size: 4px 4px, 100% 100%; box-shadow: inset 0 1px 0 rgba(255,255,255,0.16), 0 30px 60px rgba(0,0,0,0.7), 0 0 0 1px rgba(0,0,0,0.6); }
.dlg-t { padding: 12px 20px 11px; display: flex; align-items: center; gap: 10px; background: linear-gradient(180deg, #121316, #08090a); box-shadow: inset 0 -1px 0 rgba(255,176,74,0.15); font-family: var(--f-font-mono); font-size: 13px; letter-spacing: 0.18em; color: var(--f-amber); text-shadow: 0 0 10px var(--f-amber-glow-txt); }
.dlg-t i { width: 8px; height: 8px; border-radius: 50%; background: var(--f-amber); box-shadow: 0 0 8px rgba(255,150,40,0.8); flex: none; }
.dlg-t.ok { color: #7fe89a; text-shadow: 0 0 10px rgba(90,220,130,0.6); }
.dlg-t.ok i { background: var(--f-green); box-shadow: 0 0 8px var(--f-green-glow); }
.dlg-b { padding: 18px 22px 6px; font-size: 13px; line-height: 2; color: #c8bda9; }
.dlg-b b { color: #ece5d6; font-weight: 600; }
.dlg-b .mono { color: var(--f-amber); }
.dlg-btns { display: flex; justify-content: flex-end; gap: 10px; padding: 14px 20px 18px; }
.dlg-btn { cursor: pointer; border: none; min-width: 96px; height: 40px; border-radius: 2px; padding: 0 18px; font-family: inherit; font-size: 10.5px; font-weight: 700; letter-spacing: 0.14em; color: var(--f-text-mid); background-image: var(--f-btn-bg); box-shadow: var(--f-btn-shadow); }
.dlg-btn:hover { filter: brightness(1.1); }
.dlg-btn:active { box-shadow: inset 0 2px 5px rgba(0,0,0,0.45); transform: translateY(2px); }
.dlg-btn.rec { color: #f2eee6; display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.dlg-btn.rec::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: radial-gradient(circle at 38% 32%, #ff8a6a, #d81a10 62%, #7c0a06); box-shadow: 0 0 8px rgba(255,47,34,0.75); }