/* 曦曦的美食系统 v6 · 旅途过场、来客登场、指引、饭票簿、灶台提示、味域色调 */

/* ================= 旅途过场 / 章节卡 ================= */
.tvl{position:fixed;inset:0;z-index:96;background:#0c0820;animation:tIn .4s ease both;cursor:pointer}
.tvl.out{animation:tOut .48s ease forwards}
.tvl canvas{position:absolute;inset:0;width:100%;height:100%}
.tvCap{position:absolute;left:0;right:0;bottom:calc(14vh + var(--sab));text-align:center;padding:0 24px;opacity:0;transform:translateY(14px);transition:opacity .8s,transform .8s cubic-bezier(.2,.9,.3,1);pointer-events:none}
.tvl.cap .tvCap{opacity:1;transform:none}
.tvCap small{display:block;font-size:13px;letter-spacing:.4em;padding-left:.4em;color:#d8c4f0}
.tvCap h2{font-size:clamp(34px,9vw,56px);letter-spacing:.24em;padding-left:.24em;margin:8px 0 10px;background:linear-gradient(180deg,#fffaf0,var(--gold) 60%,var(--gold2));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 18px rgba(0,0,0,.8))}
.tvCap p{max-width:30em;margin:0 auto;font-size:14.5px;line-height:1.9;color:#e8dccb;text-shadow:0 2px 10px #000}
.tvCap h2::after{content:"";display:block;width:120px;height:1px;margin:12px auto 0;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.tvSkip{position:absolute;right:16px;top:calc(14px + var(--sat));font-size:12px;letter-spacing:.2em;color:rgba(230,215,200,.6)}

/* ================= 来客登场 ================= */
.encCard{position:fixed;inset:0;z-index:94;display:flex;align-items:center;justify-content:center;background:radial-gradient(70% 45% at 50% 50%,rgba(120,10,30,.55),rgba(10,2,6,.82));animation:tIn .25s ease both;cursor:pointer}
.encCard.out{animation:tOut .38s ease forwards}
.ecIn{text-align:center;animation:ecSlam .7s cubic-bezier(.2,1.4,.3,1) both}
@keyframes ecSlam{0%{transform:scale(1.8);opacity:0;filter:blur(8px)}60%{transform:scale(.96);opacity:1;filter:none}100%{transform:none}}
.ecIn small{display:block;font-size:13px;letter-spacing:.5em;padding-left:.5em;color:#ffb0c0}
.ecIn h2{font-size:clamp(40px,11vw,72px);letter-spacing:.14em;padding-left:.14em;margin:6px 0;color:#fff0f2;text-shadow:0 0 30px rgba(255,60,90,.8),0 4px 0 #3a0610}
.ecIn p{font-size:15px;letter-spacing:.2em;color:#ffd8e0}
.ecIn::before,.ecIn::after{content:"";display:block;height:2px;margin:12px auto;width:min(70vw,360px);background:linear-gradient(90deg,transparent,#ff5a7a,transparent)}
.encCard.boss{background:radial-gradient(70% 45% at 50% 50%,rgba(90,40,140,.6),rgba(6,2,14,.88))}
.encCard.boss small{color:#e6dcff}.encCard.boss h2{color:#fffaf0;text-shadow:0 0 34px rgba(242,200,107,.9),0 4px 0 #2a1440}
.encCard.boss .ecIn::before,.encCard.boss .ecIn::after{background:linear-gradient(90deg,transparent,var(--gold),transparent)}

/* ================= 第一天的指引 ================= */
.guide{position:relative;overflow:hidden;width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;text-align:left;padding:9px 12px;margin-top:10px;border-radius:10px;
  background:linear-gradient(90deg,rgba(127,233,255,.14),rgba(20,10,16,.9));border:1px solid rgba(127,233,255,.55);box-shadow:0 0 18px rgba(127,233,255,.15)}
.guide .gi{font-size:12px;color:#062030;background:var(--holo);border-radius:6px;padding:3px 7px}
.guide b{display:block;font-size:14.5px;color:#e9fdff;letter-spacing:.06em}
.guide small{display:block;font-size:12px;color:#a8e6f4;margin-top:2px;line-height:1.5}
.guide .go{font-size:22px;color:var(--holo)}
.glow{animation:glowPulse 1.6s ease-in-out infinite}
@keyframes glowPulse{0%,100%{box-shadow:0 0 0 1px rgba(127,233,255,.7),0 0 10px rgba(127,233,255,.35)}50%{box-shadow:0 0 0 2px rgba(127,233,255,1),0 0 26px rgba(127,233,255,.6)}}
.mcont.glow{animation:glowPulseG 1.6s ease-in-out infinite}
@keyframes glowPulseG{0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 0 0 1px rgba(127,233,255,.7),0 10px 30px rgba(242,170,70,.25)}50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 0 0 3px rgba(127,233,255,1),0 0 30px rgba(127,233,255,.55)}}
@media (prefers-reduced-motion:reduce){.glow,.mcont.glow{animation:none;box-shadow:0 0 0 2px var(--holo)}}

/* ================= 饭票簿 ================= */
.lgDays{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.lgd{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 2px;border-radius:9px;border:1px solid var(--hair2);background:rgba(255,255,255,.03);text-align:center}
.lgd small{font-size:10.5px;color:var(--mute)}.lgd b{font-size:12.5px;color:#f6ead6;line-height:1.3}.lgd span{font-size:11px;color:var(--gold)}
.lgd.got{opacity:.5}.lgd.got::after{content:"✓";position:absolute;right:5px;top:3px;font-size:12px;color:var(--jade)}
.lgd.now{border-color:var(--gold);background:linear-gradient(180deg,rgba(242,200,107,.22),rgba(242,200,107,.05));box-shadow:0 0 16px rgba(242,200,107,.35);animation:glowPulseY 1.6s infinite}
@keyframes glowPulseY{50%{box-shadow:0 0 26px rgba(242,200,107,.6)}}
@media (max-width:460px){.lgDays{grid-template-columns:repeat(4,1fr)}}

/* ================= 灶台：差一点提示 ================= */
.near{margin-top:10px;padding:8px 11px;border-radius:9px;border:1px dashed rgba(127,233,255,.45);background:rgba(127,233,255,.05)}
.near p{font-size:13px;line-height:1.7;color:#d8f6ff}.near p+p{margin-top:3px}
.near b{color:var(--holo);margin-right:8px;font-size:12px;letter-spacing:.1em}

/* ================= 冒险选项说明 ================= */
.choice small{display:block;font-size:11.5px;color:#a8968a;margin-top:2px}

/* ================= 味域色调 ================= */
#view.dom::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(90% 38% at 50% 0,var(--domGlow,transparent),transparent 70%)}

/* ================= 模型筛选 ================= */
.mFilter{width:100%;margin:6px 0 2px;background:rgba(10,4,6,.6);border:1px solid var(--hair2);border-radius:6px;padding:8px 12px;font-size:13.5px}