@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Inter:wght@300;400;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0b;--fg:#e8e8e8;--accent:#c8ff00;--muted:#7a7a72;--glow:rgba(200,255,0,.15)}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);cursor:crosshair;font-family:Inter,sans-serif;overflow-x:hidden}body:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.03'/%3E%3C/svg%3E");content:"";left:0;top:0;z-index:9999}#gl-bg,body:before{height:100%;pointer-events:none;position:fixed;width:100%}#gl-bg{inset:0;z-index:0}body>:not(#gl-bg){position:relative;z-index:1}.trail{background:var(--accent);border-radius:50%;height:8px;mix-blend-mode:screen;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s;width:8px;z-index:10000}.hero{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;position:relative}.hero-title{color:var(--fg);font-family:Space Mono,monospace;font-size:max(4rem,min(15vw,12rem));font-weight:700;letter-spacing:-.04em;line-height:.9;position:relative}.hero-title:after{animation:underline 1.5s ease .5s forwards;background:var(--accent);bottom:-4px;content:"";height:3px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;width:100%}@keyframes underline{to{transform:scaleX(1)}}.hero-sub{animation:fadeUp .8s ease 1s forwards;color:var(--muted);font-family:Space Mono,monospace;font-size:max(.7rem,min(1.5vw,1rem));letter-spacing:.3em;margin-top:1.5rem;opacity:0;text-transform:uppercase}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.scroll-indicator{align-items:center;animation:fadeUp .8s ease 1.5s forwards;bottom:2rem;display:flex;flex-direction:column;gap:.5rem;left:50%;opacity:0;position:absolute;transform:translate(-50%)}.scroll-indicator span{color:var(--muted);font-family:Space Mono,monospace;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase}.scroll-line{animation:pulse 2s ease infinite;background:linear-gradient(to bottom,var(--accent),transparent);height:40px;width:1px}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}section{margin:0 auto;max-width:1200px;padding:6rem 2rem;position:relative}.section-label{align-items:center;color:var(--accent);display:flex;font-family:Space Mono,monospace;font-size:.6rem;gap:1rem;letter-spacing:.3em;margin-bottom:2rem;text-transform:uppercase}.section-label:before{background:var(--accent);content:"";height:1px;width:30px}.manifesto{font-size:max(1.2rem,min(3vw,2.2rem));font-weight:300;line-height:1.5;max-width:800px}.manifesto strong{color:var(--accent);font-weight:600}.signal-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.signal-controls button{background:transparent;border:1px solid rgba(200,255,0,.3);color:var(--accent);cursor:pointer;font-family:Space Mono,monospace;font-size:.65rem;letter-spacing:.2em;padding:.55rem 1.1rem;text-transform:uppercase;transition:background .25s,border-color .25s}.signal-controls button:hover{background:#c8ff0014;border-color:var(--accent)}.signal-hint{color:var(--muted);font-family:Space Mono,monospace;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase}.arena{background:linear-gradient(rgba(200,255,0,.02) 1px,transparent 0),linear-gradient(90deg,rgba(200,255,0,.02) 1px,transparent 0);background-size:48px 48px;border:1px solid rgba(200,255,0,.14);height:max(480px,min(68vh,720px));margin-top:2rem;opacity:0;overflow:hidden;position:relative;transition:opacity .5s ease}.arena.ready{opacity:1}.arena:after,.arena:before{color:#c8ff004d;content:"+";font-family:Space Mono,monospace;font-size:.7rem;position:absolute}.arena:before{left:8px;top:6px}.arena:after{bottom:6px;right:8px}.physics-card{backdrop-filter:blur(2px);background:#0a0a0bdb;border:1px solid rgba(200,255,0,.16);cursor:grab;left:0;padding:1.6rem;position:absolute;top:0;touch-action:none;transition:border-color .3s,box-shadow .3s;-moz-user-select:none;user-select:none;-webkit-user-select:none;width:max(230px,min(26vw,310px));will-change:transform}.physics-card:hover{border-color:var(--accent);box-shadow:0 0 24px #c8ff0012}.physics-card.grabbed{border-color:var(--accent);box-shadow:0 0 34px #c8ff0024;cursor:grabbing;z-index:5}.signal-number{color:var(--muted);font-size:.6rem;margin-bottom:1rem}.signal-number,.signal-title{font-family:Space Mono,monospace}.signal-title{color:var(--fg);font-size:1rem;font-weight:700;margin-bottom:.8rem}.signal-text{color:var(--muted);font-size:.85rem;line-height:1.6}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1px;background:#c8ff0014;border:1px solid rgba(200,255,0,.08);gap:1px}.status-item{background:var(--bg);display:flex;flex-direction:column;gap:.5rem;padding:1.6rem}.status-key{color:var(--muted);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase}.status-key,.status-value{font-family:Space Mono,monospace}.status-value{color:var(--fg);font-size:1.6rem}.clock-container{margin-top:2.5rem;text-align:center}.clock{color:var(--fg);font-size:max(2rem,min(6vw,4rem));letter-spacing:.05em}.clock,.clock-date{font-family:Space Mono,monospace}.clock-date{color:var(--muted);font-size:.65rem;letter-spacing:.25em;margin-top:.5rem;text-transform:uppercase}footer{border-top:1px solid rgba(200,255,0,.06);padding:3rem 2rem;position:relative;text-align:center;z-index:1}footer p{color:var(--muted);font-family:Space Mono,monospace;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase}.marquee{background:var(--accent);margin:3rem 0;overflow:hidden;padding:.55rem 0;position:relative;transform:rotate(-1.4deg) scale(1.03);z-index:1}.marquee-track{animation:marquee 16s linear infinite;color:#050505;display:inline-flex;font-family:Space Mono,monospace;font-size:.72rem;font-weight:700;letter-spacing:.3em;white-space:nowrap}.marquee-track span{padding-right:3rem}@keyframes marquee{to{transform:translate(-50%)}}.gallery{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem;margin-top:2rem}.art{background:#0a0a0b99;border:1px solid rgba(200,255,0,.14);overflow:hidden;position:relative}.art canvas{display:block;height:100%;width:100%}.art-flow{grid-column:1/-1;height:max(260px,min(46vh,460px))}.art-bloom,.art-tile{height:max(240px,min(40vh,420px))}.art figcaption{background:linear-gradient(transparent,#050505d9);bottom:0;color:var(--fg);font-family:Space Mono,monospace;font-size:.55rem;left:0;letter-spacing:.2em;padding:.5rem .9rem;position:absolute;right:0;text-transform:uppercase}@media (max-width:768px){.gallery{grid-template-columns:1fr}}.dom-glitch .hero-title{text-shadow:3px 0 rgba(255,0,90,.5),-3px 0 rgba(0,255,255,.45)}.dom-glitch .marquee,.dom-glitch section{animation:domJitter .14s steps(2) infinite}@keyframes domJitter{0%{transform:translate(0) skew(0)}25%{transform:translate(-2px,1px) skew(-.5deg)}50%{transform:translate(2px,-1px) skew(.4deg)}75%{transform:translate(-1px,1px) skew(0)}to{transform:translate(0) skew(0)}}.glitch-hover:hover{animation:glitch .3s ease}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(2px,-2px)}60%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}to{transform:translate(0)}}.terminal-line{animation:typeIn .5s ease forwards;color:var(--muted);font-family:Space Mono,monospace;font-size:.75rem;margin-bottom:.4rem;opacity:0}.terminal-line .prompt{color:var(--accent)}@keyframes typeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media (max-width:768px){.arena{height:88vh}.physics-card{width:min(300px,84vw)}.status-grid{grid-template-columns:repeat(2,1fr)}section{padding:4rem 1.5rem}}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}