.hud-display{font-family:var(--font-display), var(--font-body), system-ui, sans-serif;letter-spacing:.01em}.hud-label{font-family:var(--font-display), var(--font-body), system-ui, sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--m-soft);font-size:.68rem;font-weight:600}.hud-num{font-family:var(--font-display), var(--font-body), system-ui, sans-serif;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.hud-gold{color:var(--hud-gold);text-shadow:0 0 18px #fbbf2459}.hud-plate{--plate-line:var(--hud-line);--plate-fill:var(--hud-panel-solid);--c:var(--hud-chamfer);isolation:isolate;background:var(--plate-line);clip-path:polygon(var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%, 0 var(--c));position:relative}.hud-plate:before{content:"";z-index:-1;background:var(--plate-fill);clip-path:polygon(var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%, 0 var(--c));position:absolute;inset:1px}.hud-plate--active{--plate-line:color-mix(in srgb, var(--hud-cyan) 70%, transparent)}.hud-plate--gold{--plate-line:color-mix(in srgb, var(--hud-gold) 65%, transparent)}.hud-ticks{position:relative}.hud-ticks:before,.hud-ticks:after{content:"";border:2px solid var(--hud-cyan);opacity:.7;pointer-events:none;width:14px;height:14px;position:absolute}.hud-ticks:before{border-bottom:0;border-right:0;border-top-left-radius:6px;top:-1px;left:-1px}.hud-ticks:after{border-top:0;border-left:0;border-bottom-right-radius:6px;bottom:-1px;right:-1px}.hud-glass{border:1px solid var(--hud-line);background:linear-gradient(180deg, #ffffff0f, #fff0 38%), var(--hud-panel);-webkit-backdrop-filter:blur(20px)saturate(1.3);border-radius:18px;box-shadow:0 18px 48px #00000073,inset 0 1px #ffffff14}.hud-cta{--cta:var(--hud-sky);--cta-fill:color-mix(in srgb, var(--cta) 62%, #000);--c:12px;isolation:isolate;min-height:52px;font-family:var(--font-display), var(--font-body), system-ui, sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#fff;cursor:pointer;background:linear-gradient(135deg, var(--cta-fill), color-mix(in srgb, var(--cta-fill) 86%, #000) 55%, color-mix(in srgb, var(--cta-fill) 72%, #000));clip-path:polygon(var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%, 0 var(--c));filter:drop-shadow(0 8px 22px color-mix(in srgb, var(--cta) 45%, transparent));transition:transform .18s var(--ease-spring), filter .22s var(--ease-out);-webkit-tap-highlight-color:transparent;border:0;justify-content:center;align-items:center;gap:.55rem;padding:0 1.4rem;font-size:1rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.hud-cta:after{content:"";z-index:-1;animation:fx-sheen 5.5s var(--ease-in-out) infinite;background:linear-gradient(105deg,#0000 38%,#ffffff80 50%,#0000 62%);position:absolute;inset:0;transform:translate(-120%)}.hud-cta:hover{filter:drop-shadow(0 10px 30px color-mix(in srgb, var(--cta) 65%, transparent)) brightness(1.08)}.hud-cta:active{transform:scale(.965)translateY(1px)}.hud-cta:disabled{opacity:.55;cursor:wait}.hud-cta:disabled:after{animation:none}.hud-cta--gold{--cta:#d97706;--cta-fill:#d97706;color:#1a1002}.hud-cta--block{width:100%;display:flex}.hud-ghost{border:1px solid var(--hud-line-strong);min-height:46px;color:var(--m-text);font-family:var(--font-display), var(--font-body), system-ui, sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .16s var(--ease-spring), background .18s ease, border-color .18s ease;-webkit-tap-highlight-color:transparent;background:#94c5ff0f;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:0 1.1rem;font-size:.85rem;font-weight:600;display:inline-flex}.hud-ghost:hover{border-color:var(--hud-cyan);background:#94c5ff1f}.hud-ghost:active{transform:scale(.96)}.hud-chip{border:1px solid var(--hud-line);-webkit-backdrop-filter:blur(10px);font-family:var(--font-display), var(--font-body), system-ui, sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--m-text);white-space:nowrap;background:#0307129e;border-radius:999px;align-items:center;gap:.35rem;padding:.28rem .6rem;font-size:.7rem;font-weight:600;display:inline-flex}.hud-chip--gold{border-color:color-mix(in srgb, var(--hud-gold) 55%, transparent);color:var(--hud-gold-soft)}.hud-chip--live{border-color:color-mix(in srgb, var(--hud-cyan) 60%, transparent);color:var(--hud-cyan)}.hud-chip--live:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite fx-blink;box-shadow:0 0 8px}.hud-backdrop{z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% -10%, #0b1a33 0%, #050a16 55%, var(--hud-ink) 100%);position:fixed;inset:0;overflow:hidden}.hud-backdrop:before{content:"";filter:blur(30px);animation:fx-aurora 22s var(--ease-in-out) infinite alternate;background:radial-gradient(38% 30% at 22% 28%,#22d3ee33,#0000 70%),radial-gradient(34% 28% at 78% 18%,#8b5cf633,#0000 70%),radial-gradient(30% 26% at 60% 82%,#0ea5e924,#0000 70%);position:absolute;inset:-30%}.hud-backdrop:after{content:"";transform-origin:50% 100%;opacity:.55;background-image:linear-gradient(#38bdf833 1px,#0000 1px),linear-gradient(90deg,#38bdf833 1px,#0000 1px);background-size:56px 56px;height:62%;animation:7s linear infinite fx-grid-run;position:absolute;bottom:-10%;left:-50%;right:-50%;transform:perspective(520px)rotateX(62deg);-webkit-mask-image:linear-gradient(#0000 18%,#000 100%);mask-image:linear-gradient(#0000 18%,#000 100%)}.hud-scan:after{content:"";pointer-events:none;mix-blend-mode:overlay;background:repeating-linear-gradient(#ffffff09 0 1px,#0000 1px 3px);position:absolute;inset:0}.hud-meter{background:#94c5ff1a;border-radius:999px;height:8px;position:relative;overflow:hidden}.hud-meter__fill{border-radius:inherit;transform-origin:0;width:100%;transform:scaleX(var(--value,0));background:linear-gradient(90deg, var(--hud-sky), var(--hud-cyan));transition:transform .9s var(--ease-out);position:absolute;inset:0;box-shadow:0 0 12px #22d3ee8c}.hud-meter--gold .hud-meter__fill{background:linear-gradient(90deg, #f59e0b, var(--hud-gold-soft));box-shadow:0 0 12px #fbbf2499}.hud-meter__fill:after{content:"";animation:fx-meter-run 2.6s var(--ease-in-out) infinite;background:linear-gradient(90deg,#0000,#ffffff8c,#0000);position:absolute;inset:0;transform:translate(-100%)}.fx-stagger>*{animation:fx-rise .52s var(--ease-out) both;animation-delay:calc(var(--i,0) * 55ms + var(--stagger-base,0s))}.fx-stagger>:first-child{--i:0}.fx-stagger>:nth-child(2){--i:1}.fx-stagger>:nth-child(3){--i:2}.fx-stagger>:nth-child(4){--i:3}.fx-stagger>:nth-child(5){--i:4}.fx-stagger>:nth-child(6){--i:5}.fx-stagger>:nth-child(7){--i:6}.fx-stagger>:nth-child(8){--i:7}.fx-stagger>:nth-child(9){--i:8}.fx-stagger>:nth-child(10){--i:9}.fx-stagger>:nth-child(11){--i:10}.fx-stagger>:nth-child(12){--i:11}.fx-rise{animation:fx-rise .52s var(--ease-out) both}.fx-pop{animation:fx-pop .42s var(--ease-spring) both}.fx-shake{animation:.42s both fx-shake}.fx-edge-flash{z-index:90;pointer-events:none;box-shadow:inset 0 0 90px 24px var(--flash,#fbbf248c);animation:fx-edge .7s var(--ease-out) forwards;position:fixed;inset:0}.fx-edge-flash--loss{--flash:#fb718580}@keyframes fx-sheen{0%,72%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes fx-rise{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}@keyframes fx-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes fx-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}@keyframes fx-blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes fx-aurora{0%{transform:translate(-4%,-2%)rotate(0)scale(1)}to{transform:translate(5%,4%)rotate(8deg)scale(1.12)}}@keyframes fx-grid-run{0%{background-position:0 0,0 0}to{background-position:0 56px,0 0}}@keyframes fx-meter-run{0%,55%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes fx-edge{0%{opacity:0}18%{opacity:1}to{opacity:0}}@keyframes fx-pulse-ring{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(2.4)}}@keyframes fx-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes fx-flip-in{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes fx-spin{to{transform:rotate(360deg)}}@keyframes fx-star-in{0%{opacity:0;filter:blur(6px);transform:scale(2.6)rotate(-40deg)}60%{opacity:1;filter:blur();transform:scale(.9)rotate(6deg)}to{opacity:1;transform:scale(1)rotate(0)}}