:root{--ink-950: #07090c;--ink-900: #0d1116;--ink-800: #171c22;--bone-100: #ece8df;--bone-300: #c6c1b7;--signal-red: #d33a3f;--signal-cyan: #54bdca;--dust-gold: #ad9365;--font-display: "Barlow Condensed", "Archivo Narrow", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--hud-dim: color-mix(in srgb, var(--bone-300) 55%, transparent)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--ink-950);color:var(--bone-100);font-family:var(--font-mono);color-scheme:dark;overscroll-behavior:none;-webkit-user-select:none;user-select:none}#viewport{position:fixed;inset:0;display:block;width:100%;height:100%;outline:none;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none;z-index:2}#ui button,#ui a,#ui [data-interactive]{pointer-events:auto}.grain{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:.5;mix-blend-mode:overlay;background-image:repeating-linear-gradient(to bottom,rgba(255,255,255,.035) 0px,rgba(255,255,255,.035) 1px,transparent 1px,transparent 3px)}.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,transparent 40%,rgba(0,0,0,.55) 100%)}.hud{position:absolute;inset:0;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;opacity:0;transition:opacity .28s cubic-bezier(.2,0,0,1)}.hud[data-active=true]{opacity:1}.hud__frame{position:absolute;inset:18px;border:1px solid color-mix(in srgb,var(--bone-300) 12%,transparent);clip-path:polygon(0 0,36px 0,36px 1px,calc(100% - 36px) 1px,calc(100% - 36px) 0,100% 0,100% 100%,calc(100% - 36px) 100%,calc(100% - 36px) calc(100% - 1px),36px calc(100% - 1px),36px 100%,0 100%)}.hud__block{position:absolute;display:grid;gap:.3rem}.hud__block--tl{top:34px;left:34px}.hud__block--tr{top:34px;right:34px;text-align:right;justify-items:end}.hud__block--bl{bottom:34px;left:34px}.hud__block--br{bottom:34px;right:34px;text-align:right;justify-items:end}.hud__label{font-size:.6rem;letter-spacing:.3em;color:color-mix(in srgb,var(--dust-gold) 85%,transparent)}.hud__value{font-family:var(--font-display);font-size:1.55rem;letter-spacing:.08em;line-height:1;color:var(--bone-100)}.hud__value--cyan{color:var(--signal-cyan)}.hud__sub{font-size:.62rem;letter-spacing:.22em;color:var(--hud-dim)}.hud__row{display:grid;grid-template-columns:auto auto;gap:.75rem;font-size:.62rem;letter-spacing:.14em;color:var(--hud-dim)}.hud__row b{font-weight:400;color:var(--bone-300)}.reticle{position:absolute;left:50%;top:50%;width:26px;height:26px;transform:translate(-50%,-50%)}.reticle span{position:absolute;background:var(--bone-100);box-shadow:0 0 6px #54bdca8c}.reticle span:nth-child(1){left:50%;top:0;width:1px;height:7px;transform:translate(-50%)}.reticle span:nth-child(2){left:50%;bottom:0;width:1px;height:7px;transform:translate(-50%)}.reticle span:nth-child(3){top:50%;left:0;height:1px;width:7px;transform:translateY(-50%)}.reticle span:nth-child(4){top:50%;right:0;height:1px;width:7px;transform:translateY(-50%)}.reticle span:nth-child(5){left:50%;top:50%;width:2px;height:2px;transform:translate(-50%,-50%);background:var(--signal-cyan)}.gate{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:1.1rem;text-align:center;padding:2rem;background:linear-gradient(100deg,color-mix(in srgb,var(--signal-red) 10%,transparent) 0%,transparent 45%,transparent 55%,color-mix(in srgb,var(--signal-cyan) 10%,transparent) 100%),radial-gradient(120% 90% at 50% 30%,#171c22d1,#07090cf0 70%);backdrop-filter:blur(3px);transition:opacity .28s cubic-bezier(.2,0,0,1)}.gate[hidden]{display:none}.gate__mark{font-family:var(--font-display);font-size:clamp(2.2rem,7vw,4.5rem);letter-spacing:.16em;text-transform:uppercase;line-height:1;margin:0}.gate__mark i{font-style:normal;color:var(--signal-red)}.gate__sub{font-size:.7rem;letter-spacing:.42em;text-transform:uppercase;color:var(--bone-300);margin:0}.gate__hint{font-size:.66rem;letter-spacing:.2em;color:var(--hud-dim);max-width:46ch;line-height:1.9;margin:0}.gate__button{margin-top:.5rem;padding:.9rem 2.2rem;border:1px solid var(--bone-100);border-radius:2px;background:var(--bone-100);color:var(--ink-950);font-family:var(--font-display);font-size:1.05rem;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:transform .15s cubic-bezier(.2,0,0,1),background .15s cubic-bezier(.2,0,0,1)}.gate__button:hover{transform:translateY(-2px);background:#fff}.gate__button:focus-visible{outline:2px solid var(--signal-cyan);outline-offset:3px}.keys{display:flex;flex-wrap:wrap;gap:.5rem .75rem;justify-content:center;max-width:40rem;margin:0;padding:0;list-style:none}.keys li{display:flex;align-items:center;gap:.45rem;font-size:.6rem;letter-spacing:.16em;color:var(--hud-dim)}.keys kbd{display:inline-block;min-width:1.6rem;padding:.25rem .4rem;border:1px solid color-mix(in srgb,var(--bone-300) 30%,transparent);border-radius:2px;background:color-mix(in srgb,var(--ink-800) 80%,transparent);font-family:var(--font-mono);font-size:.6rem;letter-spacing:.08em;color:var(--bone-100);text-align:center}.fault{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:.9rem;text-align:center;padding:2rem;background:var(--ink-950)}.fault h1{font-family:var(--font-display);font-size:clamp(1.6rem,5vw,2.6rem);letter-spacing:.14em;text-transform:uppercase;margin:0;color:var(--signal-red)}.fault p{max-width:52ch;font-size:.72rem;letter-spacing:.14em;line-height:2;color:var(--bone-300);margin:0}.fault a{color:var(--signal-cyan)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.gate__button:hover{transform:none}.grain{display:none}}