/* ───────────────────────────────────────
   dialog.css — 對話框、各式字卡
─────────────────────────────────────── */

/* 對話框 */
#dlg{position:absolute;bottom:4px;left:4px;right:4px;height:86px;background:#0c0905;
     border:2px solid #b08c48;
     box-shadow:0 0 0 2px #060402,inset 0 0 0 2px #060402,inset 0 0 0 3px #54421f;
     padding:8px 16px 6px;display:none;flex-direction:column;gap:3px;z-index:9999}
#dlg::before,#dlg::after{content:'';position:absolute;width:6px;height:6px;background:#e8c878;
     box-shadow:0 0 0 2px #060402}
#dlg::before{top:-4px;left:-4px}
#dlg::after{bottom:-4px;right:-4px}
#dlg.on{display:flex}
#dlg-sp{font-size:11px;font-weight:bold;text-shadow:0 1px 4px rgba(0,0,0,.8)}
#dlg-tx{font-size:10.5px;color:#f0e8d0;line-height:1.6;flex:1;text-shadow:0 1px 2px rgba(0,0,0,.9)}
#dlg-hint{font-size:8.5px;color:#e8a820;text-align:right;animation:blink .9s step-end infinite}

/* 史實字卡 */
#fact-card{position:absolute;top:0;left:0;width:100%;height:100%;display:none;align-items:center;
     justify-content:center;background:rgba(0,0,0,0.78);z-index:10000;pointer-events:auto;cursor:pointer}
#fact-card.on{display:flex}
#fact-card .fc-box{width:88%;max-width:430px;background:linear-gradient(180deg,#0a1828 0%,#0e1e30 100%);
     border:1px solid #5080b0;box-shadow:0 0 32px rgba(80,160,220,0.35),inset 0 0 24px rgba(80,160,220,0.08);
     padding:14px 16px 11px;display:flex;flex-direction:column;gap:6px}
#fact-card .fc-tag{font-size:9px;color:#90d0ff;letter-spacing:3px;font-weight:bold;text-align:center;
     border-bottom:1px solid rgba(144,208,255,0.3);padding-bottom:5px}
#fact-card .fc-title{font-size:11px;color:#c8e0f8;font-weight:bold;text-align:center;letter-spacing:1px;margin-top:1px}
#fact-card .fc-body{font-size:9.5px;color:#d8e8f8;line-height:1.65;text-align:left;padding:2px 4px}
#fact-card .fc-body p{margin:3px 0}
#fact-card .fc-src{font-size:7.5px;color:#7090b0;font-family:monospace;text-align:right;
     border-top:1px dashed rgba(112,144,176,0.3);padding-top:4px;margin-top:2px}
#fact-card .fc-hint{font-size:8.5px;color:#e8a820;text-align:center;animation:blink .9s step-end infinite;margin-top:3px}

/* 關卡說明字卡（新增：解決三關引導不足，又不破壞史實揭露時機） */
#mission-card{position:absolute;top:0;left:0;width:100%;height:100%;display:none;align-items:center;
     justify-content:center;background:rgba(0,0,0,0.72);z-index:10000;pointer-events:auto;cursor:pointer}
#mission-card.on{display:flex}
#mission-card .mc-box{width:82%;max-width:380px;background:linear-gradient(180deg,#221604 0%,#2c1e08 100%);
     border:1px solid #c8a050;box-shadow:0 0 28px rgba(220,170,60,0.3),inset 0 0 20px rgba(220,170,60,0.06);
     padding:13px 16px 10px;display:flex;flex-direction:column;gap:5px}
#mission-card .mc-no{font-size:8.5px;color:#c8a050;letter-spacing:4px;text-align:center;font-family:monospace}
#mission-card .mc-title{font-size:13px;color:#ffe08a;font-weight:bold;text-align:center;letter-spacing:2px;
     border-bottom:1px solid rgba(200,160,80,.35);padding-bottom:6px}
#mission-card .mc-goal{font-size:10px;color:#f4e6c2;line-height:1.6;text-align:center;padding-top:2px}
#mission-card .mc-how{font-size:8.5px;color:#c0a878;line-height:1.6;text-align:center}
#mission-card .mc-hint{font-size:8.5px;color:#e8a820;text-align:center;animation:blink .9s step-end infinite;margin-top:2px}

/* 結尾卡 */
#end-card{position:absolute;top:0;left:0;width:100%;height:100%;display:none;flex-direction:column;
     align-items:center;justify-content:center;background:rgba(0,0,0,0.92);z-index:10001;gap:14px;
     pointer-events:auto;cursor:pointer}
#end-card.on{display:flex}
#end-card .ec-line{font-size:13px;color:#d8e6f0;letter-spacing:2px;text-shadow:0 0 18px rgba(120,180,240,.4)}
#end-card .ec-sub{font-size:8px;color:#6a7888;letter-spacing:2px}
#end-card .ec-hint{font-size:9px;color:#b08020;letter-spacing:1px;animation:blink 1s step-end infinite;margin-top:18px}


/* ── 結尾卡第二頁：提案資訊 ── */
#end-page1,#end-page2{display:flex;flex-direction:column;align-items:center;justify-content:center;
  width:100%;height:100%;gap:8px;padding:0 30px;box-sizing:border-box}
#end-page2 .ep2-title{font-size:12px;color:#ffe9a0;letter-spacing:4px;margin-bottom:6px}
#end-page2 .ep2-row{font-size:8px;color:#d8d0c0;line-height:1.6}
#end-page2 .ep2-note{font-size:7px;color:#a8a098;margin-top:8px;max-width:340px;text-align:center;line-height:1.7}
#end-page2 .ep2-team{font-size:7px;color:#888078;margin-top:4px;letter-spacing:1px}
#end-page2 .ep2-hint{font-size:7px;color:#666;margin-top:10px;animation:blink 1.4s infinite}