.section-cx-hud{background:#0b0e11}.cx-hud{--cyan:#2ee6ff;--cyan-glow:rgba(46,230,255,.35);--chrome:linear-gradient(100deg,#8b949d 0%,#eef2f6 14%,#aeb7c0 28%,#ffffff 42%,#9aa3ac 56%,#e6ebf0 72%,#8f99a3 86%,#f4f7fa 100%);position:relative;overflow:hidden;isolation:isolate;padding:3.2rem 0;background:radial-gradient(60% 140% at 50% 0%,rgba(46,230,255,.08),transparent 70%),linear-gradient(180deg,#0d1318,#0a0f13);color:#fff}.cx-hud__grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(46,230,255,.22) 1px,transparent 1.2px);background-size:18px 18px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);opacity:.45}.cx-hud__rule{position:absolute;left:0;right:0;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(200,208,216,.45) 20%,rgba(200,208,216,.45) 80%,transparent)}.cx-hud__rule--top{top:0}.cx-hud__rule--bottom{bottom:0;opacity:.5}.cx-hud__scan{position:absolute;top:-1px;left:0;height:3px;width:22%;background:linear-gradient(90deg,transparent,var(--cyan),#fff,var(--cyan),transparent);box-shadow:0 0 18px var(--cyan),0 0 40px var(--cyan-glow);filter:blur(.3px);animation:cxHudScan 5.5s cubic-bezier(.65,0,.35,1) infinite}@keyframes cxHudScan{0%{transform:translate(-120%)}to{transform:translate(560%)}}.cx-hud__inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(2rem,4vw,5rem)}.cx-hud__status{display:flex;align-items:center;gap:1.4rem;white-space:nowrap}.cx-hud__pulse{position:relative;width:1rem;height:1rem;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);flex:none}.cx-hud__pulse:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1px solid var(--cyan);opacity:0;animation:cxHudPulse 2.2s ease-out infinite}@keyframes cxHudPulse{0%{transform:scale(.4);opacity:.9}to{transform:scale(1.8);opacity:0}}.cx-hud__status-label,.cx-hud__status-sub{margin:0;line-height:1.3}.cx-hud__status-label{font-size:1.15rem;font-weight:700;letter-spacing:.32em;color:var(--cyan)}.cx-hud__status-sub{font-size:1.15rem;letter-spacing:.12em;color:#ffffff8c}.cx-hud__items{list-style:none;margin:0;padding:0;display:flex;justify-content:center;align-items:center}.cx-hud__item{position:relative;display:flex;align-items:center;gap:1.2rem;padding:0 clamp(1.4rem,2.4vw,3.2rem)}.cx-hud__item+.cx-hud__item:before{content:"";position:absolute;left:0;top:50%;width:1px;height:3.2rem;transform:translateY(-50%);background:linear-gradient(180deg,transparent,rgba(46,230,255,.5),transparent)}.cx-hud__icon{width:3.4rem;height:3.4rem;flex:none;color:var(--cyan);filter:drop-shadow(0 0 6px var(--cyan-glow))}.cx-hud__icon svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.cx-hud__text{display:flex;flex-direction:column;gap:.3rem}.cx-hud__label{font-size:1.25rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;background-image:var(--chrome);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#eef2f6;animation:cxHudShimmer 8s linear infinite}.cx-hud__sub{font-size:1.15rem;letter-spacing:.06em;color:#ffffff80}@keyframes cxHudShimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}.cx-hud:not(.is-live) .cx-hud__icon svg *{stroke-dasharray:120;stroke-dashoffset:0}.cx-hud.is-live .cx-hud__icon svg *{stroke-dasharray:120;stroke-dashoffset:120;animation:cxHudDraw 1.6s cubic-bezier(.65,0,.35,1) forwards;animation-delay:calc(var(--i,0) * .18s + .2s)}@keyframes cxHudDraw{to{stroke-dashoffset:0}}.cx-hud__clock{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;white-space:nowrap;font-variant-numeric:tabular-nums}.cx-hud__clock-city{font-size:1.1rem;letter-spacing:.32em;color:#ffffff80}.cx-hud__clock-time{font-size:1.5rem;font-weight:600;letter-spacing:.12em;color:#eef2f6;text-shadow:0 0 14px rgba(46,230,255,.35);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@media screen and (max-width:989px){.cx-hud__inner{grid-template-columns:1fr auto}.cx-hud__items{grid-column:1 / -1;order:3;flex-wrap:wrap;justify-content:flex-start;gap:1.6rem 0}}@media screen and (max-width:749px){.cx-hud{padding:2.6rem 0}.cx-hud__items{display:grid;grid-template-columns:1fr 1fr;gap:2rem 1rem}.cx-hud__item{padding:0}.cx-hud__item+.cx-hud__item:before{display:none}.cx-hud__icon{width:2.8rem;height:2.8rem}}@media(prefers-reduced-motion:reduce){.cx-hud__scan,.cx-hud__pulse:after,.cx-hud__label{animation:none}.cx-hud.is-live .cx-hud__icon svg *{animation:none;stroke-dashoffset:0}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/cruxstar-hud.css.map */