/* คัมภีร์ค่ายกล */
.fm-open-btn{width:100%;margin-top:6px}.fm-open-btn.on{border-color:#22c55e;color:#86efac}
.fm-sel{border:1px solid color-mix(in srgb,var(--fc) 45%,transparent);border-radius:14px;padding:10px;background:linear-gradient(160deg,color-mix(in srgb,var(--fc) 12%,transparent),transparent 60%)}
.fm-sel-h{display:flex;align-items:center;gap:10px}.fm-sel-h>div{flex:1;min-width:0}.fm-sel-h b{display:block;color:var(--text-primary);font-size:13px}.fm-sel-h small{font-size:10.5px;color:var(--text-mute)}
.fm-cn{font:700 20px "Noto Serif TC",serif!important;color:var(--fc)!important;display:inline!important}
.fm-st{font-size:10.5px;padding:2px 8px;border-radius:8px;background:var(--surface-panel-2);color:var(--text-mute)}.fm-st.on{background:rgba(34,197,94,.18);color:#86efac}
.fm-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px auto 6px;max-width:200px}
.fm-c{height:46px;border-radius:10px;border:1px dashed var(--border-soft);display:flex;flex-direction:column;align-items:center;justify-content:center}
.fm-c i{font:700 16px "Noto Serif TC",serif;font-style:normal;color:var(--text-primary)}.fm-c small{font-size:9px;color:var(--text-mute)}
.fm-c.no{opacity:.35}.fm-c.me{border-style:solid;border-color:#e9bb61}.fm-c.me i{color:#fde68a}
.fm-c.ok{border-style:solid;border-color:#22c55e;background:rgba(34,197,94,.1)}.fm-c.bad{border-style:solid;border-color:#ef4444;background:rgba(239,68,68,.08)}
.fm-bon{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;font-size:12px;color:var(--text-primary)}.fm-bon b{color:#fde68a}.fm-bon small{width:100%;font-size:10px;color:var(--text-mute)}
.fm-xp{height:4px;border-radius:3px;background:var(--surface-panel-2);margin-top:6px;overflow:hidden}.fm-xp i{display:block;height:100%;background:var(--fc)}
.fm-acts{display:flex;gap:6px;margin-top:8px}.fm-acts .btn{flex:1}
.fm-list{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0 6px}
.fm-it{border-radius:10px;padding:6px 4px;text-align:center;background:var(--surface-page-2);border:1px solid color-mix(in srgb,var(--fc) 35%,transparent);position:relative;cursor:pointer}
.fm-it b{display:block;font:700 13px "Noto Serif TC",serif;color:var(--fc)}.fm-it span{font-size:9.5px;color:var(--text-mute);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fm-it small{position:absolute;top:2px;right:5px;font-size:9px;color:var(--text-mute)}
.fm-it.lk{opacity:.4}.fm-it.cur{box-shadow:0 0 0 2px var(--fc)}.fm-it.eq::after{content:'';position:absolute;top:4px;left:4px;width:6px;height:6px;border-radius:50%;background:#22c55e}
.fm-src{font-size:10px;color:var(--text-mute);text-align:center;margin-bottom:6px}
/* วิญญาณเตา */
.fs-chip{margin-left:auto;display:flex;align-items:center;gap:6px;padding:4px 9px;border-radius:10px;border:1px solid rgba(251,146,60,.5);background:rgba(251,146,60,.1);color:var(--text-primary);font-size:11px;position:relative}
.fs-chip b{font:700 13px "Noto Serif TC",serif;color:#fb923c}.fs-chip i{width:34px;height:4px;border-radius:2px;background:linear-gradient(90deg,#fb923c var(--p),rgba(255,255,255,.1) var(--p))}
.fs-chip em{position:absolute;top:-6px;right:-6px;width:16px;height:16px;border-radius:50%;background:#dc2626;color:#fff;font:700 10px/16px sans-serif;text-align:center;font-style:normal}
.fs-cn{font-family:"Noto Serif TC",serif;color:#fb923c}
.fs-lv{display:flex;align-items:center;gap:8px;margin:8px 0}.fs-lv b{font-size:13px;color:var(--text-primary);white-space:nowrap}.fs-lv small{font-size:10px;color:var(--text-mute);white-space:nowrap}
.fs-bar{flex:1;height:6px;border-radius:3px;background:var(--surface-panel-2);overflow:hidden}.fs-bar i{display:block;height:100%;background:linear-gradient(90deg,#f97316,#fbbf24)}
.fs-sum{font-size:11.5px;color:#fdba74;margin-bottom:8px;line-height:1.6}
.fs-pickh{font-size:12px;font-weight:700;color:var(--text-primary);margin:6px 0}
.fs-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}
.fs-opt{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:12px;border:1px solid rgba(251,146,60,.5);background:var(--surface-page-2);color:var(--text-primary)}
.fs-opt b{font:700 20px "Noto Serif TC",serif;color:#fb923c}.fs-opt span{font-size:11px;font-weight:700}.fs-opt small{font-size:9.5px;color:var(--text-mute);text-align:center;line-height:1.35}
.fs-tree{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}
.fs-row{display:grid;grid-template-columns:20px repeat(3,1fr);gap:4px;align-items:center}.fs-row .n{font-size:10px;color:var(--text-mute);text-align:center}
.fs-row .t{text-align:center;font:700 13px "Noto Serif TC",serif;padding:3px 0;border-radius:7px;background:var(--surface-page-2);color:var(--text-mute)}.fs-row .t.on{background:rgba(251,146,60,.2);color:#fdba74;box-shadow:inset 0 0 0 1px #fb923c}.fs-row.lk{opacity:.35}
.fs-sec{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px}.fs-sec>div{border-radius:10px;padding:6px;text-align:center;background:var(--surface-page-2);border:1px dashed var(--border-soft)}
.fs-sec b{display:block;font:700 16px "Noto Serif TC",serif;color:var(--text-mute)}.fs-sec span{font-size:10px;color:var(--text-mute)}.fs-sec small{display:block;font-size:9px;color:#fdba74}
.fs-sec .on{border-style:solid;border-color:#fb923c}.fs-sec .on b{color:#fb923c}
/* สระผสมสายพันธุ์ */
.brd-card{margin-top:10px}
.brd-h{display:flex;align-items:center;gap:8px;margin-bottom:6px}.brd-h b{font-size:14px;color:var(--text-primary)}.brd-cn{font:700 15px "Noto Serif TC",serif;color:#f472b6}
.brd-list{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-height:260px;overflow-y:auto;margin:8px 0}
.brd-b{border-radius:10px;padding:6px 4px;text-align:center;background:var(--surface-page-2);border:1px solid color-mix(in srgb,var(--gc) 40%,transparent);cursor:pointer}
.brd-b i{font-style:normal;display:block;font-size:18px}.brd-b b{display:block;font-size:10.5px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brd-b small{font-size:9px;color:var(--text-mute)}
.brd-b.sel{box-shadow:0 0 0 2px #f472b6}.brd-b.eq{opacity:.45}
.brd-go{display:flex;flex-direction:column;gap:6px}.brd-bl{display:flex;gap:6px;align-items:center;font-size:11px;color:var(--text-mute);cursor:pointer}
.brd-bl i{width:14px;height:14px;border-radius:4px;border:1px solid var(--border-soft)}.brd-bl.on i{background:#dc2626;border-color:#dc2626}.brd-bl.on{color:#fca5a5}
.brd-run{display:flex;flex-direction:column;gap:6px;align-items:center}.brd-par{display:flex;gap:10px;align-items:center;font-size:24px}.brd-par i{font-style:normal;color:#f472b6;font-size:14px}
.brd-bar{width:100%;height:6px;border-radius:3px;background:var(--surface-panel-2);overflow:hidden}.brd-bar i{display:block;height:100%;background:linear-gradient(90deg,#f472b6,#fbbf24)}
.brd-t{font-size:11.5px;color:var(--text-mute)}.brd-t b{color:#86efac}.brd-t .bl{color:#fca5a5}
/* ตำรายันต์ */
.tl-cn{font-family:"Noto Serif TC",serif;color:#dc2626}
.tl-list{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:6px 0}
.tl-it{border-radius:8px;padding:5px 0;background:#f5e6b8;border:1px solid #b45309;display:flex;flex-direction:column;align-items:center}
.tl-it b{font:700 16px "Noto Serif TC",serif;color:#b91c1c}.tl-it small{font-size:9px;color:#78350f;min-height:11px}.tl-it.on{box-shadow:0 0 0 2px #fbbf24}.tl-it.lk{opacity:.35;background:#3a342a}
.tl-info{display:flex;flex-direction:column;gap:2px;margin:4px 0 6px}.tl-info b{font-size:13px;color:var(--text-primary)}.tl-info small{font-size:10.5px;color:var(--text-mute)}
.tl-paper{position:relative;margin:0 auto;width:min(300px,100%);aspect-ratio:1;background:#f5e6b8;border-radius:6px;box-shadow:inset 0 0 0 3px #b45309,inset 0 0 30px rgba(120,53,15,.35)}
.tl-paper canvas{width:100%;height:100%;display:block;touch-action:none}
.tl-res{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}
.tl-res b{font:700 90px "Noto Serif TC",serif;text-shadow:0 0 20px rgba(0,0,0,.5);animation:r7stamp .9s forwards}.tl-res span{font-size:12px;color:#78350f;font-weight:700}
.tl-acts{display:flex;gap:6px;margin:8px 0}.tl-acts .btn{flex:1}
.tl-auto{display:flex;gap:6px;align-items:center;font-size:11px;color:var(--text-mute);margin-bottom:6px}
@keyframes r7stamp{0%{transform:scale(2.2) rotate(-12deg);opacity:0}25%{transform:scale(.95) rotate(-6deg);opacity:1}100%{transform:scale(1) rotate(-6deg);opacity:1}}
/* มหาประลอง: ข้อมูลคู่แข่ง */
.tr-scout{margin-top:10px}.tr-h b{font-size:13px;color:var(--text-primary)}.tr-h small{display:block;font-size:10px;color:var(--text-mute);margin:2px 0 8px}
.tr-o{display:flex;gap:9px;align-items:flex-start;padding:7px 8px;border-radius:10px;background:var(--surface-page-2);margin-bottom:5px}
.tr-o.me{box-shadow:inset 0 0 0 1px #e9bb61}.tr-o .cn{font:700 18px "Noto Serif TC",serif;color:#fca5a5;width:26px;text-align:center}
.tr-o>div{flex:1;min-width:0}.tr-o b{font-size:12px;color:var(--text-primary)}.tr-o small{display:block;font-size:10px;color:var(--text-mute)}.tr-o p{margin:2px 0 0;font-size:10.5px;color:var(--text-dim)}
.tr-o .pw{font-size:10px;color:#fbbf24;white-space:nowrap}
/* แดนโบราณชุดสอง */
.ard-box{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}
.ard-depth{display:flex;align-items:baseline;gap:8px;padding:6px 10px;border-radius:10px;background:linear-gradient(90deg,rgba(251,191,36,.14),transparent);font-size:12px;color:var(--text-primary)}.ard-depth b{font-size:15px;color:#fde68a}.ard-depth span{font-size:10.5px;color:var(--text-mute)}
.ard-riv b{font-size:12px;color:var(--text-primary)}.ard-r{display:grid;grid-template-columns:90px 1fr 40px;gap:8px;align-items:center;font-size:11px;margin-top:5px;color:#f87171}
.ard-r i{height:5px;border-radius:3px;background:var(--surface-panel-2);overflow:hidden}.ard-r em{display:block;height:100%;background:#f87171}.ard-r small{color:var(--text-mute);text-align:right}.ard-r.dead{opacity:.45;text-decoration:line-through}
.ard-jr summary{font-size:12px;color:var(--text-primary);cursor:pointer}.ard-j{display:flex;gap:8px;align-items:center;font-size:11px;margin-top:5px;color:var(--text-mute)}.ard-j b.ok{color:#4ade80}.ard-j b.no{color:#f87171}.ard-j .gi-svg{width:12px;height:12px}
/* มหาประลอง: เดิมพัน */
.tr-bet{margin-top:10px}.tr-bm{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:center;margin-bottom:6px}.tr-bm i{font-style:normal;font-size:10px;color:var(--text-mute)}
.tr-bs{border:1px solid var(--border-soft);border-radius:10px;padding:6px;background:var(--surface-page-2);color:var(--text-primary);display:flex;flex-direction:column;align-items:center}
.tr-bs b{font-size:11.5px}.tr-bs small{font-size:9.5px;color:var(--text-mute)}.tr-bs.on{border-color:#fbbf24;background:rgba(251,191,36,.12)}.tr-bs:disabled{opacity:.6}
