:root{--void:#08081a;--board:#120f34;--panel:rgba(18,16,58,.74);--panel-2:rgba(8,8,26,.6);--cyan:#3df0ff;--cyan-dim:#2a8fa8;--ink:#bff2ff;--magenta:#ff3d7f;--amber:#ffcf44;--green:#5dff9b;--violet:#9a7dff;--blue:#3d8bff;--line:rgba(61,240,255,.28);--line-soft:rgba(61,240,255,.13);--pixel:"Press Start 2P","Courier New",monospace;--term:"VT323","Courier New",monospace;--max:1000px;--dw:1}@media(max-width:720px){:root{--dw:0}}*{box-sizing:border-box}html{background:var(--void)}body{margin:0;min-height:100vh;position:relative;overflow-x:hidden;background:radial-gradient(120% 80% at 50% -10%,#241a5e 0%,var(--board) 44%,var(--void) 100%);color:var(--ink);font-family:var(--term);font-size:21px;line-height:1.34}body.reticle-active,body.reticle-active *{cursor:none}a{color:var(--cyan)}#rain{position:fixed;inset:0;width:100%;height:100%;z-index:0;opacity:calc(.55 * var(--dw));pointer-events:none;transform:translateZ(0)}.crt{position:fixed;inset:0;z-index:60;pointer-events:none;transform:translateZ(0);opacity:var(--dw);background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(0,0,0,.22) 3px,transparent 4px),radial-gradient(130% 100% at 50% 50%,transparent 56%,rgba(0,0,0,.6) 100%)}#reticle{position:fixed;left:0;top:0;width:46px;height:46px;margin:-23px 0 0 -23px;z-index:70;pointer-events:none;opacity:0;transition:opacity .18s;transform:translate(var(--x,50vw),var(--y,50vh));will-change:transform}#reticle.on{opacity:.92}#reticle svg{display:block;width:46px;height:46px;overflow:visible}#reticle line,#reticle rect{stroke:var(--cyan);fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}#reticle .halo line,#reticle .halo rect{stroke:var(--cyan);opacity:.35}#reticle .corners{transform-box:fill-box;transform-origin:center;transition:transform .14s ease-out}#reticle.lock line,#reticle.lock rect{stroke:var(--magenta)}@media(prefers-reduced-motion:no-preference){#reticle.lock .corners{transform:rotate(45deg)}}@keyframes blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.cursor{display:inline-block;width:.55ch;height:1.05em;background:var(--cyan);vertical-align:-2px;margin-left:3px;box-shadow:0 0 10px var(--cyan)}@media(prefers-reduced-motion:no-preference){.cursor{animation:blink 1.06s steps(2) infinite}}.wrap{position:relative;z-index:10;max-width:var(--max);margin:0 auto;padding:clamp(16px,3.5vw,38px)}.screen{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#1a16506b,#08081a6b);box-shadow:0 0 0 1px #3df0ff14,0 0 60px #3df0ff1a,inset 0 0 90px #3df0ff0b}.topbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:13px 18px;border-bottom:1px solid var(--line-soft);background:#08081a66}.logo{font-family:var(--pixel);font-size:clamp(11px,2.3vw,15px);color:var(--cyan);text-shadow:0 0 8px rgba(61,240,255,.6);text-decoration:none}.logo b{color:var(--magenta);text-shadow:0 0 8px rgba(255,61,127,.6)}.spacer{flex:1}.clock{font-size:19px;color:var(--green);letter-spacing:1px;text-shadow:0 0 8px rgba(93,255,155,.4)}.conn{font-size:18px;color:var(--cyan-dim);letter-spacing:1px}.conn i{display:inline-block;width:6px;height:12px;margin-left:2px;background:var(--cyan);vertical-align:middle;box-shadow:0 0 6px var(--cyan)}.conn i.off{background:#3df0ff2e;box-shadow:none}.conn .ll{color:var(--cyan-dim);margin-left:5px;letter-spacing:1px}.status{display:flex;align-items:center;gap:8px;font-size:20px;color:var(--green)}.status .dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.body{padding:clamp(16px,3.5vw,30px);display:grid;gap:18px}.nav{display:flex;gap:10px 22px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--line-soft);padding:14px 18px;background:#08081a66}.nav a{color:var(--ink);text-decoration:none;font-size:22px;letter-spacing:1px;cursor:pointer}.nav a:before{content:"▸ ";color:var(--magenta)}.nav a:hover,.nav a:focus-visible{color:var(--cyan);text-shadow:0 0 8px rgba(61,240,255,.6);outline:none}.nav .xy{flex:1;text-align:right;color:var(--cyan-dim);font-size:18px;letter-spacing:1px;font-variant-numeric:tabular-nums}a:focus-visible,.slot:focus-visible,.node:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}#mmodal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:clamp(10px,4vw,40px);background:#03030cf0}#mmodal.on{display:flex}html.mm-open body>:not(#mmodal),html.mm-open body>:not(#mmodal) *{animation-play-state:paused!important}html.mm-open #reticle{display:none}html.mm-open #mmodal,html.mm-open #mmodal *{cursor:auto!important}html.mm-open #mmodal button,html.mm-open #mmodal a{cursor:pointer!important}#mmodal .mw{display:flex;flex-direction:column;width:min(1100px,100%);max-height:100%;border:1px solid var(--cyan);border-radius:10px;background:var(--panel,#0b0b1e);box-shadow:0 0 30px #3df0ff40;overflow:hidden}#mmodal .mtb{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line-soft);background:#08081a}#mmodal .mt{font-family:var(--pixel);font-size:9px;letter-spacing:1px;color:var(--cyan);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#mmodal .mx{margin-left:auto;display:flex;gap:12px;align-items:center}#mmodal .mx a,#mmodal .mx button{font-family:var(--pixel);font-size:9px;color:var(--amber);background:none;border:0;cursor:pointer;text-decoration:none;letter-spacing:1px}#mmodal .mx button:hover,#mmodal .mx a:hover{color:var(--magenta)}#mmodal .mb{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#050512}#mmodal .mb img{max-width:100%;max-height:calc(100vh - 120px);object-fit:contain;display:block}#mmodal .mb img.px{image-rendering:pixelated;min-width:min(70vmin,100%)}#mmodal .mb iframe{width:100%;height:calc(100vh - 120px);border:0;background:#fff}#mmodal .nv{position:absolute;top:50%;transform:translateY(-50%);font-size:22px;color:var(--magenta);text-shadow:0 0 8px var(--magenta);background:none;border:0;cursor:pointer;padding:10px}#mmodal .nv.p{left:4px}#mmodal .nv.n{right:4px}