.tr-hx{position:relative;width:40px;height:44px;flex:0 0 auto;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(to top,color-mix(in srgb,var(--c) 45%,transparent) var(--p),var(--surface-panel-2,#1c1c1c) var(--p));display:flex;flex-direction:column;align-items:center;justify-content:center;margin-left:4px}
.tr-hx i{font-style:normal;font-family:serif;font-size:17px;color:var(--c);line-height:1}
.tr-hx b{font-size:9px;color:var(--text-secondary,#aaa);font-weight:600}
.tr-hx.rdy{background:color-mix(in srgb,var(--c) 55%,#000);animation:trPulse 1.6s ease-in-out infinite}
.tr-hx.rdy i{color:#fff;text-shadow:0 0 6px var(--c)}
@keyframes trPulse{50%{filter:brightness(1.35)}}
.tr-fire{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;z-index:6;animation:trFire 1.5s ease-out forwards}
.tr-fire .tr-glow{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--c) 45%,transparent),transparent 70%)}
.tr-fire b{position:relative;font-family:serif;font-size:64px;color:var(--c);text-shadow:0 0 18px var(--c)}
.tr-fire span{position:relative;font-size:12px;color:#fff;text-shadow:0 1px 3px #000}
@keyframes trFire{0%{opacity:0;transform:scale(1.4)}15%{opacity:1;transform:scale(1)}75%{opacity:1}100%{opacity:0}}
.tr-reveal{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.82);display:flex;align-items:center;justify-content:center;padding:16px}
.tr-rv-card{max-width:320px;text-align:center;color:#eee;animation:trFire 0s}
.tr-rv-card small{color:var(--c);letter-spacing:.2em}
.tr-rv-card .tr-hex{width:110px;height:122px;margin:14px auto;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:radial-gradient(circle,color-mix(in srgb,var(--c) 60%,#000),#0b0b0b);display:flex;align-items:center;justify-content:center;animation:trPulse 1.6s infinite}
.tr-rv-card .tr-hex b{font-family:serif;font-size:56px;color:#fff;text-shadow:0 0 16px var(--c)}
.tr-rv-card h3{color:var(--c);margin:6px 0}
.tr-rv-card p{font-size:12px;opacity:.8;line-height:1.5}
.tr-cx-intro{font-size:11px;color:var(--text-secondary,#aaa);margin:4px 0 8px;line-height:1.5}
.tr-cx{display:flex;gap:10px;padding:8px;border-radius:10px;background:var(--surface-page-2,#141414);margin-bottom:6px;border:1px solid color-mix(in srgb,var(--c) 30%,transparent)}
.tr-cx.lk{opacity:.55;filter:grayscale(.7)}
.tr-cx-hx{width:42px;height:46px;flex:0 0 auto;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:color-mix(in srgb,var(--c) 35%,#000);display:flex;align-items:center;justify-content:center}
.tr-cx-hx b{font-family:serif;font-size:20px;color:#fff}
.tr-cx-n{font-weight:700;color:var(--c);font-size:13px}
.tr-cx-l{font-size:11px;font-style:italic;opacity:.75;margin:2px 0 4px}
.tr-cx-r{font-size:11px;line-height:1.5}.tr-cx-r b{color:var(--c)}.tr-cx-r.dim{opacity:.7}
.tl-sl{position:relative;width:26px;height:46px;flex:0 0 auto;margin-left:4px;border-radius:3px;background:linear-gradient(#e9c46a,#c9993a);border:1px solid #8a5a1c;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:3px 0;box-shadow:inset 0 0 0 2px rgba(255,255,255,.15)}
.tl-sl i{font-style:normal;font-family:serif;font-size:15px;color:#9b1c1c;font-weight:700;line-height:1;margin-top:4px}
.tl-sl b{font-size:9px;color:#5b3510;line-height:1}
.tl-sl.out{filter:grayscale(1);opacity:.45}