:root{--bg:#03100a;--ink:#a8f0bf;--dim:#5c9a72;--line:#1f5236;--bright:#c7ffd8;--pink:#ff2eb4;--cyan:#3ee6ff;--font:"VT323", ui-monospace, "SF Mono", Menlo, monospace;font-size:clamp(12px,min(1.95vh,1.3vw),24px)}*{box-sizing:border-box}html{background:#000}body{background:radial-gradient(ellipse at 50% 40%, #0a2617 0%, var(--bg) 60%, #000 100%);color:var(--ink);font:1.15rem/1.25 var(--font);margin:0}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--pink);outline-offset:2px}body:after{content:"";pointer-events:none;z-index:10;background:repeating-linear-gradient(#00000038 0 1px,#0000 1px 3px),radial-gradient(#0000 55%,#0000008c 100%);position:fixed;inset:0}.crt{grid-template-rows:1fr auto auto;max-width:92rem;min-height:100vh;margin:0 auto;padding:1.7rem 2.2rem .7rem;display:grid}main{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:2.4rem;padding-bottom:1.4rem;display:grid}.kicker{color:var(--dim);letter-spacing:.14em;margin:0 0 .9rem;font-size:1.1rem}.kicker .pipe{color:var(--line);margin:0 .6em}h1{margin:0;line-height:0}.logo{width:min(100%,30rem);height:auto;overflow:visible}.logo .px-face{fill:var(--pink)}.logo .px-shadow{fill:var(--cyan);opacity:.85}.tagline{color:var(--cyan);letter-spacing:.06em;margin:1rem 0 .7rem;font-size:1.5rem}.cursor{background:var(--cyan);vertical-align:-.1em;width:.55em;height:.9em;margin-left:4px;animation:1.1s step-end infinite blink;display:inline-block}.intro{color:#c9f7d6;margin:0 0 1.3rem;font-size:1.3rem}.notice{border:1px solid var(--pink);color:#ffd0ec;margin:0 0 1rem;padding:.5rem .8rem}.menu-wrap{position:relative}.menu{margin:0;padding:0;list-style:none}.menu li+li{border-top:1px solid var(--line)}.hl{pointer-events:none;border:1px solid var(--pink);background:linear-gradient(90deg,#ff2eb44d,#ff2eb414 70%,#ff2eb433);height:0;transition:transform .22s cubic-bezier(.3,.7,.2,1),height .22s;position:absolute;top:0;left:0;right:0;box-shadow:0 0 1.4rem #ff2eb447,inset 0 0 1rem #ff2eb426}.menu a{outline:none;grid-template-columns:3rem 1fr auto;align-items:start;gap:0 .8rem;min-height:4.5rem;padding:.7rem 1rem .6rem .9rem;text-decoration:none;display:grid;position:relative}.menu .n{font-size:1.45rem}.menu .label{letter-spacing:.06em;color:var(--bright);font-size:1.6rem}.menu .text{color:var(--dim);grid-column:2;font-size:1.12rem}.menu .arrow{grid-area:1/3;font-size:1.45rem;transition:transform .16s}.menu .desk{color:var(--pink);grid-column:2;font-size:1rem;display:none}.menu a.on .n,.menu a.on .label,.menu a.on .arrow{color:#ffd0ec}.menu a.on .label{text-shadow:0 0 10px #ff2eb4cc}.menu a.on .text{color:#ffb3e0}.menu a.on .arrow{transform:translate(4px)}.feed{border:1px solid var(--line);aspect-ratio:16/9;background:#000;margin:0;position:relative;overflow:hidden}.feed video,.feed img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block;position:absolute;inset:0}.feed .hud{letter-spacing:.1em;color:var(--bright);text-shadow:0 0 4px #000,0 0 2px #000;justify-content:space-between;font-size:1.05rem;display:flex;position:absolute;left:.8rem;right:.8rem}.feed .top{top:.5rem}.feed .bottom{bottom:.5rem}.rec:before{content:"";background:#ff3b3b;width:.5rem;height:.5rem;margin-right:.45rem;animation:1.4s step-end infinite blink;display:inline-block}.ask{text-align:center;opacity:0;background:#03100ab8;place-content:center;justify-items:center;gap:.9rem;transition:opacity .18s;display:grid;position:absolute;inset:0}.feed:hover .ask,.feed:focus-within .ask{opacity:1}.ask p{letter-spacing:.08em;color:var(--bright);text-shadow:0 0 10px #78ffaa80;margin:0;font-size:2rem}.ask small{color:var(--dim);letter-spacing:.1em;font-size:1.05rem}.ask a{letter-spacing:.12em;border:1px solid var(--pink);color:#ffd0ec;background:#ff2eb440;padding:.35rem 2rem;font-size:1.6rem;text-decoration:none;box-shadow:0 0 1.2rem #ff2eb466}.ask a:hover{background:var(--pink);color:#12000a}.feed figcaption{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.card{border:1px solid var(--line);background:#061a1099;grid-template-columns:11rem 1fr;align-items:center;gap:1.4rem;margin-top:1rem;padding:1rem 1.3rem;display:grid}.card img{width:100%;height:auto;image-rendering:pixelated;filter:drop-shadow(0 0 10px #ff2eb44d)}.card h2{letter-spacing:.08em;color:var(--bright);margin:0 0 .4rem;font-size:1.45rem;font-weight:400}.card p{color:#a8e8bd;margin:0;font-size:1.12rem}.status{border-top:1px solid var(--line);grid-template-columns:auto auto minmax(6rem,1fr) auto auto;align-items:center;gap:1.3rem;padding:.9rem 0;display:grid}.radar{border:1px solid var(--line);place-items:center;width:4.2rem;height:4.2rem;display:grid}.radar span{border:1px solid var(--dim);background:repeating-radial-gradient(circle,#0000 0 .55rem,#5c9a7259 .55rem .6rem);border-radius:50%;width:3.2rem;height:3.2rem;position:relative;overflow:hidden}.radar span:after{content:"";background:conic-gradient(#a8f0bf8c,#0000 22%);animation:3.2s linear infinite sweep;position:absolute;inset:0}.readout{color:var(--dim);letter-spacing:.08em;border-right:1px solid var(--line);padding-right:1.3rem;font-size:1.05rem;line-height:1.3}.readout b{color:var(--ink);font-weight:400}.wave{width:100%;height:3.4rem;display:block}.thumbs{gap:.35rem;display:flex}.thumbs button{border:1px solid var(--line);cursor:pointer;aspect-ratio:16/9;background:#000;width:5.2rem;padding:0}.thumbs button img{object-fit:cover;width:100%;height:100%;display:block}.thumbs button[aria-current=true]{border-color:var(--pink);box-shadow:0 0 10px #ff2eb480}.live{letter-spacing:.1em;font-size:1.05rem;line-height:1.3}footer{border-top:1px solid var(--line);color:var(--dim);letter-spacing:.1em;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:.7rem 0 .2rem;font-size:1.05rem;display:flex}footer nav a{color:var(--ink);border-left:1px solid var(--line);padding:0 .8rem;text-decoration:none}footer nav a:first-child{border-left:0}footer nav a:hover{color:var(--pink)}.glitch{animation:7s step-end infinite glitch}@keyframes blink{50%{opacity:0}}@keyframes sweep{to{transform:rotate(360deg)}}@keyframes glitch{0%,96%,to{transform:none}96.5%{transform:translate(-3px)skew(-6deg)}97.5%{transform:translate(3px,1px)}98.5%{filter:hue-rotate(40deg);transform:none}}@media (width<=1000px){:root{font-size:15px}.crt{grid-template-rows:auto;min-height:0}main{grid-template-columns:1fr;gap:1.6rem}.status{grid-template-columns:auto 1fr}.status .wave,.status .live{display:none}.thumbs{grid-column:1/-1}.thumbs button{flex:1;width:auto}}@media (width<=640px){:root{font-size:14px}.crt{padding:1.4rem 1.1rem 1rem}.card{grid-template-columns:6rem 1fr;gap:1rem;padding:.9rem}.status{display:none}footer{flex-direction:column}footer nav a:first-child{padding-left:0}}@media (pointer:coarse) and (hover:none){.menu .desk{display:block}.ask{display:none}}@media (prefers-reduced-motion:reduce){.cursor,.rec:before,.radar span:after,.glitch{animation:none}.hl,.menu .arrow{transition:none}}
