@font-face{font-family:OCRA;src:url(/art/fonts/OCRA.woff) format("woff");font-display:swap}@property --theme{syntax: "<color>"; inherits: true; initial-value: #eef2f5;}@property --theme-hi{syntax: "<color>"; inherits: true; initial-value: #ffffff;}@property --theme-deep{syntax: "<color>"; inherits: true; initial-value: #8a939c;}:root{--theme: #eef2f5;--theme-hi: #ffffff;--theme-deep: #8a939c;--glow: color-mix(in srgb, var(--theme) 70%, transparent);transition:--theme .35s ease,--theme-hi .35s ease,--theme-deep .35s ease;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#000;overflow:hidden}body{font-family:OCRA,OCR A Extended,OCR A Std,ui-monospace,monospace;color:var(--theme);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:focus-visible{outline:1px dashed var(--theme);outline-offset:6px}#cyberspace{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0}.dim{position:fixed;inset:0;background:#00000080;z-index:1;pointer-events:none}.crt{position:fixed;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.65) 100%),repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 1px,transparent 1px 3px);animation:crtFlicker 7s infinite steps(1)}@keyframes crtFlicker{0%,to{opacity:1}47%{opacity:.85}48%{opacity:1}82%{opacity:.9}83%{opacity:1}}body.denied-flash .crt{animation:deniedFlash .45s steps(2) 1}@keyframes deniedFlash{0%{background-color:#ff8c002e}to{background-color:transparent}}.hud{position:fixed;left:0;right:0;z-index:5;display:flex;gap:1em;align-items:center;padding:max(14px,env(safe-area-inset-top)) 20px 14px;font-size:11px;letter-spacing:.18em;text-shadow:0 0 6px var(--glow);opacity:.8}.hud a{color:inherit;text-decoration:none}.hud-top{top:0}.hud-bottom{bottom:0;padding-bottom:max(14px,env(safe-area-inset-bottom))}.hud-right{margin-left:auto}.sound-toggle{font-size:inherit;letter-spacing:inherit;color:inherit;text-shadow:inherit;padding:2px 6px;border:1px solid color-mix(in srgb,var(--theme) 45%,transparent);pointer-events:auto}.sound-toggle[aria-pressed=false]{opacity:.55}.sound-toggle:hover{background:color-mix(in srgb,var(--theme) 15%,transparent)}.hud-dim{opacity:.55}.hud-node{white-space:nowrap}.hud.tighter #clock{display:none}.hud.tight{gap:.55em;letter-spacing:.06em;padding-left:12px;padding-right:12px}.hud-op{white-space:nowrap;font-variant-numeric:tabular-nums}.hud-op .op-s,.hud-op.short .op-l{display:none}.hud-op.short .op-s{display:inline}.hud-op.op-fail .op-n{animation:opFail 1.6s steps(1) infinite}@keyframes opFail{0%,to{opacity:.55}8%{opacity:.1;text-shadow:2px 0 rgba(255,0,60,.8),-2px 0 rgba(0,255,255,.8)}12%{opacity:.55}55%{opacity:.3;letter-spacing:.3em}58%{opacity:.55}}.blink{animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.stage{position:fixed;inset:0;z-index:3;perspective:1100px;perspective-origin:50% 40%;transition:transform .65s ease-in,opacity .65s ease-in,filter .65s}body.jacking .stage{transform:scale(1.6);opacity:0;filter:blur(6px) brightness(2)}.art{position:relative;display:block;filter:url(#rough);animation:idleFlicker 5.5s infinite steps(1)}.layer{position:absolute;inset:0;-webkit-mask:var(--src) center / contain no-repeat;mask:var(--src) center / contain no-repeat}.layer.main{background:linear-gradient(180deg,transparent 0 46%,rgba(255,255,255,.38) 50%,transparent 54%) 0 0 / 100% 320%,repeating-linear-gradient(0deg,rgba(0,0,0,.34) 0 1px,transparent 1px 3px),repeating-linear-gradient(0deg,transparent 0 17px,rgba(255,255,255,.12) 17px 18px,transparent 18px 41px),linear-gradient(105deg,var(--theme-hi) 0%,var(--theme) 42%,var(--theme-deep) 100%);animation:vhsRoll 5s linear infinite}.layer.r,.layer.b{opacity:.9;mix-blend-mode:screen}.layer.r{animation:driftR 3.7s infinite steps(1)}.layer.b{animation:driftB 4.3s infinite steps(1)}.layer.r{--cx: -1px}.layer.b{--cx: 1px}.layer.r,.layer.b{opacity:.45}@keyframes driftR{0%,to{transform:translate(var(--cx,-3px))}18%{transform:translate(calc(var(--cx,-3px) - 1px),1px)}41%{transform:translate(calc(var(--cx,-3px) + 1px))}63%{transform:translate(calc(var(--cx,-3px) - 2px),-1px);clip-path:inset(30% 0 52% 0)}64%{clip-path:none}86%{transform:translate(var(--cx,-3px),1px)}}@keyframes driftB{0%,to{transform:translate(var(--cx,3px))}22%{transform:translate(calc(var(--cx,3px) + 1px),-1px)}47%{transform:translate(calc(var(--cx,3px) - 1px))}71%{transform:translate(calc(var(--cx,3px) + 2px),1px);clip-path:inset(58% 0 22% 0)}72%{clip-path:none}90%{transform:translate(var(--cx,3px),-1px)}}.layer.r{background:#ff1f3d}.layer.b{background:#2a5cff}@keyframes vhsRoll{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:0 -320%,0 0,0 41px,0 0}}@keyframes idleFlicker{0%,to{opacity:1}31%{opacity:.78}32%{opacity:1}64%{opacity:.9;transform:translate(1px)}65%{opacity:1;transform:none}}.logo{position:absolute;left:50%;top:50%;width:92vw;aspect-ratio:1159 / 420;transform:translate(-50%,-50%);transform-style:preserve-3d;transition:--theme .35s ease,--theme-hi .35s ease,--theme-deep .35s ease}.logo .art{position:absolute;inset:0;filter:none}.platform-glow{display:none}body.landing .logo{animation:toPlatform 1.8s cubic-bezier(.65,0,.35,1) forwards;pointer-events:none}@keyframes toPlatform{0%{transform:translate(-50%,-50%) translateY(0) rotateX(0) scale(1)}to{transform:translate(-50%,-50%) translateY(var(--floor, 36vh)) rotateX(76deg) scale(.92)}}.hint{position:absolute;left:0;right:0;top:calc(50% + 19vw);margin:0;text-align:center;font-size:clamp(11px,1.1vw,15px);letter-spacing:.35em;text-shadow:0 0 8px var(--glow);animation:blink 1.4s steps(1) infinite}body.landing .hint{display:none}.glyphs{position:absolute;left:0;right:0;top:33.333vh;transform:translateY(-50%);display:flex;justify-content:space-evenly;align-items:center;padding:0 2vw;pointer-events:none}.glyph{position:relative;width:clamp(54px,9.5vw,150px);opacity:0;pointer-events:none;transform:translateY(70px) scale(.5);display:flex;flex-direction:column;align-items:center;transition:transform .25s ease,--theme .35s ease,--theme-hi .35s ease,--theme-deep .35s ease;--glow: color-mix(in srgb, var(--theme) 70%, transparent)}.glyph .art{width:100%;aspect-ratio:1;filter:none}body.landed .glyph{animation:rise .9s cubic-bezier(.2,.9,.2,1.15) forwards;animation-delay:calc(var(--i) * 95ms);pointer-events:auto}@keyframes rise{0%{opacity:0;transform:translateY(70px) scale(.5);filter:brightness(3) blur(3px)}60%{opacity:1;filter:brightness(1.6) blur(0)}to{opacity:1;transform:translateY(0) scale(1);filter:none}}.beam{position:absolute;left:50%;top:96%;width:2px;height:calc(16.667vh + var(--floor, 36vh) - 6vw);transform:translate(-50%);background:linear-gradient(var(--theme),transparent);opacity:.55;box-shadow:0 0 8px var(--glow)}.g-name,.g-status{position:absolute;left:50%;transform:translate(-50%);white-space:nowrap;pointer-events:none;font-size:clamp(10px,1.15vw,17px);letter-spacing:.22em;text-shadow:0 0 8px var(--glow)}.g-name{bottom:calc(100% + 10px);color:var(--theme-hi);padding:2px 6px;background:#0000008c}.g-name:empty{display:none}.g-status{top:calc(100% + 8px);padding:3px 8px;font-size:clamp(9px,.95vw,14px);background:#000000b8;border:1px solid color-mix(in srgb,var(--theme) 60%,transparent);text-shadow:-1.5px 0 #ff2a6d,1.5px 0 #29a8ff,0 0 8px var(--glow)}.g-status:empty{display:none}.glyph.hot .g-status{animation:statusGlitch 1.7s infinite steps(1)}@keyframes statusGlitch{0%,to{clip-path:none;transform:translate(-50%)}8%{clip-path:inset(0 0 55% 0);transform:translate(calc(-50% - 4px))}10%{clip-path:inset(45% 0 0 0);transform:translate(calc(-50% + 3px))}12%{clip-path:none;transform:translate(-50%)}57%{opacity:.5}58%{opacity:1}}.glyph.hot{transform:translateY(-6px) scale(1.08);z-index:2}.glyph.shake{animation:shake .42s linear 1!important;opacity:1}@keyframes shake{0%,to{transform:translate(0) scale(1.08)}20%{transform:translate(-7px,1px) scale(1.08)}40%{transform:translate(6px,-1px) scale(1.08)}60%{transform:translate(-4px) scale(1.08)}80%{transform:translate(3px,1px) scale(1.08)}}@media(max-width:760px),(orientation:portrait){:root{--floor: 33vh}.logo{width:94vw}.glyphs{flex-wrap:nowrap;justify-content:space-evenly;padding:0 3vw}.glyph{width:clamp(52px,18vw,110px)}.beam{display:none}.g-status{font-size:8px;letter-spacing:.08em;padding:2px 4px}.g-name{font-size:10px;letter-spacing:.12em}.hud{font-size:9px;letter-spacing:.12em}.hud-top .hud-dim{display:none}.sound-toggle{padding:1px 4px;white-space:nowrap}}@media(prefers-reduced-motion:reduce){.layer.r{transform:translate(-1px)}.layer.b{transform:translate(1px)}.art,.layer,.crt,.hint,.blink,.hud-op .op-n{animation:none!important}body.landing .logo{animation-duration:.01s}.glyph.hot .g-status{animation:none}}body.launch-sink .glyph{animation:sink .56s cubic-bezier(.55,0,.8,.3) both!important;animation-delay:calc(var(--i) * 60ms)!important;pointer-events:none}body.launch-sink .glyph .g-name,body.launch-sink .glyph .g-status{opacity:0;transition:opacity .15s}@keyframes sink{0%{opacity:1;transform:translateY(0) scale(1);filter:none}35%{opacity:1;filter:brightness(1.5)}to{opacity:0;transform:translateY(90px) scale(.55,.35);filter:brightness(2.5) blur(2px)}}@media(prefers-reduced-motion:reduce){@keyframes sink{0%{opacity:1}to{opacity:0}}body.launch-sink .glyph{animation-duration:.15s!important;animation-delay:0s!important}}.w95{position:fixed;inset:0;z-index:50;box-sizing:border-box;display:flex;flex-direction:column;background:#000;padding:4px;opacity:0;transform-origin:50% 50%;will-change:transform,opacity;box-shadow:inset 0 0 0 1px #fff,inset 0 0 0 3px #000,inset 0 0 0 4px #ffffff8c;font-family:OCRA,ui-monospace,monospace;color:#fff;overflow:hidden}.w95-title{flex:0 0 auto;height:24px;display:flex;align-items:center;gap:7px;padding:0 4px 0 6px;background:#000;border-bottom:1px solid #fff;font-size:12px;letter-spacing:.1em;white-space:nowrap}.w95-icon{width:14px;height:14px;flex:0 0 14px;background:#fff;-webkit-mask:var(--src) center / contain no-repeat;mask:var(--src) center / contain no-repeat}.w95-name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;font-weight:700;color:#fff}.w95-btns{display:flex;gap:3px;flex:0 0 auto}.w95-btns i{position:relative;width:16px;height:14px;background:#000;box-shadow:inset 0 0 0 1px #fff}.w95-btns .w95-x{margin-left:3px}.w95-min:after{content:"";position:absolute;left:4px;bottom:3px;width:8px;height:1px;background:#fff}.w95-max:after{content:"";position:absolute;left:4px;top:3px;width:8px;height:8px;border:1px solid #fff;border-top-width:2px;box-sizing:border-box}.w95-x:before,.w95-x:after{content:"";position:absolute;left:7.5px;top:3px;width:1px;height:8px;background:#fff;transform:rotate(45deg)}.w95-x:after{transform:rotate(-45deg)}.w95-body{position:relative;flex:1 1 auto;margin-top:3px;background:#000;overflow:hidden;box-shadow:inset 0 0 0 1px #fff}.w95-body img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}.w95-tv{position:absolute;inset:0;width:100%;height:100%;opacity:0}.w95.w95-glitch .w95-tv{opacity:1}.w95.w95-glitch .w95-title{animation:w95wob .9s ease-in-out infinite}@keyframes w95wob{0%,to{transform:translate(0)}30%{transform:translate(2px)}70%{transform:translate(-1.5px)}}body.launching .stage,body.launching .glyphs{pointer-events:none}@media(prefers-reduced-motion:reduce){.w95.w95-glitch .w95-title{animation:none}}