.tf-hud-root{display:block}.tf-scanlines{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;mix-blend-mode:overlay;opacity:.4;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.03) 0 1px,transparent 1px 3px)}.tf-frame{position:fixed;top:14px;right:14px;bottom:14px;left:14px;z-index:34;pointer-events:none}.tf-frame__c{position:absolute;width:16px;height:16px;border:0 solid rgba(232,230,225,.25)}.tf-frame__c--tl{top:0;left:0;border-top-width:1px;border-left-width:1px}.tf-frame__c--tr{top:0;right:0;border-top-width:1px;border-right-width:1px}.tf-frame__c--bl{bottom:0;left:0;border-bottom-width:1px;border-left-width:1px}.tf-frame__c--br{bottom:0;right:0;border-bottom-width:1px;border-right-width:1px}.tf-tele{position:fixed;bottom:20px;left:22px;z-index:34;pointer-events:none;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted)}.tf-tele b{color:var(--color-accent);font-weight:500}.tf-gauge{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:34;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:10px}.tf-gauge__label{font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent);writing-mode:vertical-rl}.tf-gauge__track{position:relative;width:3px;height:150px;background:var(--color-line);overflow:hidden}.tf-gauge__ticks{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,transparent 0 15px,var(--color-bg) 15px 16px)}.tf-gauge__fill{position:absolute;bottom:0;left:0;right:0;height:0%;background:var(--color-accent)}.tf-gauge__pct{font-size:.6rem;letter-spacing:.1em;color:var(--color-text-muted);writing-mode:vertical-rl}@media(max-width:900px){.tf-gauge,.tf-tele,.tf-frame{display:none}}@media(prefers-reduced-motion:reduce){.tf-scanlines{display:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-hud.css.map */