/* ───────────────────────────────────────
   minigames.css — 三關小遊戲 UI
─────────────────────────────────────── */

/* 共用：對話時整層隱藏 */
#ev1-texts,#ev3-texts,#ev2-texts{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;
     font-family:"Microsoft JhengHei","PingFang TC","Heiti TC",sans-serif;display:none;z-index:50}
body.dlg-on #ev1-texts,body.dlg-on #ev3-texts,body.dlg-on #ev2-texts{visibility:hidden}

/* ── 關卡一 ── */
#ev1-prog{position:absolute;top:20px;right:8px;font-size:8.5px;color:#ffe066;font-family:monospace;display:none;
     pointer-events:none;background:rgba(0,0,0,.75);padding:2px 6px;border-radius:2px;border:1px solid #6a5030}
.ev1-lbl{position:absolute;transform:translate(-50%,-50%);font-size:8px;color:#ffe9a0;background:rgba(20,10,2,0.8);
     padding:1px 5px;border-radius:1px;white-space:nowrap;letter-spacing:0.3px;border:1px solid rgba(255,220,120,.35)}
.ev1-paper-lbl{position:absolute;transform:translate(-50%,-50%);font-size:9px;color:#3a2010;white-space:nowrap;
     font-weight:bold;letter-spacing:0.2px}
.ev1-guide{position:absolute;transform:translate(-50%,-50%);font-size:7.5px;color:rgba(255,220,100,0.75);white-space:nowrap}

/* ── 關卡二 ── */
#ev2-ui{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:none;z-index:60}
body.dlg-on #ev2-ui{visibility:hidden}
#ev2-counter{position:absolute;top:20px;left:50%;transform:translateX(-50%);font-size:10px;color:#ffe066;
     font-family:monospace;background:rgba(0,0,0,.78);padding:2px 10px;border:1px solid #8a7040;letter-spacing:1px}
#ev2-money{position:absolute;top:20px;right:8px;font-size:9.5px;color:#90f090;font-family:monospace;
     background:rgba(0,0,0,.78);padding:2px 6px;border:1px solid #4a8040}
.ev2-shop-lbl{position:absolute;transform:translate(-50%,-50%);font-size:7.5px;color:#f0e0a0;
     background:rgba(0,0,0,0.75);padding:1px 4px;white-space:nowrap;letter-spacing:0.4px;border-radius:1px}
#ev2-popup{position:absolute;top:20px;left:50%;transform:translateX(-50%);background:rgba(20,12,4,0.95);
     border:1px solid #c8a050;padding:8px 10px;display:none;flex-direction:column;gap:3px;width:78%;
     max-width:340px;z-index:65;pointer-events:auto}
#ev2-popup.on{display:flex}
#ev2-popup .p-title{font-size:9.5px;color:#ffe060;font-weight:bold;text-align:center;
     border-bottom:1px solid rgba(200,160,80,0.4);padding-bottom:3px}
#ev2-popup .p-desc{font-size:8.5px;color:#e8d8a8;line-height:1.5;text-align:left;white-space:pre-wrap}
#ev2-popup .p-btn{font-size:9px;color:#90c8ff;text-align:center;cursor:pointer;background:rgba(80,140,200,0.18);
     border:1px solid #5080b0;padding:3px 6px;margin-top:2px}
#ev2-popup .p-btn:hover{background:rgba(80,140,200,0.32)}
#ev2-popup .p-hint{font-size:7.5px;color:#a0a0a0;text-align:center;font-style:italic}
/* 客人需求 — 常駐浮在客人頭上（修正：不再用阻塞式對話框） */
#ev2-toast{white-space:nowrap;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:bold;
     padding:6px 14px;background:rgba(0,0,0,0.85);border:1px solid;display:none;z-index:70;
     animation:toast 1.4s ease-out forwards}
@keyframes toast{0%{opacity:0;transform:translate(-50%,-30%) scale(0.7)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}
     40%{transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-70%) scale(1)}}

/* ── 關卡三 ── */
#ev3-ctrls{position:absolute;bottom:0;left:0;width:100%;padding:3px 7px 4px;display:none;flex-direction:column;
     gap:2px;background:rgba(0,0,0,.88);border-top:1px solid #304060;pointer-events:auto}
#ev3-time-disp{font-size:11px;color:#ffe066;font-family:monospace;text-align:center;pointer-events:none;letter-spacing:1px}
.ev3-hdr{position:absolute;transform:translate(-50%,-50%);font-size:8px;color:#c8c0a8;white-space:nowrap;letter-spacing:0.5px}
.ev3-dyn{position:absolute;transform:translate(-50%,-50%);font-size:8px;white-space:nowrap}

#ev3-range-wrap{position:relative;width:100%;height:22px;margin:2px 0}
#ev3-range-track{position:absolute;left:6px;right:6px;top:9px;height:4px;background:rgba(80,120,160,0.3);border-radius:2px}
#ev3-tick-marks{position:absolute;left:6px;right:6px;top:5px;height:12px;pointer-events:none}
#ev3-tick-marks .tk{position:absolute;width:2px;height:8px;top:2px;background:#5080a8;transform:translateX(-50%)}
#ev3-tick-marks .tk-lbl{position:absolute;top:12px;font-size:6.5px;color:#90b0d0;font-family:monospace;
     transform:translateX(-50%);white-space:nowrap}
#ev3-range-wrap input[type=range]{position:absolute;left:0;right:0;top:0;width:100%;height:22px;
     -webkit-appearance:none;background:transparent;margin:0;cursor:pointer;accent-color:#70d8ff;
     pointer-events:auto;z-index:2}
#ev3-range-wrap input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;
     background:#70d8ff;border:2px solid #f0f8ff;border-radius:50%;cursor:pointer;box-shadow:0 0 6px rgba(112,216,255,0.8)}
#ev3-range-wrap input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#70d8ff;
     border:2px solid #f0f8ff;border-radius:50%;cursor:pointer}

/* 客人需求：畫面下方空白列 */
#ev2-need{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:88%;
  background:rgba(8,5,2,.92);border:1px solid #f8a050;border-radius:3px;
  padding:5px 10px;font-size:9.5px;color:#ffe8c0;line-height:1.5;text-align:center;display:none;
  pointer-events:none}
#ev2-need b{color:#f8c050}