.hero-wrapper{--h-bg:var(--ds-bg-0,#0b0d0c);--h-panel:var(--ds-bg-2,#1a1f1c);--h-amber:var(--ds-amber,#f2a900);--h-signal:var(--ds-alert,#ff5a1f);--h-text:var(--ds-fg-1,#e5e7e3);--h-dim:var(--ds-fg-2,#c9ccc5b8);--h-line:var(--ds-line-2,#c9ccc547);--h-gutter:max(clamp(16px, 3vw, 44px), calc((100vw - 1680px) / 2 + 44px));color:var(--h-text);font-family:var(--font-body), system-ui, sans-serif;position:relative}.hero-stage{background:var(--h-bg);isolation:isolate;width:100%;height:100svh;position:relative;overflow:hidden}.hero-canvas-wrap{z-index:1;position:absolute;inset:0}.hero-fallback{z-index:0;background:radial-gradient(60% 55% at 70% 45%, #ff9a2e38, transparent 70%), radial-gradient(40% 50% at 85% 20%, #6fa8ff1f, transparent 70%), var(--h-bg);position:absolute;inset:0}.hero-fallback picture,.hero-fallback img{object-fit:cover;object-position:70% 50%;width:100%;height:100%;position:absolute;inset:0}.hero-fallback[data-visible=false]{visibility:hidden}@media (prefers-reduced-motion:no-preference){.hero-fallback[data-visible=true] img{animation:24s ease-in-out infinite alternate hero-drift}}@keyframes hero-drift{0%{transform:scale(1.02)translate(0,0)}to{transform:scale(1.07)translate(-1.2%,-.8%)}}.hero-ui{pointer-events:none;display:contents}.hero-noise,.hero-vignette,.hero-markers,.hero-exit{z-index:3}.hero-ui[data-phase=loading] .hero-exit{visibility:hidden}.hero-exit{position:absolute;inset:0}.hero-noise{opacity:.14;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.hero-vignette{background:radial-gradient(120% 90% at 50% 45%,#0000 55%,#000000b8 100%),linear-gradient(90deg,#07090ac7 0%,#07090a00 48%);position:absolute;inset:0}.hero-topbar{padding:clamp(14px, 2.2vw, 28px) var(--h-gutter);font:500 11px/1 var(--font-mono), monospace;letter-spacing:.14em;color:var(--h-dim);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.hero-brand{color:var(--h-text);align-items:center;gap:10px;display:flex}.hero-sys{align-items:center;gap:8px;display:flex}.hero-dot{background:var(--ds-olive,#8a9a5b);width:7px;height:7px;box-shadow:0 0 8px rgb(var(--ds-rgb-olive,138 154 91) / calc(.9 * var(--ds-live,1)));border-radius:50%;animation:1.6s steps(2,jump-none) infinite hero-blink}@keyframes hero-blink{50%{opacity:.25}}.hero-bracket{border:0 solid var(--h-line);width:26px;height:26px;position:absolute}.hero-bracket[data-pos=tl]{top:58px;left:var(--h-gutter);border-top-width:1px;border-left-width:1px}.hero-bracket[data-pos=tr]{top:58px;right:var(--h-gutter);border-top-width:1px;border-right-width:1px}.hero-bracket[data-pos=bl]{bottom:24px;left:var(--h-gutter);border-bottom-width:1px;border-left-width:1px}.hero-bracket[data-pos=br]{bottom:24px;right:var(--h-gutter);border-bottom-width:1px;border-right-width:1px}.hero-hud-side{bottom:64px;right:var(--h-gutter);min-width:190px;font-family:var(--font-mono), monospace;padding:14px 16px;position:absolute}.hero-hud-title{letter-spacing:.16em;color:var(--h-amber);margin:0 0 10px;font-size:10px}.hero-hud-side dl{gap:7px;margin:0;display:grid}.hero-hud-side dl>div{justify-content:space-between;gap:18px;font-size:12px;display:flex}.hero-hud-side dt{color:var(--h-dim);letter-spacing:.1em}.hero-hud-side dd{color:var(--h-text);font-variant-numeric:tabular-nums;margin:0}.hero-copy{left:var(--h-gutter);pointer-events:none;width:min(max(560px,32vw),820px,92vw);position:absolute;bottom:clamp(56px,11vh,120px)}.hero-eyebrow{text-wrap:balance;font:500 11px/1.2 var(--font-mono), monospace;letter-spacing:.2em;color:var(--h-amber);margin:0 0 14px}.hero-h1{font-family:var(--font-display), Impact, sans-serif;text-transform:uppercase;letter-spacing:-.005em;text-wrap:balance;margin:0;font-size:clamp(44px,6.3vw,132px);font-weight:700;line-height:.92}.hero-h1__line{display:block}.hero-h1__line[data-accent=true]{color:var(--h-amber)}.hero-sub{text-wrap:pretty;max-width:46ch;color:var(--h-dim);margin:20px 0 0;font-size:clamp(14px,1.25vw,17px);line-height:1.55}.hero-ctas{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.hero-ctas .btn{pointer-events:auto}.hero-scroll-cue{font:500 10px/1 var(--font-mono), monospace;letter-spacing:.3em;color:var(--h-dim);flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;bottom:22px;left:50%;translate:-50%}@media (prefers-reduced-motion:no-preference){.hero-scroll-cue svg{animation:1.8s ease-in-out infinite hero-bob}}@keyframes hero-bob{50%{transform:translateY(5px)}}@media (max-height:560px){.hero-scroll-cue{display:none}}.hero-markers{position:absolute;inset:0;overflow:hidden}.hero-marker{will-change:transform, opacity;width:0;height:0;font-family:var(--font-mono), monospace;position:absolute;top:0;left:0}.hero-marker__dot{background:var(--h-amber,var(--h-amber));border-radius:50%;width:8px;height:8px;position:absolute;top:-4px;left:-4px;box-shadow:0 0 0 4px #f2a90038,0 0 14px #f2a900b3}.hero-marker__line{background:linear-gradient(90deg,#f2a900e6,#f2a90000);width:54px;height:1px;position:absolute;top:0}.hero-marker__body{white-space:nowrap;border-left:2px solid var(--h-amber);color:var(--h-text);background:#0a0d0b99;gap:3px;padding:4px 8px;display:grid;position:absolute;top:-22px}.hero-marker__body b{letter-spacing:.14em;color:var(--h-amber);font-size:10px;font-weight:500}.hero-marker__body i{letter-spacing:.06em;font-size:11px;font-style:normal}.hero-marker[data-side=right] .hero-marker__line{left:6px}.hero-marker[data-side=right] .hero-marker__body{left:60px}.hero-marker[data-side=left] .hero-marker__line{right:6px;transform:scaleX(-1)}.hero-marker[data-side=left] .hero-marker__body{border-left:0;border-right:2px solid var(--h-amber);text-align:right;right:60px}.hero-loader{z-index:10;pointer-events:auto;background:#050606;place-items:center;transition:opacity .5s;display:grid;position:absolute;inset:0}.hero-loader[data-exiting=true]{opacity:0;pointer-events:none}.hero-loader__grid{opacity:.5;background-image:linear-gradient(#e5e7e30d 1px,#0000 1px),linear-gradient(90deg,#e5e7e30d 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 60%,#000,#0000);mask-image:radial-gradient(60% 60%,#000,#0000)}.hero-loader__panel{width:min(440px,88vw);font-family:var(--font-mono), monospace;color:var(--h-text);position:relative}.hero-loader__title{letter-spacing:.18em;border-bottom:1px solid #e5e7e333;justify-content:space-between;margin:0 0 18px;padding-bottom:10px;font-size:11px;display:flex}.hero-loader__title span:last-child{color:var(--h-amber)}.hero-loader__log{letter-spacing:.08em;color:#e5e7e380;align-content:start;gap:5px;min-height:112px;margin:0 0 18px;padding:0;font-size:11px;list-style:none;display:grid}.hero-loader__log li span{color:var(--h-amber)}.hero-loader__log li[data-last=true]{color:var(--h-text)}.hero-loader__bar{grid-template-columns:repeat(24,1fr);gap:3px;display:grid}.hero-loader__bar i{background:#e5e7e31a;height:10px}.hero-loader__bar i[data-on=true]{background:var(--h-amber);box-shadow:0 0 8px #f2a90080}.hero-loader__pct{text-align:right;letter-spacing:.2em;color:#e5e7e399;margin:12px 0 0;font-size:11px}.hero-loader__pct span{color:var(--h-text);font-variant-numeric:tabular-nums;font-size:28px}@media (max-aspect-ratio:9/10){.hero-hud-side,.hero-scroll-cue{display:none}.hero-vignette{background:radial-gradient(120% 80% at 50% 35%,#0000 50%,#000000b3 100%),linear-gradient(#07090a00 42%,#07090aeb 100%)}.hero-copy{bottom:clamp(44px,8vh,80px)}.hero-bracket[data-pos=bl],.hero-bracket[data-pos=br]{display:none}}@media (prefers-reduced-motion:reduce){.hero-dot{animation:none}.hero-noise{opacity:.1}}.hero-stage:after{content:"";z-index:3;pointer-events:none;opacity:var(--bag-vig,0);background:radial-gradient(#0000 40%,#000000bf 100%);transition:opacity 50ms linear;position:absolute;inset:0}.hero-hud-side.chamfer{--fill:#0a0d0b99;position:absolute}.hero-hud-side.chamfer:after{-webkit-backdrop-filter:blur(var(--ds-blur-1,6px));backdrop-filter:blur(var(--ds-blur-1,6px))}.hero-loader__slow{letter-spacing:.1em;color:var(--h-amber);justify-content:space-between;align-items:center;gap:12px;margin:14px 0 0;font-size:11px;display:flex}.hero-loader__slow .btn{pointer-events:auto}
.bag-hud{z-index:20;box-sizing:border-box;width:min(360px,100%);max-width:100%;font:500 12px/1.3 var(--font-mono,ui-monospace, monospace);color:var(--ds-fg-1,#e5e7e3);letter-spacing:.06em;border:1px solid var(--ds-line-amber,#f2a90080);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#0a0c0bd1,#0a0c0ba8);gap:16px;margin-left:auto;padding:16px;display:grid;position:relative}.bag-hud h3{color:var(--ds-amber,#f2a900);letter-spacing:.2em;margin:0 0 8px;font-size:10px;font-weight:600}.bag-hud__head{color:var(--ds-fg-3,#8b918a);justify-content:space-between;display:flex}.bag-hud__head b{color:var(--ds-amber,#f2a900)}.bag-hud__row{flex-wrap:wrap;gap:6px;display:flex}.bag-hud__slots{grid-template-columns:1fr 1fr;gap:6px;margin:0;padding:0;list-style:none;display:grid}.bag-chip,.bag-slot,.bag-opt,.bag-back{appearance:none;cursor:pointer;color:inherit;font:inherit;text-align:left;background:var(--ds-bg-1);border:1px solid var(--ds-line-2);transition:border-color var(--ds-d-micro,.18s) var(--ds-ease-micro,ease), background var(--ds-d-micro,.18s), transform var(--ds-d-micro,.18s);padding:8px 10px}.bag-slot{gap:2px;width:100%;display:grid}.bag-slot em{color:var(--ds-fg-3,#8b918a);font-size:10px;font-style:normal}.bag-slot[data-filled=true] em{color:var(--ds-amber,#f2a900)}.bag-chip:hover,.bag-slot:hover,.bag-opt:hover,.bag-back:hover{border-color:var(--ds-amber,#f2a900);background:var(--ds-amber-lo)}.bag-chip:focus-visible,.bag-slot:focus-visible,.bag-opt:focus-visible,.bag-back:focus-visible{outline:2px solid var(--ds-amber,#f2a900);outline-offset:2px}.bag-chip[aria-checked=true],.bag-slot[aria-pressed=true],.bag-opt[aria-pressed=true]{border-color:var(--ds-amber,#f2a900);background:var(--ds-amber-lo)}.bag-chip:active,.bag-slot:active,.bag-opt:active{transform:translateY(1px)}.bag-chip:disabled,.bag-slot:disabled{opacity:.45;cursor:progress}.bag-hud__options{gap:6px;display:grid}.bag-opt{gap:2px;display:grid}.bag-opt span{color:var(--ds-fg-3,#8b918a);font-size:10px}.bag-opt i{color:var(--ds-amber,#f2a900);font-size:10px;font-style:normal}.bag-back{text-align:center;color:var(--ds-fg-3,#8b918a)}.bag-hud__stats{gap:6px;display:grid}.bag-hud__stats>div:not(.bag-bar){justify-content:space-between;display:flex}.bag-hud__stats span{color:var(--ds-fg-3,#8b918a)}.bag-hud__stats b[data-over=true]{color:var(--ds-alert,#ff5a1f)}.bag-bar{background:#ffffff1a;height:4px;overflow:hidden}.bag-bar i{background:var(--ds-amber,#f2a900);transform-origin:0;height:100%;transition:transform var(--ds-d-medium,.6s) var(--ds-ease-out,cubic-bezier(.215,.61,.355,1));display:block}.bag-bar i[data-over=true]{background:var(--ds-alert,#ff5a1f)}.bag-hud p[role=alert]{color:var(--ds-alert,#ff5a1f);margin:0;font-size:10px}@media (prefers-reduced-motion:reduce){.bag-hud *,.bag-bar i{transition:none!important}}@media (max-width:767px){.bag-hud{width:100%;margin:0 auto}.bag-hud__slots{grid-template-columns:1fr}}