/* scenes.css — ฉากเต็มจอ: เหตุการณ์ (ภาพเต็ม) · บทสนทนาเทพธิดา · สุ่มอาชีพแบบกาชา · แรงค์พลังรวม · ตั๊บ 2026-11-08 */
#stage #modal.ev-backdrop,#stage #modal.vn-backdrop,#stage #modal.gacha-backdrop{padding:0;display:block;background:#05030a!important;backdrop-filter:none}

/* ---- เหตุการณ์ ---- */
.ev-scene{position:absolute;inset:0;overflow:hidden;animation:fadein .3s}
.ev-bg{position:absolute;inset:-60px;background-repeat:no-repeat;filter:blur(30px) brightness(.5) saturate(1.25)}
.ev-art{position:absolute;left:50%;top:44%;width:460px;height:460px;transform:translate(-50%,-50%);background-repeat:no-repeat;border-radius:10px;
  box-shadow:0 0 0 3px #c9a35a,0 0 0 7px #1a0a10,0 24px 60px #000c,0 0 90px #ffcf6a33;animation:evIn .55s cubic-bezier(.2,.9,.3,1.2) both}
@keyframes evIn{from{opacity:0;transform:translate(-50%,-46%) scale(.86)}}
.ev-panel{position:absolute;left:0;right:0;margin:0 auto;bottom:18px;width:min(940px,92%);display:flex;align-items:center;gap:18px;padding:6px 20px;
  border:12px solid transparent;border-width:10px 28px;border-image:url(assets/ui/tower/parch.webp) 30 60 fill / 10px 28px stretch;color:#2a1a08;animation:fadein .4s .2s both}
.ev-text{flex:1;min-width:0}.ev-text h3{margin:0 0 2px;font:700 19px 'Noto Serif Thai',serif;color:#4a2508}.ev-text p{margin:0;font-size:14.5px;line-height:1.55}
.ev-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:470px}
.ev-scene.is-result .ev-art{filter:brightness(1.05)}

/* ---- บทสนทนา ---- */
.vn-scene{position:absolute;inset:0;overflow:hidden;animation:fadein .5s}
.vn-bg{position:absolute;inset:0;background-size:cover;background-position:center 28%;animation:vnPan 18s ease-in-out infinite alternate}
@keyframes vnPan{to{background-position:center 36%}}
.vn-scene:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 55%,#05030acc)}
.vn-box{position:absolute;z-index:2;left:0;right:0;margin:0 auto;bottom:20px;width:min(1000px,88%);min-height:150px;padding:20px 40px 16px;cursor:pointer;
  border:22px solid transparent;border-image:url(assets/ui/tower/panel.webp) 52 fill / 22px stretch}
.vn-name{position:absolute;left:28px;top:-34px;padding:8px 34px;color:#ffd9a0;font:700 17px 'Noto Serif Thai',serif;background:url(assets/ui/tower/title_plain.webp) center/100% 100% no-repeat;text-shadow:0 2px 0 #1a0408}
.vn-line{margin:4px 0 0;font:500 21px/1.7 var(--font);color:#fff7e6;text-shadow:0 2px 3px #000}
.vn-in{animation:vnIn .35s ease-out}
@keyframes vnIn{from{opacity:0;transform:translateY(6px)}}
.vn-end{margin-top:10px}
.vn-next{position:absolute;right:26px;bottom:10px;color:#ffd98a;font-style:normal;animation:pathBob 1s ease-in-out infinite}

/* ---- กาชาอาชีพ ---- */
.gacha{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 58%,color-mix(in srgb,var(--rc) 22%,#1a0f38),#07040f 70%)}
.g-circle{position:absolute;left:50%;top:60%;width:560px;height:560px;transform:translate(-50%,-50%) perspective(900px) rotateX(64deg)}
.g-circle i{position:absolute;inset:0;border-radius:50%;border:3px solid var(--rc);box-shadow:0 0 26px var(--rc),inset 0 0 26px var(--rc);animation:gSpin 7s linear infinite}
.g-circle i:nth-child(2){inset:70px;border-style:dashed;border-width:4px;animation-direction:reverse;animation-duration:4s}
.g-circle i:nth-child(3){inset:150px;border-width:2px;animation-duration:2.6s;background:radial-gradient(circle,color-mix(in srgb,var(--rc) 70%,transparent),transparent 65%)}
@keyframes gSpin{to{transform:rotate(360deg)}}
.g-orb{position:absolute;left:50%;top:52%;width:40px;height:40px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff,var(--rc) 45%,transparent 70%);animation:gCharge 1.3s ease-in forwards}
@keyframes gCharge{to{width:260px;height:260px;filter:brightness(1.7)}}
.burst .g-orb{display:none}
.g-pillar{position:absolute;left:50%;top:0;bottom:0;width:0;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--rc),#fff,var(--rc),transparent);opacity:0;filter:blur(2px)}
.burst .g-pillar{animation:gPillar .8s ease-out forwards}
@keyframes gPillar{0%{width:0;opacity:1}35%{width:460px;opacity:1}100%{width:170px;opacity:.3}}
.g-sparks b{position:absolute;left:50%;top:56%;width:7px;height:7px;border-radius:50%;background:var(--rc);box-shadow:0 0 10px var(--rc);opacity:0}
.burst .g-sparks b{animation:gSpark 1s var(--d) ease-out forwards}
@keyframes gSpark{0%{opacity:1;transform:rotate(var(--a)) translateY(0)}100%{opacity:0;transform:rotate(var(--a)) translateY(-320px)}}
.g-card{position:absolute;z-index:3;left:50%;top:50%;width:300px;height:400px;margin:-210px 0 0 -150px;perspective:1200px;opacity:0;transform:translateY(-320px) scale(.6)}
.card-in .g-card{opacity:1;transform:none;transition:transform .45s cubic-bezier(.2,.9,.3,1.25),opacity .2s}
.g-back,.g-front{position:absolute;inset:0;border-radius:14px;backface-visibility:hidden;transition:transform .6s cubic-bezier(.3,.7,.3,1);box-shadow:0 0 0 3px #e9c46a,0 0 0 7px #1a0a10,0 0 46px var(--rc)}
.g-back{display:grid;place-items:center;background:radial-gradient(circle,#3c2a70,#120a24);color:var(--rc);font-size:96px;text-shadow:0 0 24px var(--rc)}
.g-front{transform:rotateY(180deg);overflow:hidden;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--rc) 50%,#1a1030),#0b0716 75%)}
.flip .g-back{transform:rotateY(180deg)}.flip .g-front{transform:rotateY(360deg)}
.g-art{position:absolute;left:50%;bottom:-6px;width:392px;height:392px;transform:translateX(-50%);background-repeat:no-repeat;filter:drop-shadow(0 0 8px #0009)}
.g-cap{position:absolute;bottom:56px;width:100%;text-align:center;color:#ffe9b0;font:600 18px var(--font);letter-spacing:2px;text-shadow:0 0 12px var(--rc)}
.done .g-cap{display:none}
.done .g-card{left:31%}
/* เอฟเฟกต์เรียกวาดด้วยโค้ด (summon-fx.js) แทนวง/ลูกแสง CSS เดิม */
.gacha .g-fx{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.gacha{background:radial-gradient(ellipse at 50% 60%,#140c26,#05030a 75%)}
.gacha .g-card{transition:left .6s cubic-bezier(.3,.8,.3,1)}
.card-in .g-card{transition:transform .5s cubic-bezier(.2,.9,.3,1.25),opacity .2s,left .6s cubic-bezier(.3,.8,.3,1)}
.g-cap{z-index:3}
.g-info{position:absolute;z-index:3;left:47%;top:50%;transform:translateY(-50%);width:min(560px,46%);padding:14px 22px 18px;border:22px solid transparent;border-image:url(assets/ui/tower/panel.webp) 52 fill / 22px stretch;animation:fadein .4s}
.g-rar{display:inline-block;padding:3px 14px;border-radius:20px;background:color-mix(in srgb,var(--rc) 30%,#120a20);border:1px solid var(--rc);color:#fff;font-weight:700;text-shadow:0 0 8px var(--rc)}
.g-info small{display:block;margin-top:8px;color:#c9b88f;letter-spacing:2px}
.g-info h2{margin:2px 0 6px;font:700 34px 'Noto Serif Thai',serif;color:#fff1cc;text-shadow:0 0 18px var(--rc)}
.g-info p{margin:8px 0;font-size:13.5px;color:#d9d0e6;line-height:1.6}
.g-skills{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0 12px}
.g-skills>div{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:4px 6px;border-radius:6px;background:#0b071299;border:1px solid #c9a35a44}
.g-skills .g-sk{grid-row:1/3;width:44px;height:44px}.g-skills b{font-size:13px;color:#ffe9b0}.g-skills small{margin:0;font-size:11px;letter-spacing:0}
.g-acts{display:flex;gap:10px;flex-wrap:wrap}

/* ---- แรงค์พลังรวม ---- */
.pot-rank{display:flex;align-items:center;justify-content:center;gap:16px;margin:4px auto 6px;padding:6px 28px;width:max-content;border:12px solid transparent;border-width:8px 26px;border-image:url(assets/ui/tower/card.webp) 34 44 fill / 8px 26px stretch;animation:evIn2 .5s ease-out}
.pot-rank small{color:#c9b88f;font-size:12px}
.pot-rank b{font:900 46px/1 'Noto Serif Thai',serif;color:#ffe08a;text-shadow:0 0 18px #ffb03a,0 3px 0 #3a1a08}
.pot-rank span{color:#ffe9b0;font-weight:700}
@keyframes evIn2{from{opacity:0;transform:scale(.8)}}

/* ลูกศรเดิน: จัดกึ่งกลางด้วย margin (เดิมใช้ transform → ตอนชี้ ปุ่มกระโดดหลบ) */
#stage .game .path-choice button[data-action="step"]{transform:none!important;margin:-62px 0 0 -27px}

/* หลังการ์ดบอกใบ้ (พี่: "ไพ่ 2 ใบเลือกแบบเดาล้วน") */
.encounter-cover .cv-lv{display:block;font:800 16px var(--font)!important;color:#fff!important;letter-spacing:0!important;text-shadow:0 1px 3px #000}
.encounter-cover .cv-danger{display:inline-block;margin-top:2px;padding:1px 10px;border-radius:12px;background:color-mix(in srgb,var(--dc) 30%,#120a10);border:1px solid var(--dc);color:#fff!important;font:700 12px var(--font)!important;letter-spacing:0!important}
/* ลูกศรเดิน: ทางอันตราย = แดง · ทางที่เพิ่งมา = จางลง */
#stage .game .path-choice button[data-action="step"].danger{filter:hue-rotate(-40deg) saturate(1.6) drop-shadow(0 0 8px #ff3a2a)}
#stage .game .path-choice button[data-action="step"].back{opacity:.7}
#stage .modal-box.encounter-modal{width:720px!important}

/* ---- ฉากชนะ: หีบสมบัติ + ป้ายสล็อต (ไม่มีหน้าต่างสรุป) ---- */
#stage #modal.chest-backdrop{padding:0;display:block;background:radial-gradient(ellipse at 50% 55%,#3a2a52,#120a1e 62%,#07040c)!important;backdrop-filter:none}
.vc-scene{position:absolute;inset:0;overflow:hidden;animation:fadein .3s}
.vc-top{position:absolute;top:22px;left:0;right:0;text-align:center;color:#fff1cc;text-shadow:0 2px 4px #000}
.vc-top small{display:block;font:700 13px var(--font);letter-spacing:6px;color:#ffd56a}
.vc-top b{display:block;font:700 26px 'Noto Serif Thai',serif}
.vc-tally{display:inline-flex;gap:18px;margin-top:4px;font:700 16px var(--font);color:#ffe9a8}.vc-tally i{font-style:normal}
.vc-chest{position:absolute;left:50%;top:92px;width:520px;height:420px;margin-left:-260px}
.vc-prize{position:absolute;left:50%;top:250px;width:96px;height:96px;margin-left:-48px;display:grid;place-items:center;animation:vcPrize .6s cubic-bezier(.2,1.4,.4,1) both;filter:drop-shadow(0 0 14px #ffe9a0)}
.vc-prize .item-art{width:96px;height:96px;border:0!important;box-shadow:none!important;background-color:transparent!important;
  border-radius:10px;box-shadow:0 0 0 2px #e9c46a,0 6px 18px #000a}
@keyframes vcPrize{from{opacity:0;transform:translateY(70px) scale(.3)}}
.vc-glyph{font:900 72px/1 var(--font);color:#ffe066;-webkit-text-stroke:3px #3a1a06;text-shadow:0 4px 0 #3a1a06}.vc-glyph.exp{color:#9fe8ff}
.vc-reel{position:absolute;left:0;right:0;margin:0 auto;bottom:150px;width:460px;height:62px;cursor:pointer;
  border-radius:31px;background:linear-gradient(#ffe48a,#d79a2c 55%,#9a5a14);box-shadow:0 0 0 3px #3a1a06,0 6px 0 #3a1a06,0 0 30px #ffcf5a66}
.vc-win{position:absolute;left:26px;right:26px;top:8px;height:46px;overflow:hidden;border-radius:23px;background:#fffaf0;box-shadow:inset 0 3px 6px #0006;
  -webkit-mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent)}
.vc-strip div{height:46px;display:grid;place-items:center;font:800 20px var(--font);color:#3a1a06;white-space:nowrap}
.vc-hint{position:absolute;left:0;right:0;top:70px;text-align:center;color:#d8c8a8;font-size:13px;letter-spacing:2px;animation:pathBob 1s ease-in-out infinite}
.vc-reel.stopped{cursor:default;animation:vcStop .35s}.vc-reel.stopped .vc-hint{display:none}
@keyframes vcStop{40%{transform:scale(1.06)}}
.vc-say{position:absolute;left:0;right:0;margin:0 auto;bottom:18px;width:min(860px,90%);display:flex;align-items:center;gap:18px;padding:6px 20px;
  border:12px solid transparent;border-width:10px 28px;border-image:url(assets/ui/tower/parch.webp) 30 60 fill / 10px 28px stretch;color:#2a1a08;animation:fadein .3s}
.vc-say p{flex:1;margin:0;font:600 18px/1.5 var(--font)}.vc-say p b{color:#8a2a08}.vc-say .good{color:#1d6a2a;font-size:15px}.vc-say .gold{color:#8a5a08;font-size:15px}
.vc-acts{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}

/* หน้าพลังที่ติดตัวมา: ปุ่มเริ่มเคยตกขอบ (เนื้อหา 676px > กล่อง 590px) → ค่าสถานะ 6 ตัวเรียงแถวเดียว · ลดช่องไฟ */
#stage .rebirth-stage .stat-chips{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:8px!important;margin:6px 0 12px!important}
#stage .rebirth-stage .stat-chip{padding:6px 4px!important;min-height:0!important}
#stage .rebirth-stage .stat-chip strong{font-size:20px!important}
#stage .rebirth-stage>p{margin:4px 0!important}
#stage .rebirth-stage .pot-rank{margin:2px auto 2px}

/* ไอคอนช่องที่จะตก ใต้ลูกศรแต่ละทาง */
#stage .game .path-choice button[data-action="step"] .pv-ends{position:absolute;left:50%;top:100%;margin:3px 0 0 -40px;width:80px;display:flex;justify-content:center;gap:3px;font-style:normal;pointer-events:none}
#stage .game .path-choice .pv-ends i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#100a14e0;border:2px solid var(--c);color:var(--c);font:700 11px var(--font);font-style:normal;box-shadow:0 0 8px var(--c)}

/* ภาพเหตุการณ์ไม่มีกรอบ (พี่: "ไม่ชอบภาพเหตุการณ์ที่อยู่ในกรอบ") → ขอบภาพจางกลืนกับฉากหลังเบลอ */
#stage .ev-art{width:460px;height:460px;top:43%;border-radius:0;box-shadow:none;
  border-radius:10px;box-shadow:0 0 0 3px #c9a35a,0 0 0 6px #1a0a10,0 24px 60px #000c}
#stage .ev-bg{filter:blur(26px) brightness(.62) saturate(1.3)}
/* พี่: ไอคอนชนิดช่องใต้ลูกศรดูเหมือนรั้วทะลุทางเดิน → ซ่อน (เหลือจุดเรืองแสงบนช่องปลายทาง) */
#stage .game .path-choice .pv-ends{display:none!important}
/* ขวดความเข้มข้นโชคชะตา (ฉากเทพี) */
.fate-flask{position:absolute;z-index:3;right:46px;top:40px;display:flex;align-items:center;gap:14px;padding:12px 18px 12px 14px;border-radius:14px;background:#0b0712c8;border:1px solid #c9a35a77;box-shadow:0 8px 30px #000a;animation:fadein .8s .3s both}
.ff-glass{position:relative;width:74px;height:104px;border-radius:24px 24px 30px 30px;overflow:hidden;background:radial-gradient(ellipse at 35% 25%,#ffffff40,transparent 40%),#ffffff12;border:2px solid #e9dcff99;box-shadow:inset 0 0 14px #ffffff30,0 0 22px #b48cff66}
.ff-glass:before{content:'';position:absolute;left:24px;right:24px;top:-2px;height:12px;border-radius:0 0 6px 6px;background:#c9a35a;box-shadow:0 2px 0 #3a1a06}
.ff-liquid{position:absolute;left:0;right:0;bottom:0;height:calc(var(--fill)*88% + 6%);background:linear-gradient(#ffe08a,#c88cff 45%,#6a3cff);box-shadow:0 0 22px #c88cff;animation:ffWave 3s ease-in-out infinite alternate}
.ff-liquid:before{content:'';position:absolute;left:-10%;right:-10%;top:-5px;height:10px;border-radius:50%;background:#fff6c8aa}
@keyframes ffWave{to{filter:brightness(1.25) hue-rotate(-15deg)}}
.ff-bubbles{position:absolute;inset:0;background:radial-gradient(circle at 30% 80%,#fff9 2px,transparent 3px),radial-gradient(circle at 65% 60%,#fff8 1.5px,transparent 2.5px),radial-gradient(circle at 45% 90%,#fffa 2px,transparent 3px);animation:ffBub 2.4s linear infinite}
@keyframes ffBub{from{transform:translateY(20px);opacity:.9}to{transform:translateY(-60px);opacity:0}}
.ff-grade{position:absolute;left:0;right:0;top:38%;text-align:center;font:900 22px/1 'Noto Serif Thai',serif;color:#fff;text-shadow:0 0 10px #ffb03a,0 2px 0 #3a1a06}
.ff-info{display:flex;flex-direction:column;gap:2px;color:#e8dcc4;max-width:260px}
.ff-info small{color:#c9b88f;font-size:12px;letter-spacing:1px}
.ff-info b{font:800 24px var(--font);color:#ffe08a}
.ff-info span{font-size:13.5px}.ff-info em{font-style:normal;color:#ffe08a;font-weight:800}
.ff-info .ff-how{margin-top:4px;font-size:11px;letter-spacing:0;color:#9a8a70}

/* 2) ลูกเต๋าไม่บังตัวละคร/มอน: ย้ายไปมุมบนด้านนอกของแต่ละแผง */
.bt #player-panel .battle-dice{left:64px!important;right:auto!important;transform:none!important;top:64px!important}
.bt #enemy-panel .battle-dice{left:auto!important;right:64px!important;transform:none!important;top:64px!important}
/* 5) ของที่อาจดรอปในหน้าเผชิญหน้า + ป้ายรายละเอียดเมื่อชี้ */
.bt-drops{margin-top:6px}.bt-drops>small{display:block;color:#c9b88f;font-size:11px;margin-bottom:3px}
.bt-drops>div{display:flex;flex-wrap:wrap;gap:4px}
.bd-it{position:relative;width:38px;height:38px;display:grid;place-items:center;border-radius:6px;background:#0b0712cc;border:1px solid #c9a35a55;cursor:help}
.bd-it.bd-card{border-color:#c88cff}
.bd-it .item-art,.bd-it img{width:32px;height:32px;object-fit:contain}
.bd-it .vc-glyph{font-size:20px;-webkit-text-stroke:1px #3a1a06;text-shadow:none}.vc-glyph.gear{color:#9fe8ff}
.bd-tip{display:none;position:absolute;z-index:20;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);width:220px;padding:8px 10px;border-radius:8px;background:#0b0712f2;border:1px solid #c9a35a;box-shadow:0 8px 20px #000c;font-style:normal;text-align:left;pointer-events:none}
.bd-it:hover .bd-tip,.bd-it:focus .bd-tip{display:block}
.bd-tip b{display:block;color:#ffe9b0;font-size:13px}.bd-tip small{display:block;color:#d8ccb4;font-size:11.5px;line-height:1.4;margin:2px 0}.bd-tip em{display:block;color:#7dff8a;font-style:normal;font-weight:700;font-size:12px}

/* ภาพมอนในฉากต่อสู้ถูกจัดกลางด้วย transform · กลับด้านต้องรวมใน transform เดียว (scale แยกทำให้เลื่อนตกขอบ) */
.bt .fighter-figure.monster-art{scale:1 1!important;transform:translateX(-50%) scaleX(var(--flip,1))!important}
/* การ์ดชะตา: หลังการ์ดเหตุการณ์ = หลังการ์ดเกมหอคอย · การ์ดมอนอันตรายมีเอฟเฟกต์น่ากลัว (พี่ 2026-11-09) */
.encounter-card.event-card .card-cover-art{filter:none!important;opacity:1!important}
.encounter-card .dg-fx{position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;overflow:hidden}
.encounter-card.dg-2 .card-turn{box-shadow:0 0 14px #ffd56a55}
.encounter-card.dg-3 .card-turn{animation:dgPulse 1.4s ease-in-out infinite}
.encounter-card.dg-3 .dg-fx{background:radial-gradient(ellipse at 50% 110%,#ff3a1a66,transparent 60%)}
.encounter-card.dg-3 .dg-fx i{position:absolute;bottom:-20%;width:60%;height:60%;left:20%;border-radius:50%;background:radial-gradient(circle,#ff5a2a55,transparent 65%);filter:blur(8px);animation:dgRise 2.4s ease-in infinite}
.encounter-card.dg-3 .dg-fx i:nth-child(2){left:-10%;animation-delay:.8s}.encounter-card.dg-3 .dg-fx i:nth-child(3){left:50%;animation-delay:1.6s}
@keyframes dgPulse{50%{box-shadow:0 0 26px #ff4a1a,0 0 2px #ff9a4a inset}}
@keyframes dgRise{0%{transform:translateY(0) scale(.8);opacity:0}30%{opacity:1}100%{transform:translateY(-140%) scale(1.4);opacity:0}}
.encounter-card.dg-4 .card-turn{animation:dgHeart 1.1s ease-in-out infinite}
.encounter-card.dg-4 .card-cover-art{filter:saturate(.6) brightness(.55) hue-rotate(-20deg)!important}
.encounter-card.dg-4 .dg-fx{background:radial-gradient(ellipse at 50% 50%,transparent 35%,#200006cc 80%),linear-gradient(transparent 55%,#5a0008aa)}
.encounter-card.dg-4 .dg-fx i{position:absolute;inset:-20%;background:radial-gradient(circle at 30% 70%,#000c 0,transparent 30%),radial-gradient(circle at 70% 60%,#1a0004cc 0,transparent 32%),radial-gradient(circle at 50% 90%,#000d 0,transparent 35%);filter:blur(10px);animation:dgSmoke 4s linear infinite}
.encounter-card.dg-4 .dg-fx i:nth-child(2){animation-duration:5.5s;animation-direction:reverse;opacity:.8}
.encounter-card.dg-4 .dg-fx i:nth-child(3){inset:0;filter:none;background:linear-gradient(115deg,transparent 46%,#ff2a2a 47.5%,#fff 48%,#ff2a2a 48.5%,transparent 50%),linear-gradient(70deg,transparent 60%,#ff2a2a 61%,#ffd 61.4%,#ff2a2a 61.8%,transparent 63%);opacity:0;animation:dgBolt 2.6s steps(1) infinite}
@keyframes dgHeart{0%,100%{transform:none;box-shadow:0 0 18px #c00}12%{transform:scale(1.025) rotate(-.4deg);box-shadow:0 0 34px #f22}24%{transform:scale(1)}36%{transform:scale(1.018) rotate(.4deg);box-shadow:0 0 30px #f22}}
@keyframes dgSmoke{to{transform:rotate(360deg) scale(1.1)}}
@keyframes dgBolt{0%,100%{opacity:0}40%{opacity:1}43%{opacity:0}47%{opacity:.8}50%{opacity:0}}
.encounter-card.dg-4 .encounter-cover b,.encounter-card.dg-4 .cv-danger{animation:dgText 1.1s steps(2) infinite}
@keyframes dgText{50%{color:#ff4a4a!important;text-shadow:0 0 8px #f00}}
.encounter-card.is-elite .encounter-cover b{color:#ffd56a!important;text-shadow:0 0 10px #ffb03a}
.encounter-card .encounter-cover>b,.encounter-card .encounter-cover>small{position:relative;z-index:3}
/* หลังการ์ดเหตุการณ์เต็มใบ ไม่มีกรอบทองซ้อน ไม่มีชื่อ (พี่ 2026-11-09: "การ์ดต้องเต็มใบ · ชื่อเหตุการณ์เป็นความลับ") */
.encounter-card.event-card .encounter-cover{border:0!important;background:none!important;padding:0!important}
.encounter-card.event-card .encounter-cover:before{display:none!important}
.encounter-card.event-card .encounter-cover .card-cover-art{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;border:0!important;border-radius:inherit!important;box-shadow:none!important;background-size:100% 100%!important}
/* ตัวนับช่องที่เหลือ = ลูกเต๋าค้างที่ซ้ายบน ที่เดียวกับตอนทอย */
#stage .game .steps-die .gdie{animation:none}

/* ไอคอนบัพ/ดีบัพเรียงล่างแผง (บัพก่อน · ดีบัพเรืองแดง) · สกิลศัตรูย้ายไปมุมขวาล่าง (ลูกเต๋าสองฝั่งอยู่ระดับเดียวกัน) */
.bt .status-tags{position:absolute!important;top:auto!important;right:auto!important;left:18px!important;bottom:18px!important;display:flex!important;flex-wrap:wrap;gap:6px;z-index:6;max-width:62%}
.bt .enemy-skill-strip{top:auto!important;bottom:18px!important;right:18px!important;z-index:6}
.bt .enemy-skill-art{width:38px!important;height:38px!important;border-radius:6px}
.st-chip{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#2a3a5a,#0b0712);border:2px solid #7fe0ff;color:#dff6ff;cursor:help;box-shadow:0 2px 6px #000a}
.st-chip>b{font:800 18px/1 var(--font)}
.st-chip>small{position:absolute;right:-4px;bottom:-4px;min-width:16px;padding:0 3px;border-radius:8px;background:#0b0712;border:1px solid currentColor;font:700 10px/14px var(--font);text-align:center}
.st-chip.debuff{border-color:#ff5a4a;color:#ffd0c8;background:radial-gradient(circle at 50% 35%,#5a1a1a,#140708);box-shadow:0 0 10px #ff3a2a99,0 2px 6px #000a;animation:stDeb 1.6s ease-in-out infinite}
.st-chip.aff{border-color:#ffd56a;color:#ffe08a}
@keyframes stDeb{50%{box-shadow:0 0 16px #ff3a2acc,0 2px 6px #000a}}
.st-chip:hover .bd-tip,.st-chip:focus .bd-tip{display:block}
.st-chip .bd-tip{bottom:calc(100% + 10px);left:0;transform:none}
/* ป้ายสกิลติดตัวทำงาน (แบบเกมไดโนเสาร์) */
.passive-pop{position:absolute;z-index:8;left:50%;top:24%;display:flex;align-items:center;gap:8px;padding:5px 14px 5px 6px;border-radius:24px;background:#0b0712e6;border:2px solid #ffd56a;box-shadow:0 0 16px #ffb03a88;pointer-events:none;white-space:nowrap}
.passive-pop .pp-ic{width:32px;height:32px;border-radius:50%}
.passive-pop b{font:800 16px var(--font);color:#ffe08a;text-shadow:0 2px 0 #3a1a06}
#stage .bt .st-chip:hover .bd-tip,#stage .bt .st-chip:focus .bd-tip,#stage .bd-it:hover .bd-tip,#stage .bd-it:focus .bd-tip{display:block!important}

/* ของในการ์ดเหตุการณ์ (พี่ 2026-11-09): ไอคอนเหนือปุ่มตัวเลือก ชี้/แตะ = ชื่อ รายละเอียด ใช้ทำอะไร · หน้าผลลัพธ์มีการ์ดของที่ได้ */
.ev-ch{display:flex;flex-direction:column;align-items:center;gap:4px}
.ev-chips{display:flex;gap:4px;justify-content:center}
.ev-it{width:34px;height:34px;background:#2a1a0e;border-color:#c9a35a}
.ev-it.cost{border-color:#e06a5a;background:#3a1210}
.ev-it .item-art,.ev-it img{width:28px;height:28px}
.ev-it .vc-glyph{color:#9fe8ff;font-size:18px}
.ev-q{position:absolute;right:-4px;bottom:-5px;font:700 11px/1 sans-serif;color:#fff;background:#4a2508;border:1px solid #e9c46a;border-radius:6px;padding:1px 3px}
.ev-it.cost .ev-q{background:#8a1e14}
.ev-it .bd-tip{width:240px}
.ev-got{display:flex;gap:8px;flex-wrap:wrap;margin-top:5px}
.ev-gc{display:flex;gap:7px;align-items:center;max-width:300px;padding:4px 8px;border-radius:8px;background:#2a1a0ee6;border:1px solid #c9a35a}
.ev-gi{width:36px;height:36px;flex:none;display:grid;place-items:center}.ev-gi .item-art,.ev-gi img{width:34px;height:34px;object-fit:contain}
.ev-gc b{display:block;font-size:13px;color:#ffe9b0}.ev-gc small{display:block;font-size:11.5px;line-height:1.35;color:#e8dcc4}