:root{--bg: #07061a;--panel: #120f33;--magenta: #ff2bd6;--cyan: #00f0ff;--yellow: #ffe600;--green: #39ff14;--orange: #ff8a00;--red: #ff3355;--white: #f4f1ff;--dim: #a9a5d6;--pixel: "Press Start 2P", monospace;--term: "VT323", monospace}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--white);font-family:var(--term);font-size:24px;line-height:1.25;background:radial-gradient(1px 1px at 12% 18%,#fff8 50%,transparent 51%),radial-gradient(1px 1px at 72% 8%,#0ff8 50%,transparent 51%),radial-gradient(2px 2px at 38% 42%,#fff6 50%,transparent 51%),radial-gradient(1px 1px at 88% 36%,#fff8 50%,transparent 51%),radial-gradient(2px 2px at 58% 70%,#0ff6 50%,transparent 51%),radial-gradient(1px 1px at 22% 82%,#fff8 50%,transparent 51%),var(--bg);background-attachment:fixed;overflow-x:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0 2px,rgba(0,0,0,.14) 2px 3px);z-index:10}a{color:var(--cyan)}a:hover{color:var(--yellow)}main{max-width:960px;margin:0 auto;padding:24px 16px 64px}h1,h2,h3,.pixel{font-family:var(--pixel);font-weight:400;letter-spacing:.02em;line-height:1.5}h1{font-size:clamp(28px,7vw,56px);margin:0}h2{font-size:clamp(16px,3.4vw,22px);color:var(--yellow);margin:56px 0 18px;text-shadow:0 0 8px #ffe60088}h3{font-size:13px;margin:0 0 8px}p{margin:0 0 14px}.neon-m{color:var(--magenta);text-shadow:0 0 6px var(--magenta),0 0 22px #ff2bd699}.neon-c{color:var(--cyan);text-shadow:0 0 6px var(--cyan),0 0 22px #00f0ff99}.panel{background:var(--panel);border:3px solid var(--cyan);box-shadow:0 0 12px #00f0ff55,inset 0 0 0 3px var(--bg);padding:18px;clip-path:polygon(6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px),0 6px,6px 6px)}.hero{text-align:center;padding:32px 0 0;position:relative;overflow:clip}.hero img.icon{width:112px;height:112px;image-rendering:pixelated;border:3px solid var(--cyan);box-shadow:0 0 20px #00f0ff88}.hero .tag{font-family:var(--pixel);font-size:clamp(10px,2.4vw,14px);color:var(--yellow);margin:18px 0 8px}.hero .langs{color:var(--dim);font-size:28px;margin-bottom:24px}.blink{animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.btn{display:inline-block;font-family:var(--pixel);font-size:13px;color:var(--white);background:#ff2bd622;border:3px solid var(--magenta);box-shadow:0 0 14px #ff2bd688;padding:16px 22px;text-decoration:none}.grid-floor{height:160px;margin:32px 0 0;background:linear-gradient(to bottom,var(--bg),transparent 40%),repeating-linear-gradient(to right,transparent 0 58px,#ff2bd6aa 58px 60px),repeating-linear-gradient(to bottom,transparent 0 28px,#ff2bd6aa 28px 30px),linear-gradient(to bottom,transparent,#ff2bd633);transform:perspective(240px) rotateX(55deg);transform-origin:top}.shots{display:flex;gap:16px;overflow-x:auto;padding:8px 4px 16px;scroll-snap-type:x mandatory}.shots img{width:220px;height:auto;flex:none;border:3px solid var(--magenta);box-shadow:0 0 14px #ff2bd666;scroll-snap-align:center}.modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.mode .style{display:inline-block;font-family:var(--pixel);font-size:8px;color:var(--bg);padding:3px 6px;margin-bottom:8px}.mode p{color:var(--dim);margin:0}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.facts .panel{border-color:var(--green);box-shadow:0 0 12px #39ff1444}.facts h3{color:var(--green)}.doc h1{font-size:clamp(22px,5vw,34px);margin:18px 0 8px}.doc h2{margin-top:36px}.doc ul{padding-left:22px}.doc li{margin-bottom:8px}.doc .updated{color:var(--dim)}.doc .label{border-color:var(--green)}.doc .label b{color:var(--green);font-family:var(--pixel);font-size:12px}nav.foot{margin-top:56px;padding-top:20px;border-top:2px dashed #8a2be2;display:flex;flex-wrap:wrap;gap:20px;font-family:var(--pixel);font-size:10px}nav.foot span{color:var(--dim);margin-left:auto}nav.top{display:flex;align-items:center;gap:12px;font-family:var(--pixel);font-size:11px}nav.top img{width:36px;height:36px;image-rendering:pixelated}nav.top a{text-decoration:none}@media (prefers-reduced-motion: reduce){.blink{animation:none}}@media (max-width: 480px){body{font-size:21px}.shots img{width:180px}}
