:root{--bg: #050a05;--phosphor: #33ff88;--phosphor-dim: #1c8f4d;--phosphor-glow: rgba(51, 255, 136, .55);--amber: #ffcf4d;--danger: #ff5b5b;--paper: #0a140c;--font: "Courier New", "DejaVu Sans Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#000;color:var(--phosphor);font-family:var(--font);overflow:hidden}#crt{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#0b1a0e,#040804 70%,#000);overflow:hidden;animation:turn-on 1.1s ease-out}@keyframes turn-on{0%{filter:brightness(6) blur(4px);transform:scaleY(.004) scaleX(1.2);opacity:0}8%{transform:scaleY(.006) scaleX(1);opacity:1}40%{filter:brightness(2) blur(1px);transform:scaleY(1) scaleX(1)}to{filter:brightness(1) blur(0);transform:scale(1)}}.scanlines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to bottom,#0000,#0000 2px,#00000047,#00000047 4px);mix-blend-mode:multiply;animation:flicker 5s infinite steps(60);z-index:50}@keyframes flicker{0%,96%,to{opacity:1}97%{opacity:.82}98%{opacity:.95}99%{opacity:.78}}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 140px 30px #000000e6;z-index:40}#app{position:relative;z-index:10;height:100%;width:100%;padding:clamp(1rem,4vw,3rem);display:flex;flex-direction:column;gap:1.2rem;overflow-y:auto;text-shadow:0 0 6px var(--phosphor-glow)}::selection{background:var(--phosphor);color:#000}#app::-webkit-scrollbar{width:10px}#app::-webkit-scrollbar-track{background:transparent}#app::-webkit-scrollbar-thumb{background:var(--phosphor-dim);border-radius:0}.boot{white-space:pre-wrap;line-height:1.5;font-size:clamp(.75rem,1.6vw,1rem)}.boot .ok{color:var(--phosphor)}.boot .warn{color:var(--amber)}.boot .dim{color:var(--phosphor-dim)}.cursor{display:inline-block;width:.6em;height:1.1em;background:var(--phosphor);box-shadow:0 0 8px var(--phosphor-glow);vertical-align:text-bottom;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}header.masthead{border:2px solid var(--phosphor-dim);padding:1rem 1.2rem;position:relative}header.masthead:before{content:"▓ SYSTEM ONLINE";position:absolute;top:-.7em;left:1rem;background:var(--bg);padding:0 .5rem;font-size:.7rem;letter-spacing:.2em;color:var(--phosphor-dim)}.logo{font-size:clamp(.9rem,2.4vw,1.6rem);line-height:1.05;white-space:pre;color:var(--phosphor);text-shadow:0 0 10px var(--phosphor-glow);overflow-x:auto}.tagline{margin-top:.6rem;color:var(--amber);font-size:clamp(.75rem,1.7vw,.95rem);text-shadow:0 0 6px rgba(255,207,77,.5)}.subline{margin-top:.3rem;color:var(--phosphor-dim);font-size:.8rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.2rem}.card{border:2px solid var(--phosphor-dim);background:linear-gradient(180deg,rgba(51,255,136,.04),transparent);padding:1.1rem 1.2rem 1.3rem;cursor:pointer;position:relative;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:.7rem;transition:border-color .12s,box-shadow .12s,transform .12s;outline:none}.card:hover,.card:focus-visible{border-color:var(--phosphor);box-shadow:0 0 0 1px var(--phosphor),0 0 24px #33ff8840;transform:translateY(-2px)}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,transparent 0 3px,rgba(51,255,136,.05) 3px 4px);opacity:0;transition:opacity .12s;pointer-events:none}.card:hover:after,.card:focus-visible:after{opacity:1}.card .idx{font-size:.7rem;letter-spacing:.25em;color:var(--phosphor-dim)}.card .ascii{white-space:pre;font-size:clamp(.55rem,1.3vw,.8rem);line-height:1.1;color:var(--phosphor);overflow-x:auto}.card h2{font-size:clamp(1rem,2.2vw,1.35rem);letter-spacing:.03em}.card .desc{font-size:.85rem;color:var(--phosphor-dim);line-height:1.5}.card .stat{font-size:.85rem;color:var(--amber);text-shadow:0 0 6px rgba(255,207,77,.4);font-variant-numeric:tabular-nums;min-height:1.2em}.card .launch{margin-top:auto;font-size:.85rem;color:var(--phosphor);letter-spacing:.1em}.card .launch .arrow{display:inline-block;transition:transform .12s}.card:hover .launch .arrow,.card:focus-visible .launch .arrow{transform:translate(6px)}footer.prompt{border-top:1px dashed var(--phosphor-dim);padding-top:.9rem;font-size:.8rem;color:var(--phosphor-dim);display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;align-items:center}footer.prompt .live{color:var(--danger);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.3}}footer .cmd{color:var(--phosphor)}footer .ghlink{color:var(--phosphor);text-decoration:none;border-bottom:1px dashed var(--phosphor-dim);transition:text-shadow .12s,border-color .12s}footer .ghlink:before{content:"↗"}footer .ghlink:hover,footer .ghlink:focus-visible{border-color:var(--phosphor);text-shadow:0 0 8px var(--phosphor-glow);outline:none}kbd{border:1px solid var(--phosphor-dim);padding:0 .4em;border-radius:2px;font-family:inherit;font-size:.9em;color:var(--phosphor)}.hidden{display:none!important}@media (prefers-reduced-motion: reduce){#crt{animation:none}.scanlines,.cursor,footer .live{animation:none}}