:root{--bg-0:#03050a;--bg-1:#070b14;--gun-0:#1a1d24;--gun-1:#2a2f38;--gun-2:#3d434f;--gun-edge:#5c6370;--gun-hi:#9aa3b2;--amber-0:#ffb347;--amber-1:#ff7a1a;--amber-2:#6b2f0a;--jono-0:#7df9ff;--jono-1:#19a7c2;--jono-2:#0a3a4a;--ink:#d8e2ee;--ink-dim:#7e8a9a}*{box-sizing:border-box}body,html{height:100%}@supports (height:100dvh){@media (max-width:720px){body,html{height:100dvh}}}body{margin:0;background:radial-gradient(1200px 800px at 50% 35%,#0a1322 0,var(--bg-0) 65%);color:var(--ink);font-family:JetBrains Mono,SF Mono,ui-monospace,Menlo,Consolas,monospace;overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;cursor:url(/cursors/reticle.svg) 16 16,crosshair;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}[contenteditable=true],input,textarea{-webkit-user-select:text;-moz-user-select:text;user-select:text}.bar,.boot-scan,.corner,.gate-divider,.gate-frame,.gate-portrait,.hud-mark-bracket,.hud-meta,.rivet,.scan-line{-moz-user-select:none;user-select:none;-webkit-user-select:none}#bg{inset:0;width:100%;height:100%;display:block;z-index:0}#bg,.hud-bottom,.hud-top{position:fixed;pointer-events:none}.hud-bottom,.hud-top{left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:14px 22px;font-size:11px;letter-spacing:.22em;color:var(--ink-dim);z-index:5;text-transform:uppercase}.hud-top{top:0;padding-top:max(14px,env(safe-area-inset-top))}.hud-bottom,.hud-top{padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right))}.hud-bottom{bottom:0;padding-bottom:max(14px,env(safe-area-inset-bottom))}.hud-mark{display:inline-flex;gap:6px;align-items:center;color:var(--ink);text-shadow:0 0 10px rgba(125,249,255,.25)}.hud-mark-bracket{color:var(--gun-edge)}.hud-meta{display:inline-flex;gap:10px}.hud-sep{color:var(--gun-2)}.stage{position:relative;z-index:2;height:100%;justify-content:center;align-items:center;padding:80px 24px}.stage,.stage-title{display:flex;flex-direction:column;pointer-events:none}.stage-title{margin:0 0 28px;text-align:center;gap:4px}.stage-title-pre{font-size:11px;letter-spacing:.5em;color:var(--ink-dim)}.stage-title-main{font-size:clamp(28px,4.5vw,54px);letter-spacing:.32em;font-weight:700;color:var(--ink);text-shadow:0 0 18px rgba(125,249,255,.22)}.stage-title-sub{font-size:10px;letter-spacing:.45em;color:var(--gun-hi);margin-top:4px}.gates{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:clamp(18px,4vw,56px);gap:clamp(18px,4vw,56px);width:100%;max-width:1180px;transition:grid-template-columns .38s cubic-bezier(.2,.8,.2,1)}.gates:has(.gate--amber:hover){grid-template-columns:1.15fr auto .85fr}.gates:has(.gate--jono:hover){grid-template-columns:.55fr auto 1.85fr}.gate{--accent:var(--ink);--accent-dim:var(--ink-dim);position:relative;width:100%;aspect-ratio:1/1;max-width:60vh;margin:0 auto;display:block;text-decoration:none;color:var(--ink);pointer-events:auto;isolation:isolate;transform:translateZ(0);transition:transform .32s cubic-bezier(.2,.8,.2,1),aspect-ratio .38s cubic-bezier(.2,.8,.2,1),max-width .38s cubic-bezier(.2,.8,.2,1);will-change:transform,aspect-ratio}.gate--amber{--accent:var(--amber-0);--accent-dim:var(--amber-1);--accent-deep:var(--amber-2)}.gate--jono{--accent:var(--jono-0);--accent-dim:var(--jono-1);--accent-deep:var(--jono-2)}.gate:hover{transform:translateY(-3px)}.gate:active{transform:translateY(0) scale(.992)}.gate--amber:hover{aspect-ratio:3/4;max-width:70vh}.gate--jono:hover{aspect-ratio:4/3;max-width:90vh}.gate-frame{position:absolute;inset:0;border-radius:6px;background:linear-gradient(160deg,var(--gun-1) 0,var(--gun-0) 35%,#0a0d12 100%);box-shadow:inset 0 0 0 1px var(--gun-edge),inset 0 0 0 2px rgba(0,0,0,.6),inset 0 0 60px rgba(0,0,0,.7),0 30px 70px -30px rgba(0,0,0,.9);overflow:hidden;transition:box-shadow .24s ease}.gate-frame:before{inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px),repeating-linear-gradient(25deg,rgba(0,0,0,.18) 0 1px,transparent 1px 4px);mix-blend-mode:overlay}.gate-frame:after,.gate-frame:before{content:"";position:absolute;pointer-events:none}.gate-frame:after{inset:4px;border-radius:4px;border:1px solid rgba(255,255,255,.04);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.gate:hover .gate-frame{box-shadow:inset 0 0 0 1px var(--accent),inset 0 0 0 2px rgba(0,0,0,.6),0 0 60px -10px color-mix(in srgb,var(--accent) 50%,transparent),0 30px 80px -30px rgba(0,0,0,.9)}.corner{position:absolute;width:36px;height:36px;border:2px solid var(--gun-hi);pointer-events:none;transition:border-color .22s ease,width .28s ease,height .28s ease}.corner--tl{left:8px;border-right:none}.corner--tl,.corner--tr{top:8px;border-bottom:none}.corner--tr{right:8px;border-left:none}.corner--bl{left:8px;border-right:none}.corner--bl,.corner--br{bottom:8px;border-top:none}.corner--br{right:8px;border-left:none}.gate:hover .corner{border-color:var(--accent);width:44px;height:44px}.gate:active .corner{width:30px;height:30px}.rivet{position:absolute;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--gun-hi),var(--gun-0) 60%,#000 100%);box-shadow:0 0 0 1px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.1)}.rivet--tl{top:14px;left:14px}.rivet--tr{top:14px;right:14px}.rivet--bl{bottom:14px;left:14px}.rivet--br{bottom:14px;right:14px}.bar{position:absolute;left:18px;right:18px;height:2px;background:linear-gradient(90deg,transparent 0,var(--gun-edge) 12%,var(--gun-hi) 50%,var(--gun-edge) 88%,transparent 100%);opacity:.55;transition:opacity .22s ease,background .22s ease}.bar--top{top:28px}.bar--bottom{bottom:28px}.gate:hover .bar{opacity:.95;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.scan-line{position:absolute;left:0;right:0;top:-40%;height:14%;background:linear-gradient(180deg,transparent 0,color-mix(in srgb,var(--accent) 18%,transparent) 50%,transparent 100%);pointer-events:none;filter:blur(2px);opacity:0;transition:opacity .2s ease}.gate:hover .scan-line{opacity:1;animation:scan 2.4s linear infinite}@keyframes scan{0%{transform:translateY(0)}to{transform:translateY(1100%)}}.gate-portrait{position:absolute;inset:14px;border-radius:3px;overflow:hidden;background:#02040a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),inset 0 0 30px rgba(0,0,0,.8);transition:inset .38s cubic-bezier(.2,.8,.2,1)}.gate:hover .gate-portrait{inset:22px 22px 130px 22px}.portrait-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;transition:opacity .36s ease,transform .48s cubic-bezier(.2,.8,.2,1),filter .36s ease;will-change:opacity,transform}.portrait-photo--closeup{opacity:1;transform:scale(1);filter:saturate(.55) contrast(1.08) brightness(.92);z-index:1}.portrait-photo--expanded{opacity:0;transform:scale(1.04);filter:saturate(.95) contrast(1.04);z-index:2}.gate--amber .portrait-photo--closeup{filter:saturate(.55) contrast(1.08) brightness(.92) hue-rotate(-4deg)}.gate--jono .portrait-photo--closeup{filter:saturate(.55) contrast(1.08) brightness(.92) hue-rotate(6deg)}.gate--amber .portrait-photo{object-position:50% 30%}.gate--jono .portrait-photo{object-position:50% 40%}.gate:hover .portrait-photo--closeup{opacity:0;transform:scale(1.06)}.gate:hover .portrait-photo--expanded{opacity:1;transform:scale(1)}.portrait-bg{position:absolute;inset:0;background:radial-gradient(120% 80% at 50% 20%,color-mix(in srgb,var(--accent) 25%,transparent) 0,transparent 60%),linear-gradient(180deg,#050810 0,#010206 100%)}.portrait-glow{position:absolute;inset:-10%;background:radial-gradient(50% 40% at 50% 30%,color-mix(in srgb,var(--accent) 35%,transparent) 0,transparent 70%);filter:blur(12px);opacity:.3;transition:opacity .24s ease,transform .24s ease}.gate:hover .portrait-glow{opacity:.85;transform:scale(1.05)}.portrait-grid{position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--accent) 9%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 9%,transparent) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:radial-gradient(80% 70% at 50% 60%,#000 40%,transparent 100%);mask-image:radial-gradient(80% 70% at 50% 60%,#000 40%,transparent 100%);opacity:.5}.gate-cta,.gate-name,.gate-role,.gate-tag{transition:opacity .32s ease 0s,color .22s ease,transform .32s cubic-bezier(.2,.8,.2,1)}.gate-tag{opacity:.55}.gate-name{opacity:.85}.gate-role{opacity:.45}.gate-cta{opacity:0}.gate:hover .gate-tag{opacity:1;transition-delay:60ms}.gate:hover .gate-name{opacity:1;transition-delay:.1s}.gate:hover .gate-role{opacity:1;transition-delay:.14s}.gate:hover .gate-cta{opacity:1;transition-delay:.22s}@media (hover:none){.gate-cta,.gate-name,.gate-role,.gate-tag{opacity:1!important}}.gate-tag{position:absolute;top:18px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.5em;color:var(--accent-dim);text-shadow:0 0 8px color-mix(in srgb,var(--accent) 50%,transparent);z-index:3;padding:4px 12px;border-radius:2px;background:rgba(3,5,10,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent);white-space:nowrap}.gate-name{position:absolute;left:28px;right:28px;bottom:70px;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;pointer-events:none}.gate-name-given{font-size:clamp(22px,2.4vw,32px);letter-spacing:.32em;color:var(--accent);text-shadow:0 0 14px color-mix(in srgb,var(--accent) 55%,transparent)}.gate-name-clan{font-size:12px;letter-spacing:.55em;color:var(--ink);opacity:.85}.gate-role{bottom:50px;text-align:center;font-size:9.5px;color:var(--ink-dim)}.gate-cta,.gate-role{position:absolute;left:28px;right:28px;letter-spacing:.35em}.gate-cta{bottom:22px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;color:var(--ink);padding:8px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);transition:color .22s ease,letter-spacing .22s ease}.gate:hover .gate-cta{color:var(--accent);letter-spacing:.42em}.gate-cta-arrow{display:inline-block;color:var(--accent);transition:transform .24s cubic-bezier(.2,.8,.2,1)}.gate--amber:hover .gate-cta-arrow{transform:translateX(-4px)}.gate--jono:hover .gate-cta-arrow{transform:translateX(4px)}.gate-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;flex:0 0 auto;padding:0 4px;color:var(--gun-edge);opacity:.7;pointer-events:none}.divider-line{width:1px;flex:1 1 auto;background:linear-gradient(180deg,transparent,var(--gun-edge),transparent);min-height:40px}.divider-glyph{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:var(--gun-hi);filter:drop-shadow(0 0 4px rgba(154,163,178,.35));opacity:.85}.gate.is-press .gate-frame{box-shadow:inset 0 0 0 1px var(--accent),inset 0 0 0 2px rgba(0,0,0,.6),inset 0 0 120px color-mix(in srgb,var(--accent) 25%,transparent),0 0 80px -5px color-mix(in srgb,var(--accent) 70%,transparent)}.mobile-shell{display:none;flex-direction:column;position:fixed;inset:0;z-index:5;pointer-events:none}.desktop-shell{display:contents}@media (max-width:720px){.desktop-shell{display:none}.mobile-shell{display:flex}}.m-hud-bottom,.m-hud-top{pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:6px;padding:max(10px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-left)) 8px;color:var(--ink-dim);font-size:9.5px;letter-spacing:.32em;text-transform:uppercase}.m-hud-bottom{padding:8px max(14px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));font-size:9px;letter-spacing:.28em;color:var(--ink-dim);opacity:.85}.m-hud-bracket{color:var(--gun-edge)}.m-hud-text{color:var(--ink)}.m-hud-sep{color:var(--gun-edge)}.m-stage{pointer-events:auto;flex:1 1 auto;min-height:0;padding:4px 12px 6px}.m-eyebrow,.m-stage{display:flex;flex-direction:column}.m-eyebrow{margin:4px 0 10px;align-items:center;gap:4px;text-align:center;text-transform:uppercase}.m-eyebrow-pre{font-size:9px;letter-spacing:.5em;color:var(--gun-edge);padding-left:.5em}.m-eyebrow-sub{font-size:9px;letter-spacing:.36em;color:var(--ink-dim);padding-left:.36em}.m-cards{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;grid-gap:10px;gap:10px;max-width:520px;margin:0 auto;width:100%}.m-card{position:relative;display:block;border:1px solid var(--gun-1);border-radius:2px;text-decoration:none;color:var(--ink);background:#05080f;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 6px 24px -10px rgba(0,0,0,.8);transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease;-webkit-tap-highlight-color:transparent}.m-card-media{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}.m-card--amber{--m-accent:var(--amber-0);--m-accent-deep:var(--amber-1)}.m-card--jono{--m-accent:var(--jono-0);--m-accent-deep:var(--jono-1)}.m-card:active,.m-card:focus-visible{border-color:var(--m-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--m-accent) 40%,transparent),inset 0 0 60px -10px color-mix(in srgb,var(--m-accent) 30%,transparent),0 0 24px -4px color-mix(in srgb,var(--m-accent) 50%,transparent);outline:none}.m-card-bg{left:0;right:0;bottom:0;width:100%;aspect-ratio:1/1;height:auto;object-fit:cover;object-position:center bottom;opacity:1}.m-card-bg,.m-card-veil{position:absolute;pointer-events:none}.m-card-veil{inset:0;background:linear-gradient(180deg,transparent 0,transparent 45%,rgba(3,5,10,.55) 70%,rgba(3,5,10,.92) 100%),radial-gradient(120% 50% at 50% 100%,color-mix(in srgb,var(--m-accent) 18%,transparent) 0,transparent 70%)}.m-card-frame{position:absolute;inset:6px;pointer-events:none}.m-corner{position:absolute;width:14px;height:14px;border:1px solid var(--m-accent);opacity:.7}.m-corner--tl{top:0;left:0;border-right:none;border-bottom:none}.m-corner--tr{top:0;right:0;border-left:none;border-bottom:none}.m-corner--bl{bottom:0;left:0;border-right:none;border-top:none}.m-corner--br{bottom:0;right:0;border-left:none;border-top:none}.m-card-tag{top:14px;z-index:3;padding:4px 12px;border-radius:2px;background:rgba(3,5,10,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--m-accent) 28%,transparent);font-size:10px;letter-spacing:.5em;color:var(--m-accent);text-shadow:0 0 8px color-mix(in srgb,var(--m-accent) 50%,transparent)}.m-card-tag,.m-card-title{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;text-transform:uppercase;text-align:center}.m-card-title{bottom:56px;font-size:clamp(18px,5.4vw,24px);line-height:1.05;letter-spacing:.18em;color:var(--ink);padding-left:.18em;text-shadow:0 0 12px color-mix(in srgb,var(--m-accent) 35%,transparent),0 2px 6px rgba(0,0,0,.7);font-weight:600}.m-card-role{bottom:38px;font-size:9px;letter-spacing:.32em;color:var(--ink-dim);text-align:center;padding-left:.32em}.m-card-cta,.m-card-role{position:absolute;left:16px;right:16px;text-transform:uppercase}.m-card-cta{bottom:12px;display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:.36em;color:var(--m-accent);border-top:1px solid color-mix(in srgb,var(--m-accent) 35%,transparent);padding-top:8px}.m-card-cta-text{padding-left:.36em}@media (max-width:720px) and (max-height:680px){.m-eyebrow{margin:2px 0 6px}.m-eyebrow-pre,.m-eyebrow-sub{font-size:8px}.m-card-title{font-size:clamp(15px,5vw,20px);bottom:50px}.m-card-role{bottom:34px;font-size:8px}.m-card-cta{bottom:10px;font-size:10px;padding-top:6px}}@media (max-width:932px) and (max-height:540px) and (orientation:landscape){.desktop-shell{display:none}.mobile-shell{display:flex}.m-hud-bottom,.m-hud-top{padding-top:max(6px,env(safe-area-inset-top));padding-bottom:4px;font-size:9px;letter-spacing:.28em}.m-hud-bottom{padding-top:4px;padding-bottom:max(6px,env(safe-area-inset-bottom));font-size:8px}.m-stage{padding:2px 14px 4px}.m-eyebrow{margin:2px 0 6px;gap:2px}.m-eyebrow-pre{font-size:8px;letter-spacing:.42em}.m-eyebrow-sub{font-size:8px;letter-spacing:.32em}.m-cards{grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:10px;max-width:760px}.m-card-tag{top:8px;font-size:9px;padding:3px 10px;letter-spacing:.42em}.m-card-title{bottom:44px;font-size:clamp(14px,3.4vw,18px);letter-spacing:.16em}.m-card-role{bottom:28px;font-size:8px;letter-spacing:.26em}.m-card-cta{bottom:8px;font-size:9px;padding-top:5px;letter-spacing:.32em}}@media (pointer:coarse){body{cursor:auto}.gate:hover{transform:none}.gates:has(.gate--amber:hover){grid-template-columns:1fr auto 1fr}.gates:has(.gate--jono:hover){grid-template-columns:1fr auto 1fr}}@media (prefers-reduced-motion:reduce){.boot-scan,.cosmic-canvas,.gate,.gate .bar,.gate .corner,.gate .gate-portrait,.gate .portrait-figure,.gate .portrait-glow,.gate .portrait-grid,.gate .rivet,.gate-divider,.gate-frame,.hud-bottom,.hud-pulse,.hud-top,.scan-line,.stage-title-main,.stage-title-pre,.stage-title-sub-boot,.stage-title-sub-real{animation:none!important}.boot-scan{display:none!important}}body.boot-ready .boot-scan,body.boot-ready .gate,body.boot-ready .gate .bar,body.boot-ready .gate .corner,body.boot-ready .gate .rivet,body.boot-ready .gate-cta,body.boot-ready .gate-divider,body.boot-ready .gate-frame,body.boot-ready .gate-name,body.boot-ready .gate-portrait,body.boot-ready .gate-role,body.boot-ready .gate-tag,body.boot-ready .hud-bottom,body.boot-ready .hud-top,body.boot-ready .portrait-figure,body.boot-ready .portrait-glow,body.boot-ready .portrait-grid,body.boot-ready .stage-title-main,body.boot-ready .stage-title-pre,body.boot-ready .stage-title-sub-boot,body.boot-ready .stage-title-sub-real{animation:none!important}body.boot-ready .boot-scan{display:none}body{cursor:progress}body.boot-ready{cursor:url(/cursors/reticle.svg) 16 16,crosshair}body.boot-ready .gate--amber:hover{cursor:url(/cursors/reticle-amber.svg) 16 16,crosshair}body.boot-ready .gate--jono:hover{cursor:url(/cursors/reticle-jono.svg) 16 16,crosshair}body:not(.boot-ready) .gate{pointer-events:none}.stage-title-sub{position:relative;min-height:1.2em}.stage-title-sub,.stage-title-sub-real{display:inline-block}.stage-title-sub-boot{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--jono-0);text-shadow:0 0 10px color-mix(in srgb,var(--jono-0) 50%,transparent);pointer-events:none;animation:boot-tagline 1.1s ease 60ms forwards}body.boot-ready .stage-title-sub-boot{display:none}@keyframes boot-tagline{0%{opacity:0;transform:translateY(-2px)}18%{opacity:1;transform:translateY(0)}72%{opacity:1}to{opacity:0;transform:translateY(2px)}}.stage-title-sub-real{animation:boot-fade-in .36s ease .82s backwards}.stage-title-main{animation:boot-title-clip .72s cubic-bezier(.2,.8,.2,1) 80ms backwards}@keyframes boot-title-clip{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);opacity:0;letter-spacing:.5em;filter:blur(2px)}60%{opacity:1}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}.stage-title-pre{animation:boot-fade-in .32s ease 40ms backwards}.hud-top{animation:boot-wipe-from-left .38s cubic-bezier(.2,.8,.2,1) 0s backwards}.hud-bottom{animation:boot-wipe-from-right .38s cubic-bezier(.2,.8,.2,1) .12s backwards}@keyframes boot-wipe-from-left{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);opacity:0}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);opacity:1}}@keyframes boot-wipe-from-right{0%{-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%);opacity:0}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);opacity:1}}.gate-divider{animation:boot-fade-in .4s ease .76s backwards}.gate{--boot-order-delay:0ms;--boot-jitter:0ms;--boot-base:calc(var(--boot-order-delay) + var(--boot-jitter));animation:boot-gate-power .52s cubic-bezier(.2,.8,.2,1) calc(.18s + var(--boot-base)) backwards}@keyframes boot-gate-power{0%{opacity:0;transform:translateY(8px) scale(.985);filter:brightness(.4) saturate(.4)}to{opacity:1;transform:translateY(0) scale(1);filter:none}}.gate-frame{animation:boot-frame-flare .7s ease calc(.22s + var(--boot-base)) backwards}@keyframes boot-frame-flare{0%{box-shadow:inset 0 0 0 1px transparent,inset 0 0 0 2px rgba(0,0,0,.6),inset 0 0 0 rgba(0,0,0,.7),0 0 0 -30px rgba(0,0,0,0)}35%{box-shadow:inset 0 0 0 1px var(--gun-hi),inset 0 0 0 2px rgba(0,0,0,.6),inset 0 0 90px rgba(0,0,0,.6),0 0 50px -10px color-mix(in srgb,var(--gun-hi) 40%,transparent)}}.gate .corner{animation:boot-corner-in .52s cubic-bezier(.2,.8,.2,1) calc(.26s + var(--boot-base)) backwards}.gate[data-boot-corner-dir=out] .corner{animation-name:boot-corner-out}@keyframes boot-corner-in{0%{opacity:0;transform:scale(1.6)}60%{opacity:1;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes boot-corner-out{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.gate .rivet{animation:boot-rivet .36s ease calc(.36s + var(--boot-base)) backwards}@keyframes boot-rivet{0%{opacity:0;transform:scale(0);box-shadow:0 0 0 0 transparent}60%{opacity:1;transform:scale(1.3);box-shadow:0 0 8px 2px color-mix(in srgb,var(--accent) 70%,transparent)}to{opacity:1;transform:scale(1)}}.gate .bar{animation:boot-bar .48s cubic-bezier(.2,.8,.2,1) calc(.3s + var(--boot-base)) backwards;transform-origin:50% 50%}@keyframes boot-bar{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:.55}}.gate .gate-portrait{animation:boot-fade-in .46s ease calc(.36s + var(--boot-base)) backwards}.gate .portrait-grid{animation:boot-grid-in .6s ease calc(.42s + var(--boot-base)) backwards}@keyframes boot-grid-in{0%{opacity:0;transform:scale(1.08)}to{opacity:.5;transform:scale(1)}}.gate .portrait-glow{animation:boot-glow-pulse .9s ease calc(.44s + var(--boot-base)) backwards}@keyframes boot-glow-pulse{0%{opacity:0;transform:scale(.6);filter:blur(20px)}45%{opacity:1;transform:scale(1.18);filter:blur(8px)}to{opacity:.55;transform:scale(1);filter:blur(12px)}}.gate .portrait-figure{animation:boot-figure-in .7s cubic-bezier(.2,.8,.2,1) calc(.5s + var(--boot-base)) backwards}@keyframes boot-figure-in{0%{opacity:0;transform:translateY(18px) scale(.96);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:none}}@keyframes boot-fade-in{0%{opacity:0}to{opacity:1}}.boot-scan{position:fixed;left:0;right:0;top:0;height:14vh;pointer-events:none;z-index:4;background:linear-gradient(180deg,transparent,rgba(125,249,255,.1) 35%,rgba(255,179,71,.16) 50%,rgba(125,249,255,.1) 65%,transparent);filter:blur(2px);mix-blend-mode:screen;animation:boot-scan 1.3s ease-out 60ms backwards}@keyframes boot-scan{0%{transform:translateY(-110%);opacity:0}18%{opacity:.9}to{transform:translateY(108vh);opacity:0}}.cosmic-canvas{position:fixed!important;inset:0;z-index:0;pointer-events:none;animation:cosmic-fade-in .7s ease both}@keyframes cosmic-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.cosmic-canvas{animation:none}}.hud-pulse{animation:hud-pulse 4s ease-in-out infinite}@keyframes hud-pulse{0%,to{opacity:.65;text-shadow:0 0 6px color-mix(in srgb,var(--jono-0) 30%,transparent)}50%{opacity:1;text-shadow:0 0 12px color-mix(in srgb,var(--jono-0) 70%,transparent)}}@media (prefers-reduced-motion:reduce){.hud-pulse{animation:none;opacity:.85}}[data-readout]{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.gate:focus{outline:none}.gates:focus,.gates:focus-visible{outline:none}.gate:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:8px}.gate:focus-visible .gate-frame{box-shadow:inset 0 0 0 1px var(--accent),inset 0 0 0 2px rgba(0,0,0,.6),inset 0 0 80px rgba(0,0,0,.6),0 0 60px -10px color-mix(in srgb,var(--accent) 45%,transparent),0 30px 80px -30px rgba(0,0,0,.9)}.skip-link{position:fixed;top:8px;left:50%;transform:translate(-50%,-150%);z-index:100;padding:8px 14px;background:var(--gun-0);color:var(--ink);border:1px solid var(--jono-0);border-radius:4px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;transition:transform .2s ease}.skip-link:focus,.skip-link:focus-visible{transform:translate(-50%);outline:2px solid var(--jono-0);outline-offset:2px}.title-morph{display:inline-block;position:relative;min-width:clamp(280px,56vw,720px);text-align:center;transition:color .32s ease,text-shadow .32s ease}.title-morph__inner{display:inline-block;animation:title-morph-in .46s cubic-bezier(.2,.8,.2,1) both;will-change:transform,opacity,filter,letter-spacing}@keyframes title-morph-in{0%{opacity:0;transform:translateY(6px);filter:blur(8px);letter-spacing:.55em}55%{opacity:1;filter:blur(0)}to{opacity:1;transform:translateY(0);filter:blur(0);letter-spacing:.22em}}.title-morph--amber{color:var(--amber-0);text-shadow:0 0 18px color-mix(in srgb,var(--amber-0) 65%,transparent),0 0 4px color-mix(in srgb,var(--amber-1) 55%,transparent)}.title-morph--jono{color:var(--jono-0);text-shadow:0 0 18px color-mix(in srgb,var(--jono-0) 65%,transparent),0 0 4px color-mix(in srgb,var(--jono-1) 55%,transparent)}@media (prefers-reduced-motion:reduce){.title-morph__inner{animation:none}}