.th-pod{display:flex;align-items:flex-end;justify-content:center;gap:6px;padding:14px 10px 0;margin-bottom:8px;border-radius:12px;background:radial-gradient(ellipse at 50% 0,#3b2a14,#120e08 75%);overflow:hidden}
.th-p{flex:1;max-width:120px;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}
.th-face{width:54px;height:54px;border-radius:50%;overflow:hidden;border:2px solid #8a6a30;background:#1a130a;display:grid;place-items:center}
.th-p1 .th-face{width:70px;height:70px;border-color:#e9bb61;box-shadow:0 0 16px rgba(233,187,97,.5)}
.th-face canvas{width:100%!important;height:100%!important;display:block}
.th-ini{font:900 22px "Noto Serif TC",serif;color:#e9bb61}
.th-nm{font-size:12px;font-weight:700;color:#f3e6c4;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.th-rl{font-size:10px;color:#b49a6a}
.th-step{width:100%;margin-top:4px;border-radius:8px 8px 0 0;background:linear-gradient(#5a431e,#2a1f0e);border:1px solid #8a6a30;border-bottom:0;display:grid;place-items:center}
.th-step b{font:900 22px "Noto Serif TC",serif;color:#e9bb61}
.th-p1 .th-step{height:64px;background:linear-gradient(#9b7430,#3a2a10);border-color:#e9bb61}.th-p2 .th-step{height:46px}.th-p3 .th-step{height:34px}
.th-p1 .th-step b{font-size:30px;text-shadow:0 0 10px rgba(233,187,97,.6)}
.th-p.me .th-nm{color:#86efac}
.th-me{position:sticky;bottom:calc(78px + env(safe-area-inset-bottom,0px));z-index:3;display:flex;align-items:center;gap:8px;margin-top:8px;padding:9px 14px;border-radius:99px;background:linear-gradient(90deg,#2a1f0e,#15110b);border:1px solid #e9bb61;box-shadow:0 6px 18px rgba(0,0,0,.5);color:#f3e6c4;font-size:12.5px;cursor:pointer}
.th-me>b{font:900 16px "Noto Serif TC",serif;color:#e9bb61}
.th-me-n{font-weight:700}
.th-me-d.up{color:#4ade80;font-weight:700}.th-me-d.dn{color:#f87171;font-weight:700}
.th-me-h{margin-left:auto;font-size:10.5px;color:#b49a6a}
.ch-bar{background:var(--surface-page-2,#141414);border:1px solid var(--border-soft,#2c2c2c);border-radius:12px;padding:10px 12px 8px;margin-bottom:10px}
.ch-top{display:flex;justify-content:space-between;font-size:12px}.ch-top b{color:#e9bb61}.ch-top span{color:var(--text-dim,#888);font-variant-numeric:tabular-nums}
.ch-m{position:relative;height:10px;border-radius:99px;background:#1f1c28;margin:14px 0 6px}
.ch-m i{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:linear-gradient(90deg,#5fd3a2,#e9bb61)}
.ch-m em{position:absolute;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:#15131b;border:1px solid var(--c);color:var(--c);font:900 11px "Noto Serif TC",serif;font-style:normal;display:grid;place-items:center}
.ch-m em.on{background:var(--c);color:#15131b}
.ch-m em:last-child{margin-left:-20px}
.ch-sub{font-size:10.5px;color:var(--text-dim,#888);margin-top:8px}
.ch-rd{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.ch-open{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;border:1px solid var(--c);background:color-mix(in srgb,var(--c) 18%,#111);color:#fff;font-size:12px;animation:trPulse 1.6s infinite}
.ch-open b{font:900 15px "Noto Serif TC",serif;color:var(--c)}