.tc{--w:350px;--frame:#f4f1e8;--neutral:#d8d5cc;--type:#12161c;--type-mute:#12161ca8;--type-dim:#12161c94;--rule:#00000029;--tint:100%;--mid-f:color-mix(in srgb,var(--mid) var(--tint),var(--neutral));--deep-f:color-mix(in srgb,var(--deep) var(--tint),var(--neutral));width:var(--w);aspect-ratio:5/7;background:linear-gradient(170deg,var(--mid-f),var(--deep-f));font-family:var(--font-d),system-ui,sans-serif;color:var(--type);isolation:isolate;border-radius:14px;flex-direction:column;padding:10px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 42px -20px #0000008c}.tc:before{content:"";z-index:0;background:linear-gradient(175deg, color-mix(in srgb,var(--mid-f) 26%,var(--frame)), color-mix(in srgb,var(--deep-f) 16%,var(--frame)));border-radius:8px;position:absolute;inset:10px;box-shadow:inset 0 0 0 1px #00000029}.tc>*{z-index:1;position:relative}.tc-orb{background: radial-gradient(circle at 32% 26%, #fff 0%, #ffffffbf 14%, #fff0 46%),  radial-gradient(circle at 60% 96%, var(--orb-lit,#fff) 0%, #fff0 34%),  radial-gradient(circle at 68% 78%, #00000057, #0000 62%), radial-gradient(circle at 40% 36%, var(--orb-hi), var(--orb) 72%);border-radius:50%;flex:none;width:17px;height:17px;display:inline-block;box-shadow:0 2px 3px #0000004d,inset 0 0 0 1px #00000029}.tc-orb[data-tone=up]{--orb:#00a34f;--orb-hi:#3bf08b;--orb-lit:#9bffcb}.tc-orb[data-tone=down]{--orb:#c4102f;--orb-hi:#ff5570;--orb-lit:#ffb3be}.tc-orb[data-tone=flat]{--orb:#7a828c;--orb-hi:#cfd6dd;--orb-lit:#fff}.tc-orb[data-tone=time]{--orb:#4b3ba8;--orb-hi:#8e7bf0;--orb-lit:#cfc4ff}.tc-orb[data-tone=char]{--orb:#d02080;--orb-hi:#ec5ca6;--orb-lit:#ffc4e0}.tc-top{align-items:center;gap:7px;padding:8px 8px 6px;display:flex}.tc-kind{font-family:var(--font-m),monospace;letter-spacing:.14em;color:color-mix(in srgb,var(--mid-f) 26%,var(--frame));background:#0a0a0a;border-radius:3px;flex:none;padding:3px 7px;font-size:7.5px;font-weight:700}.tc-name{letter-spacing:-.03em;text-transform:lowercase;flex:1;min-width:0;font-size:19px;font-weight:900;line-height:1}.tc-hp{font-family:var(--font-m),monospace;letter-spacing:-.03em;color:var(--type);flex:none;align-items:center;gap:6px;font-size:18px;font-weight:700;display:flex}.tc-art{background: radial-gradient(120% 110% at 84% 10%, var(--glow,color-mix(in srgb,var(--mid-f) 62%, #fff)) 0%, color-mix(in srgb,var(--glow,var(--mid-f)) 62%, #fff) 24%, transparent 68%), linear-gradient(215deg, color-mix(in srgb,var(--mid-f) 84%, #fff) 0%, var(--mid-f) 34%, var(--deep-f) 78%, color-mix(in srgb,var(--deep-f) 82%, #000) 100%);height:44%;box-shadow:0 0 0 3px var(--frame), 0 0 0 4px #0000004d, inset 0 2px 10px #0000004d;border-radius:3px;flex:none;justify-content:center;align-items:center;margin:0 8px;display:flex;overflow:hidden}.tc-figure{object-fit:contain;width:100%;height:100%;padding:12px 16px 8px;display:block}.tc-spark{width:74%;height:74%}.tc-caption{font-family:var(--font-m),monospace;color:var(--type-mute);text-align:center;border-bottom:1px solid var(--rule);margin:9px 8px 0;padding-bottom:7px;font-size:8px;line-height:1.4}.tc-rows{flex-direction:column;flex:1;justify-content:flex-start;gap:0;min-height:0;padding:2px 10px 0;display:flex}.tc-row{align-items:center;gap:9px;padding:7px 0;display:flex}.tc-label{font-family:var(--font-m),monospace;letter-spacing:.08em;color:var(--type-mute);flex:1;font-size:10px}.tc-row b{font-family:var(--font-m),monospace;letter-spacing:-.02em;font-size:15px;font-weight:700}.tc-row b.up{color:#00934a}.tc-row b.down{color:#d4102e}.tc-foot{font-family:var(--font-m),monospace;color:var(--type-dim);letter-spacing:.06em;border-top:1px solid #00000029;align-items:center;gap:8px;margin:0 8px;padding:6px 0 2px;font-size:7.5px;display:flex}.tc-serial{flex:none}.tc-who{text-align:center;color:var(--type);text-transform:none;flex:1;font-weight:700}.tc-finish{text-transform:uppercase;letter-spacing:.12em;flex:none}.tc[data-state=open]:before{outline-offset:-5px;outline:1.5px dashed #ffffff8c;box-shadow:inset 0 0 0 1.5px #0000004d}.tc[data-finish=holo] .tc-art{position:relative}.tc[data-finish=holo] .tc-art:before{content:"";pointer-events:none;z-index:0;mix-blend-mode:soft-light;background:linear-gradient(115deg,#0000 22%,#fff6 40%,#ffffff0f 52%,#ffffff57 66%,#0000 82%);position:absolute;inset:0}.tc[data-finish=holo]:after{content:"";border-radius:inherit;pointer-events:none;z-index:4;mix-blend-mode:soft-light;background:linear-gradient(122deg,#0000 26%,#ffffff1a 36%,#ffffff8c 44%,#ffffff24 50%,#ffffff6b 57%,#ffffff14 64%,#0000 76%) 0%/220% 220%;position:absolute;inset:0}.tc[data-finish=matte]{background:color-mix(in srgb,var(--mid) 42%,var(--deep))}.tc[data-finish=matte] .tc-art{background:color-mix(in srgb,var(--mid) 62%,var(--deep))}.tc[data-finish=plain]{--tint:0%;background:color-mix(in srgb,var(--mid) 24%,#fff)}.tc[data-finish=plain]:before{background:#fbfaf6}.tc[data-finish=plain] .tc-art{background:#fdfcfa}.tc-figure,.tc-spark{z-index:1;position:relative}.tc-figure{transform:scale(var(--fig,1));transform-origin:50% 62%}.tc-silhouette{object-fit:contain;opacity:.28;width:100%;height:100%;padding:12px 16px 8px;display:block}.tc[data-character=open]{background:#fff}.tc[data-character=open]:before{background:#fff;box-shadow:inset 0 0 0 1px #0000001f}.tc[data-character=open] .tc-art{box-shadow:0 0 0 3px var(--frame), 0 0 0 4px #0003, inset 0 0 0 1px #0000000d;background:radial-gradient(120% 100% at 50% 34%,#fbfbfc 0%,#edeef0 100%)}.tc[data-character=open] .tc-figure,.tc[data-finish=plain] .tc-figure{filter:drop-shadow(0 12px 9px #00000029)}.tc-watermark{z-index:6;pointer-events:none;font-family:var(--font-d),system-ui,sans-serif;font-weight:900;font-size:calc(var(--w) * .19);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;color:#00000021;-webkit-text-stroke:calc(var(--w) * .004) #00000029;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;transform:rotate(-32deg)}