/* 10/30 十八層地獄：點下去放大時旁邊浮出的「怎樣的人會來」小卡（電腦直排在右邊，手機橫排在下面） */
.hell-main{position:relative}
.hell-stage.is-pinned{cursor:zoom-out}
.hell-stage.is-over{cursor:zoom-in}
.hell-card{position:absolute;z-index:6;top:10%;right:5%;max-height:80%;display:block;writing-mode:vertical-rl;padding:30px 24px;background:rgba(248,246,242,.94);border:1px solid #A58C52;color:#2A2420;font-family:"Noto Serif TC","Songti TC",serif;opacity:0;transform:translateX(12px);pointer-events:none;transition:opacity .9s ease,transform .9s ease}
.hell-card.is-on{opacity:1;transform:none}
.hell-card h2{margin:0 0 0 22px;font-size:22px;font-weight:400;letter-spacing:.3em;color:#7A2E24}
.hell-card p{margin:0 0 0 14px;font-size:15px;line-height:2;letter-spacing:.22em}
.hell-card .hell-card-karma{color:#6B5A4E}
@media(max-width:560px),(hover:none){
  .hell-card{position:static;display:none;margin:14px 4px 0;max-height:none;writing-mode:horizontal-tb;padding:14px 16px;transform:none}
  .hell-card.is-on{display:block}
  .hell-card h2{margin:0 0 6px;font-size:17px;letter-spacing:.14em}
  .hell-card p{margin:0;font-size:13.5px;line-height:1.8;letter-spacing:.06em}
}
@media(prefers-reduced-motion:reduce){.hell-card{transition:none}}
/* 審判畫面：整頁蓋上一層深色，閻羅殿影片慢慢推近，下面一句字和返回提示 */
.hell-judgment{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:rgba(26,20,18,.94);opacity:0;pointer-events:none;transition:opacity 1.2s ease;cursor:zoom-out}
.hell-judgment.is-on{opacity:1;pointer-events:auto}
.hell-judgment video{width:min(92vw,calc((100svh - 150px)*1.5));aspect-ratio:3/2;height:auto;display:block;transform:scale(.94);transition:transform 2.4s cubic-bezier(.2,.7,.2,1)}
.hell-judgment.is-on video{transform:none}
.hell-judgment-line{margin:0;color:#EDE3D2;font-family:"Noto Serif TC","Songti TC",serif;font-size:20px;letter-spacing:.4em}
.hell-judgment-back{border:0;border-bottom:1px solid #A58C52;background:none;color:#C9B48A;font:inherit;font-size:13px;letter-spacing:.2em;padding:6px 0;cursor:pointer}
@media(max-width:560px){.hell-judgment-line{font-size:15px;letter-spacing:.2em;text-align:center;padding:0 16px}}
@media(prefers-reduced-motion:reduce){.hell-judgment,.hell-judgment video{transition:none}}
/* 精緻版（11/1）：整座島＋旁邊的小卡，米白底跟動畫同色
   11/2 Pearl：點下去要「跳出來」→ 小卡從地圖上那座島的位置放大到前面，後面的十八層地圖變暗但還看得到 */
.hell-detail{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(30,23,19,0);pointer-events:none;transition:background .45s ease;cursor:zoom-out}
.hell-detail.is-on{background:rgba(30,23,19,.62);pointer-events:auto}
.hell-detail-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr) auto;align-items:center;gap:8px 28px;width:min(1040px,86vw);max-height:84svh;padding:16px 28px;background:#F8F6F2;border-radius:4px;box-shadow:0 28px 80px rgba(20,14,10,.38);opacity:0;transform-origin:0 0;transition:transform .55s cubic-bezier(.2,.8,.25,1),opacity .35s ease}
.hell-detail.is-on .hell-detail-panel{opacity:1}
.hell-detail video{width:100%;height:100%;max-height:calc(84svh - 100px);object-fit:contain;display:block}
.hell-detail-card{writing-mode:vertical-rl;max-height:72svh;padding:0 8px;font-family:"Noto Serif TC","Songti TC",serif;color:#3B302A}
.hell-detail-card h2{margin:0 0 0 22px;font-size:22px;font-weight:400;letter-spacing:.3em;color:#7A2E24}
.hell-detail-card p{margin:0 0 0 14px;font-size:15px;line-height:2;letter-spacing:.22em}
.hell-detail-card .hell-card-karma{color:#6B5A4E}
.hell-detail-back{grid-column:1/-1;justify-self:center;border:0;border-bottom:1px solid #A58C52;background:none;color:#6B5A4E;font:inherit;font-size:13px;letter-spacing:.2em;padding:6px 0;cursor:pointer}
@media(max-width:760px){
  .hell-detail{padding:12px}
  .hell-detail-panel{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;align-content:center;gap:14px;padding:14px;width:100%;max-height:calc(100svh - 24px);overflow:auto}
  .hell-detail video{height:auto;max-height:none;aspect-ratio:3/2}
  .hell-detail-card{writing-mode:horizontal-tb;max-height:none;padding:0 4px}
  .hell-detail-card h2{margin:0 0 6px;font-size:17px;letter-spacing:.14em}
  .hell-detail-card p{margin:0;font-size:13.5px;line-height:1.8;letter-spacing:.06em}
}
@media(prefers-reduced-motion:reduce){.hell-detail,.hell-detail-panel{transition:none}}