/* ============ 劇情框（js/story.js）============
   頭像寬高由 JS 設成原圖的一半（主角 168×199 → 84×100，NPC 128 → 64），DPR 2 手機剛好 1:1。頭像往上探出框外一點。 */
.sbox{align-items:flex-end;min-height:92px}
.sbox>div{align-self:stretch;min-width:0;padding-top:2px}
.sbox img#stF{width:84px;height:100px;flex:none;align-self:flex-end;margin-top:-40px;border-radius:14px;border:2.5px solid #f6c95a;box-shadow:0 0 0 2px #3a2616,0 4px 8px rgba(0,0,0,.25);
  background:radial-gradient(circle at 50% 38%,#e4f6cf,#86c98a);object-fit:contain}
.sbox.rt{flex-direction:row-reverse}.sbox.rt #stN{display:block;text-align:right}.sbox.rt #stSkip{right:auto;left:0}      /* 主角頭像在右邊探出框外，略過鈕讓到左邊 */
.sbox.nof img#stF{display:none}
.sbox.z #stN{display:none}.sbox.z #stX{font-style:italic;text-align:center;color:#6b4c2c;padding:10px 6px 0}
/* 通訊石：水晶藍外框 */
.sbox.comm::after{content:'';position:absolute;inset:-8px -6px;border:2px solid #84d8ff;border-radius:16px;pointer-events:none;
  box-shadow:0 0 10px rgba(80,190,255,.8),inset 0 0 18px rgba(140,215,255,.55)}
.sbox.comm img#stF{border-color:#9fe6ff;box-shadow:0 0 0 2px #1d4a72,0 0 12px rgba(95,200,255,.9);background:radial-gradient(circle at 50% 38%,#effaff,#86c8ec)}
.sbox.comm #stN{color:#2873b0}
/* 選語氣 */
.stc{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.stc .gb{min-width:0;flex:1 1 40%;font-size:13px}
/* 任務 → 劇情 */
.stph{display:flex;align-items:center;justify-content:center;flex:none;border-radius:50%;background:#e9d6ae;color:#9a7444;border:2px solid #c9a05a;font-size:16px}
.strp{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;max-width:62%}
.strc{margin:4px 0 6px}