.tgf-dial{transform-style:preserve-3d;aspect-ratio:2;width:min(300px,76%);position:absolute}.tgf-arc{background:conic-gradient(from -90deg at 50% 100%, var(--pub-acid) 0deg, var(--pub-acid) 80deg, #ffb347 124deg, #ff4d2e 128deg, #ff4d2e 180deg, transparent 180deg);border-radius:999px 999px 0 0;position:absolute;inset:0;-webkit-mask-image:radial-gradient(farthest-side at 50% 100%,#0000 80%,#000 81%);mask-image:radial-gradient(farthest-side at 50% 100%,#0000 80%,#000 81%)}.tgf-mark{transform-origin:50% 100%;background:linear-gradient(#fff 0 24%,#0000 24%);width:2px;height:100%;margin-left:-1px;position:absolute;bottom:0;left:50%;transform:rotate(38deg)}.tgf-mark b{font:700 11px var(--pub-font-mono);color:#fff;position:absolute;top:-18px;left:50%;transform:translate(-50%)rotate(-38deg)}.tgf-hot{background:radial-gradient(circle at 88% 55%,#ff4d2e8c,#0000 42%);border-radius:999px 999px 0 0;position:absolute;inset:0}.tgf-needle{will-change:transform;background:linear-gradient(#fff,#ffffff80);border-radius:4px 4px 0 0;width:4px;height:84%;margin-left:-2px;position:absolute;bottom:0;left:50%;box-shadow:0 0 12px #ffffff80}.tgf-dial>i{background:#f3f2ec;border-radius:50%;width:18px;height:18px;margin-left:-9px;position:absolute;bottom:-9px;left:50%}.tgf-breaker{background:linear-gradient(#232b40,#131926);border:1px solid #ffffff38;border-radius:10px;justify-items:center;width:76px;height:46px;display:grid;position:absolute;box-shadow:0 20px 40px -20px #000000e6}.tgf-breaker span{background:#f3f2ec;border-radius:4px;width:8px;height:30px;margin-left:-4px;position:absolute;bottom:12px;left:50%}.tgf-breaker>i{background:#ffffff29;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.tgf-breaker em{background:var(--pub-acid);box-shadow:0 0 12px 2px var(--pub-acid);border-radius:50%;position:absolute;inset:0}.tgf-breaker em[data-tone=bad]{background:#ff4d2e;box-shadow:0 0 14px 3px #ff4d2e}.tgf-feed{transform-style:preserve-3d;will-change:transform;background:#141a28f2;border:1px solid #ffffff2e;border-radius:10px;gap:7px;width:min(130px,30%);padding:9px 10px;display:grid;position:absolute}.tgf-feed b{font:600 10px var(--pub-font-mono);color:#cfd5e6;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tgf-feed span{background:#ffffff1f;border-radius:3px;height:5px;overflow:hidden}.tgf-feed span i{transform-origin:0;background:linear-gradient(90deg, var(--s3d-accent), #ffb347);height:100%;display:block}.tgf-feed u{background:repeating-linear-gradient(0deg,#ffb347 0 6px,#0000 6px 11px) 0 0/2px 11px;width:2px;height:42px;margin-left:-1px;animation:.7s linear infinite tgf-flow;position:absolute;bottom:100%;left:50%}@keyframes tgf-flow{to{background-position:0 -11px}}.tgf-chip{top:3%;right:3%}.tgf-stamp{top:auto;right:auto}@media (prefers-reduced-motion:reduce){.tgf-feed u{animation:none}}@media (width<=640px){.tgf-feed u{height:22px}.tgf-breaker{width:64px;height:38px}.tgf-breaker span{height:24px;bottom:9px}}
