.umbral-hud-hero{--uh-cyan:#22d3ee;--uh-cyan-bright:#67e8f9;--uh-violet:#a855f7;--uh-violet-bright:#c084fc;--uh-gold:#ffd54f;--uh-glow:#22d3ee80;--uh-violet-glow:#a855f773;z-index:2;isolation:isolate;background:#03020a;border-radius:.35rem;width:min(1180px,96vw);min-height:clamp(300px,38vh,400px);max-height:min(440px,48vh);margin:clamp(.35rem,1.2vh,.75rem) auto 0;animation:.9s cubic-bezier(.22,1,.36,1) both uh-enter;position:relative;overflow:hidden}@keyframes uh-enter{0%{opacity:0;filter:blur(3px);transform:translateY(12px)}to{opacity:1;filter:blur();transform:translateY(0)}}.umbral-hud-hero__bg{pointer-events:none;position:absolute;inset:0}.umbral-hud-hero__bg-grid{opacity:.11;background-image:linear-gradient(#a855f71f 1px,#0000 1px),linear-gradient(90deg,#22d3ee1a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(85% 75%,#000 20%,#0000 78%);mask-image:radial-gradient(85% 75%,#000 20%,#0000 78%)}.umbral-hud-hero__scanlines{opacity:.13;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#a855f70a 2px 3px);position:absolute;inset:0}.umbral-hud-hero__code-rain{opacity:.15;justify-content:space-between;padding:0 1.5%;display:flex;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 15% 85%,#0000);mask-image:linear-gradient(#0000,#000 15% 85%,#0000)}.umbral-hud-hero__code-col{letter-spacing:.1em;color:#c084fcb8;writing-mode:vertical-rl;white-space:nowrap;animation:uh-code-fall var(--uh-dur,10s) linear infinite;animation-delay:var(--uh-delay,0s);font-family:ui-monospace,Cascadia Code,monospace;font-size:.58rem;line-height:1.3}@keyframes uh-code-fall{0%{opacity:0;transform:translateY(-110%)}10%{opacity:.8}90%{opacity:.5}to{opacity:0;transform:translateY(110%)}}.umbral-hud-hero__particles{background-image:radial-gradient(2px 2px at 14% 30%,#67e8f9bf,#0000),radial-gradient(1.5px 1.5px at 80% 24%,#c084fca6,#0000),radial-gradient(2px 2px at 68% 70%,#22d3ee80,#0000),radial-gradient(1px 1px at 30% 76%,#a855f773,#0000),radial-gradient(1.5px 1.5px at 52% 20%,#67e8f966,#0000);animation:12s ease-in-out infinite alternate uh-particles;position:absolute;inset:0}@keyframes uh-particles{0%{opacity:.5}to{opacity:.92}}.umbral-hud-hero__flare{background:linear-gradient(90deg,#0000,#a855f71a 18%,#22d3ee6b 48%,#c084fc52 52%,#a855f71a 82%,#0000);height:1px;position:absolute;top:50%;left:8%;right:8%;transform:translateY(-50%);box-shadow:0 0 44px #a855f738}.umbral-hud-hero__bracket{pointer-events:none;z-index:5;border-style:solid;border-color:#c084fc7a;width:2.2rem;height:2.2rem;position:absolute}.umbral-hud-hero__bracket--tl{border-width:2px 0 0 2px;top:.65rem;left:.65rem}.umbral-hud-hero__bracket--tr{border-width:2px 2px 0 0;top:.65rem;right:.65rem}.umbral-hud-hero__bracket--bl{border-width:0 0 2px 2px;bottom:.65rem;left:.65rem}.umbral-hud-hero__bracket--br{border-width:0 2px 2px 0;bottom:.65rem;right:.65rem}.umbral-hud-hero__stage{z-index:3;min-height:inherit;grid-template-columns:1fr minmax(280px,520px) 1fr;align-items:center;gap:clamp(.5rem,1.5vw,1.25rem);padding:clamp(1.25rem,3vw,2rem) clamp(1rem,2.5vw,1.75rem);display:grid;position:relative}.umbral-hud-hero__left{flex-direction:column;justify-content:center;min-height:200px;padding-left:clamp(.25rem,1vw,.75rem);display:flex;position:relative}.umbral-hud-hero__flowers{width:212px;height:168px;margin-left:.35rem;position:relative}.umbral-hud-hero__flower{background:radial-gradient(circle at 35% 30%,#ffffff38 0%,#a855f726 45%,#080414d9 100%);border:1px solid #ffd54f7a;border-radius:50%;justify-content:center;align-items:center;width:3.65rem;height:3.65rem;animation:5.5s ease-in-out infinite uh-flower-float;display:flex;position:absolute;box-shadow:0 0 30px #a855f75c}.umbral-hud-hero__flower:before{content:"";opacity:.68;border:1px solid #22d3ee3d;border-radius:50%;position:absolute;inset:-8px}.umbral-hud-hero__flower svg{width:1.38rem;height:1.38rem;color:var(--uh-gold);filter:drop-shadow(0 0 8px #ffd54f94)}.umbral-hud-hero__flower--1{animation-delay:0s;top:48px;left:0}.umbral-hud-hero__flower--2{opacity:.88;animation-delay:-1.2s;top:4px;left:52px}.umbral-hud-hero__flower--3{opacity:.78;animation-delay:-2.4s;top:62px;left:100px}.umbral-hud-hero__flower--4{opacity:.7;animation-delay:-3.6s;top:10px;left:138px}@keyframes uh-flower-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.umbral-hud-hero__coords{letter-spacing:.06em;color:#c084fc94;white-space:nowrap;margin:0;font-family:ui-monospace,monospace;font-size:.58rem;position:absolute;bottom:.15rem;left:0}.umbral-hud-hero__center{justify-content:center;align-items:center;display:flex}.umbral-hud-hero__frame{text-align:center;background:linear-gradient(#0c061cd1 0%,#040816f0 100%);border:1px solid #a855f773;border-radius:4px;width:100%;padding:clamp(1.1rem,2.5vw,1.65rem) clamp(1.25rem,3vw,2rem) clamp(1rem,2.2vw,1.45rem);position:relative;box-shadow:0 0 55px #a855f729,inset 0 0 60px #22d3ee0a,inset 0 1px #c084fc38}.umbral-hud-hero__frame:before{content:"";pointer-events:none;border:1px solid #22d3ee24;border-radius:2px;position:absolute;inset:5px}.umbral-hud-hero__frame-corner{border-color:var(--uh-violet-bright);opacity:.88;border-style:solid;width:12px;height:12px;position:absolute}.umbral-hud-hero__frame-corner--tl{border-width:2px 0 0 2px;top:-1px;left:-1px}.umbral-hud-hero__frame-corner--tr{border-width:2px 2px 0 0;top:-1px;right:-1px}.umbral-hud-hero__frame-corner--bl{border-width:0 0 2px 2px;bottom:-1px;left:-1px}.umbral-hud-hero__frame-corner--br{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.umbral-hud-hero__frame-gap{z-index:2;background:#03020a;position:absolute}.umbral-hud-hero__frame-gap--t{width:28px;height:2px;top:-1px;left:50%;transform:translate(-50%)}.umbral-hud-hero__frame-gap--b{width:28px;height:2px;bottom:-1px;left:50%;transform:translate(-50%)}.umbral-hud-hero__scan{pointer-events:none;z-index:4;background:linear-gradient(90deg,#0000,#a855f733 20%,#22d3eecc 50%,#a855f733 80%,#0000);height:2px;animation:4.5s ease-in-out infinite uh-scan;position:absolute;left:0;right:0;box-shadow:0 0 18px #22d3ee80}@keyframes uh-scan{0%{opacity:0;top:-2%}8%{opacity:1}92%{opacity:.8}to{opacity:0;top:102%}}.umbral-hud-hero__system{letter-spacing:.22em;text-transform:uppercase;color:#c084fcbf;margin:0 0 .85rem;font-family:ui-monospace,monospace;font-size:clamp(.52rem,1.1vw,.62rem)}.umbral-hud-hero__system-btn{font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:none;padding:0;transition:color .25s,text-shadow .25s}.umbral-hud-hero__system-btn:hover,.umbral-hud-hero__system-btn:focus-visible{color:#d8b4fefa;text-shadow:0 0 14px #a855f780;outline:none}.umbral-hud-hero__title{font-family:var(--font-aya-display), var(--font-saga), system-ui, sans-serif;letter-spacing:.2em;text-transform:uppercase;background:linear-gradient(105deg, #fff 0%, #e9d5ff 30%, var(--uh-cyan-bright) 55%, var(--uh-violet-bright) 85%);color:#0000;filter:drop-shadow(0 0 28px var(--uh-violet-glow));-webkit-background-clip:text;background-clip:text;margin:0 0 .65rem;font-size:clamp(1.45rem,3.6vw,2.35rem);font-weight:600;line-height:1.1;animation:5s ease-in-out infinite uh-title-pulse}@keyframes uh-title-pulse{0%,to{filter:drop-shadow(0 0 28px var(--uh-violet-glow))}50%{filter:drop-shadow(0 0 38px #22d3ee59)}}.umbral-hud-hero__subtitle{color:#e0e7ffd1;letter-spacing:.03em;margin:0 0 .7rem;font-size:clamp(.78rem,1.45vw,.9rem);line-height:1.5}.umbral-hud-hero__stats{letter-spacing:.12em;text-transform:uppercase;color:#67e8f9e6;background:#a855f71a;border:1px solid #22d3ee59;border-radius:999px;align-items:center;margin:0 0 .75rem;padding:.34rem .8rem;font-family:ui-monospace,monospace;font-size:.62rem;display:inline-flex;box-shadow:0 0 18px #a855f71f}.umbral-hud-hero__skills{flex-wrap:wrap;justify-content:center;gap:.4rem;margin:0 0 .9rem;padding:0;list-style:none;display:flex}.umbral-hud-hero__skill{letter-spacing:.07em;text-transform:uppercase;color:#e9d5ffe0;background:#080416bf;border:1px solid #a855f761;border-radius:999px;align-items:center;gap:.32rem;padding:.28rem .52rem;font-size:.58rem;display:inline-flex}.umbral-hud-hero__skill svg{width:.8rem;height:.8rem;color:var(--uh-gold);flex-shrink:0}.umbral-hud-hero__cta{letter-spacing:.16em;text-transform:uppercase;color:#faf5ff;background:linear-gradient(135deg,#a855f759 0%,#0e749073 100%);border:1px solid #c084fc8c;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.68rem 1.3rem;font-size:.66rem;font-weight:600;text-decoration:none;transition:transform .25s,box-shadow .25s;display:inline-flex;box-shadow:0 0 28px #a855f747}.umbral-hud-hero__cta:hover,.umbral-hud-hero__cta:focus-visible{outline:none;transform:translateY(-1px);box-shadow:0 0 42px #22d3ee52}.umbral-hud-hero__sr-lead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.umbral-hud-hero__right{flex-direction:column;justify-content:center;align-items:flex-end;min-height:clamp(240px,28vh,280px);padding-right:clamp(.25rem,1vw,.75rem);display:flex;position:relative}.umbral-hud-hero__portal-wrap{width:clamp(200px,22vw,240px);height:clamp(200px,22vw,240px);margin-right:.75rem;animation:6s ease-in-out infinite reverse uh-flower-float;position:relative}.umbral-hud-hero__portal-glow{filter:blur(18px);background:radial-gradient(circle,#22d3ee80 0%,#a855f752 45%,#0000 72%);border-radius:50%;animation:4s ease-in-out infinite uh-portal-pulse;position:absolute;inset:-18%}@keyframes uh-portal-pulse{0%,to{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}.umbral-hud-hero__portal-ring{pointer-events:none;border:1.5px solid #22d3ee73;border-radius:50%;position:absolute;box-shadow:0 0 32px #22d3ee47,inset 0 0 18px #a855f71a}.umbral-hud-hero__portal-ring--outer{border-color:#c084fc66;animation:10s linear infinite uh-ring-spin;inset:0}.umbral-hud-hero__portal-ring--inner{animation:7s linear infinite reverse uh-ring-spin;inset:14%}@keyframes uh-ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.umbral-hud-hero__portal-core{border:1.5px solid #67e8f98c;border-radius:50%;position:absolute;inset:16%;overflow:hidden;box-shadow:0 0 48px #22d3ee73,inset 0 0 32px #a855f738}.umbral-hud-hero__portal-core img{object-fit:cover;object-position:72% center;filter:saturate(1.2)hue-rotate(-6deg)brightness();opacity:1;width:100%;height:100%}.umbral-hud-hero__portal-core:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 32%,#08041659 78%);position:absolute;inset:0}[data-umbral=umbral-i] .umbral-hud-hero__portal-wrap{width:clamp(224px,24vw,280px);height:clamp(224px,24vw,280px);margin-right:.4rem}[data-umbral=umbral-i] .umbral-hud-hero__portal-glow{inset:-20%}[data-umbral=umbral-i] .umbral-hud-hero__portal-ring{border-width:1px}[data-umbral=umbral-i] .umbral-hud-hero__portal-ring--inner{inset:9%}[data-umbral=umbral-i] .umbral-hud-hero__portal-core{border-width:1px;inset:9%}[data-umbral=umbral-ii] .umbral-hud-hero__portal-wrap{width:clamp(240px,26vw,310px);height:clamp(240px,26vw,310px);margin-right:.15rem}[data-umbral=umbral-ii] .umbral-hud-hero__portal-glow{filter:blur(22px);background:radial-gradient(circle,#c084fcb8 0%,#a855f775 32%,#22d3ee38 58%,#0000 76%);inset:-24%}[data-umbral=umbral-ii] .umbral-hud-hero__portal-ring{border-width:2px;border-color:#c084fcb8;box-shadow:0 0 42px #a855f775,0 0 82px #c084fc3d,inset 0 0 24px #22d3ee1f}[data-umbral=umbral-ii] .umbral-hud-hero__portal-ring--outer{border-color:#c084fcad;inset:-1.5%}[data-umbral=umbral-ii] .umbral-hud-hero__portal-ring--inner{inset:10%}[data-umbral=umbral-ii] .umbral-hud-hero__portal-ring--outer:before,[data-umbral=umbral-ii] .umbral-hud-hero__portal-ring--inner:before{content:"";border-radius:inherit;filter:drop-shadow(0 0 10px #c084fc73);border:1px dashed #f2ede43d;position:absolute;inset:10%}[data-umbral=umbral-ii] .umbral-hud-hero__portal-core{border:2px solid #c084fcc7;inset:9%;box-shadow:0 0 38px #a855f78f,0 0 95px #c084fc47,inset 0 0 36px #08041657}[data-umbral=umbral-ii] .umbral-hud-hero__portal-core img{object-position:50% center;filter:saturate(1.28)contrast(1.08)brightness(1.04)}[data-umbral=umbral-ii] .umbral-hud-hero__portal-core:after{background:radial-gradient(circle at 48% 45%,#0000 42%,#08041638 78%),linear-gradient(135deg,#c084fc2e,#0000 34%,#22d3ee1a 70%,#0000)}.umbral-hud-hero__float-panel{opacity:.5;background:linear-gradient(135deg,#a855f71a 0%,#040c188c 100%);border:1px solid #a855f74d;border-radius:2px;width:68px;height:44px;position:absolute;top:10%;right:0;transform:perspective(300px)rotateY(-20deg)rotateX(6deg)}.umbral-hud-hero__sync{flex-direction:column;align-items:flex-end;gap:.35rem;display:flex;position:absolute;bottom:.15rem;right:0}.umbral-hud-hero__sync-label{letter-spacing:.1em;text-transform:uppercase;color:#c084fc99;margin:0;font-family:ui-monospace,monospace;font-size:.56rem}.umbral-hud-hero__sync-bar{gap:3px;display:flex}.umbral-hud-hero__sync-seg{background:#a855f714;border:1px solid #a855f759;border-radius:1px;width:8px;height:10px}.umbral-hud-hero__sync-seg--on{background:#22d3ee8c;border-color:#67e8f9b3;box-shadow:0 0 8px #22d3ee59}@media (max-width:1024px) and (min-width:901px){.umbral-hud-hero{max-height:min(560px,72vh)}}@media (max-width:900px){.umbral-hud-hero{min-height:clamp(320px,52vh,420px);max-height:none}.umbral-hud-hero__stage{grid-template-columns:1fr;gap:1rem;padding-top:1.5rem;padding-bottom:1.5rem}.umbral-hud-hero__left,.umbral-hud-hero__right{flex-direction:row;justify-content:space-between;align-items:center;width:100%;min-height:auto}.umbral-hud-hero__flowers{width:172px;height:132px}.umbral-hud-hero__flower{width:2.95rem;height:2.95rem}.umbral-hud-hero__portal-wrap{width:clamp(148px,38vw,180px);height:clamp(148px,38vw,180px);margin-right:0}[data-umbral=umbral-i] .umbral-hud-hero__portal-wrap{width:clamp(164px,40vw,204px);height:clamp(164px,40vw,204px)}[data-umbral=umbral-ii] .umbral-hud-hero__portal-wrap{width:clamp(176px,42vw,220px);height:clamp(176px,42vw,220px)}.umbral-hud-hero__float-panel{display:none}.umbral-hud-hero__coords,.umbral-hud-hero__sync{position:static}}@media (max-width:520px){.umbral-hud-hero__left,.umbral-hud-hero__right{display:none}}@media (prefers-reduced-motion:reduce){.umbral-hud-hero,.umbral-hud-hero__code-col,.umbral-hud-hero__scan,.umbral-hud-hero__flower,.umbral-hud-hero__portal-ring,.umbral-hud-hero__portal-glow,.umbral-hud-hero__title,.umbral-hud-hero__portal-wrap{animation:none!important}}