@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;700;800;900&family=Space+Mono:wght@400;700&display=swap');
:root{--acid:#a7ff32;--mint:#3cff9c;--purple:#e95bff;--dark:#080b12;--line:#315d3e}*{box-sizing:border-box}html{min-height:100%;background:var(--dark)}body{margin:0;color:#ecffe1;background:var(--dark);font-family:'Space Mono',monospace;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:5px}.noise{position:fixed;inset:0;z-index:15;pointer-events:none;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");animation:noiseShift .2s steps(3) infinite}.scanlines{position:fixed;inset:0;z-index:16;pointer-events:none;opacity:.24;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,#000 4px,#000 5px)}.flash{position:fixed;inset:0;background:#b3ff36;z-index:60;pointer-events:none;opacity:0}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 clamp(16px,4vw,64px);position:relative;z-index:20;border-bottom:1px solid #2b653d;background:#070d12ee}.brand{display:flex;align-items:center;gap:9px;color:#8dffbe;font:900 clamp(22px,2.7vw,31px)/1 'Barlow Condensed',sans-serif;letter-spacing:1px;text-shadow:0 0 16px #00ff8877}.brand-icon{border:2px solid currentColor;padding:3px 8px;border-radius:7px;box-shadow:0 0 16px #20ff9d44}.brand-small{font:11px monospace;align-self:flex-start}.top-center{font-size:10px;letter-spacing:2px;color:#89dba9}.status{color:var(--acid);font-size:11px;font-weight:bold;white-space:nowrap}.pulse{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--acid);box-shadow:0 0 12px var(--acid);margin-right:7px;animation:blink 1s infinite}.status.red{color:#ff646f}.status.red .pulse{background:#ff3849;box-shadow:0 0 14px #ff3849}.hero{position:relative;min-height:min(760px,calc(100svh - 135px));min-height:max(640px,calc(100svh - 135px));display:grid;place-items:center;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 44%,#204527 0%,#111c22 35%,#080b12 77%)}.hero:before,.hero:after{content:"";position:absolute;inset:0;pointer-events:none}.hero:before{background:repeating-radial-gradient(circle at 50% 47%,transparent 0 42px,#81ff2610 43px 44px);opacity:.7}.hero:after{background:linear-gradient(90deg,#060b10cc,transparent 24%,transparent 76%,#060b10cc);z-index:2}.stars{position:absolute;inset:0;background-image:radial-gradient(#baff84 1px,transparent 2px),radial-gradient(#cc74ff 1px,transparent 2px);background-size:73px 83px,131px 111px;background-position:8px 10px,49px 36px;opacity:.38;animation:starDrift 22s linear infinite}.portal-wrap{position:absolute;width:min(830px,98vw);aspect-ratio:1;top:48%;left:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 60px #5cff2b88);opacity:.93}.portal-halo{position:absolute;inset:5%;border-radius:50%;background:radial-gradient(circle,#c8ff6b 0,#b4ff00 7%,#43d70c 27%,#0b6e2c 48%,transparent 72%);filter:blur(42px);animation:breath 3s ease-in-out infinite}.portal{position:absolute;inset:10%;border-radius:50%;overflow:hidden;background:repeating-conic-gradient(from 20deg,#aaff29 0 9deg,#1fb82d 13deg 23deg,#b6ff39 27deg 34deg,#087643 39deg 48deg,#4cff0d 51deg 58deg);box-shadow:0 0 25px #afff50,0 0 100px #65ff30,inset 0 0 80px #041e0b;animation:spin 16s linear infinite}.portal:after{content:"";position:absolute;inset:10%;border-radius:48% 52% 47% 53%;background:repeating-conic-gradient(from 120deg,#38d928 0 15deg,#baff32 18deg 29deg,#007b3d 33deg 43deg);filter:blur(12px);animation:spinReverse 7s linear infinite}.portal-ring{position:absolute;z-index:2;border:14px solid #b9ff49;border-left-color:transparent;border-right-color:#4fe122;border-radius:48% 52% 55% 45%;filter:drop-shadow(0 0 11px #a7ff36)}.ring-a{inset:8%;transform:rotate(15deg);animation:wobble 5s ease-in-out infinite}.ring-b{inset:25%;border-width:10px;transform:rotate(70deg);animation:wobble 4s ease-in-out reverse infinite}.ring-c{inset:38%;border-width:7px;animation:spin 6s linear infinite}.portal-core{position:absolute;inset:44%;z-index:3;border-radius:50%;background:#e5ff7b;box-shadow:0 0 40px 20px #c0ff35}.portal-sparks{position:absolute;inset:0;background:repeating-conic-gradient(transparent 0 24deg,#e7ff9a 25deg 25.5deg,transparent 26deg 47deg);mix-blend-mode:screen;animation:spinReverse 3s linear infinite;opacity:.5}.hero-content{position:relative;z-index:5;text-align:center;padding:40px 16px 54px;max-width:1000px}.eyebrow{font-size:clamp(10px,1.1vw,13px);letter-spacing:2.5px;color:#d3ffad;text-shadow:0 0 14px #9dff55}.hero h1{font:900 clamp(72px,13vw,190px)/.9 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.035em;margin:20px 0 8px;transform:rotate(-2deg);color:#b6ff40;-webkit-text-stroke:2px #17230c;text-shadow:5px 7px 0 #173c12,-3px -3px 0 #ecff92,0 0 30px #c1ff35,0 0 85px #50ff1c;animation:titleJitter 7s steps(1) infinite}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;inset:0;opacity:0;pointer-events:none}.glitch:before{color:#f043ff;text-shadow:-6px 0 #f043ff;animation:glitch 6s infinite}.glitch:after{color:#34ffef;text-shadow:6px 0 #34ffef;animation:glitch 6s infinite reverse}.subtitle{display:inline-block;background:#180b24;padding:9px 18px;border:2px solid #a535d3;color:#fff;font:800 clamp(17px,2.3vw,30px)/1 'Barlow Condensed',sans-serif;letter-spacing:1px;box-shadow:5px 5px 0 #050b12,0 0 18px #c835ff66;transform:rotate(-1deg)}.subtitle span{color:#f5a4ff}.hero-copy{font-size:clamp(11px,1.2vw,14px);line-height:1.9;max-width:680px;margin:26px auto;color:#e3ffe1;text-shadow:0 2px 9px #06140b}.enter-button{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;margin:28px auto 0;width:min(390px,88vw);min-height:122px;border:9px solid #202c2c;border-radius:18px;background:linear-gradient(140deg,#d5ff5b,#7aff21 48%,#4ad300);box-shadow:0 0 0 4px #60766c,0 12px 0 #050e10,0 20px 65px #80ff3299,inset 0 0 28px #eaff8c;color:#0a210c;transform:rotate(-2deg);transition:transform .18s,box-shadow .18s;animation:buttonGlow 2s ease-in-out infinite}.enter-button:hover{transform:rotate(1deg) scale(1.07);box-shadow:0 0 0 4px #a3ff8e,0 12px 0 #050e10,0 20px 90px #aaff39}.enter-button:active{transform:scale(.97)}.button-main{font:900 clamp(52px,7vw,78px)/.95 'Barlow Condensed',sans-serif;letter-spacing:2px}.arrow{font-size:.5em;vertical-align:middle}.button-sub{font-size:11px;font-weight:bold;letter-spacing:1px}.button-spark{position:absolute;top:-24px;right:-20px;color:#eeff99;font-size:42px;animation:spin 8s linear infinite}.warning{margin-top:30px;color:#baff77;font-size:10px;letter-spacing:1px}.float-tv{position:absolute;z-index:3;width:clamp(115px,16vw,230px);padding:12px;background:#282a3d;border:5px solid #454662;border-radius:20px;box-shadow:8px 12px 0 #08090f,0 0 20px #b36bff55;animation:float 6s ease-in-out infinite}.tv-screen{aspect-ratio:4/3;border:5px solid #121722;border-radius:36% / 20%;display:grid;place-items:center;position:relative;background:repeating-linear-gradient(0deg,#15382e 0 3px,#47cf9a 4px 6px);overflow:hidden}.tv-screen span{font:900 110px/1 'Barlow Condensed';color:#c8ff7b;text-shadow:0 0 20px #c8ff7b}.tv-screen small{position:absolute;bottom:5px;left:8px;color:#fff;font-size:9px}.tv-screen.alien{background:repeating-linear-gradient(30deg,#5d217c,#bb3ee4 9px,#291349 17px)}.tv-feet{position:absolute;bottom:-14px;left:18%;width:65%;height:12px;background:#161624;border-radius:4px}.tv-left{left:2%;top:13%;transform:rotate(-15deg)}.tv-right{right:3%;top:17%;transform:rotate(13deg);animation-delay:-2s}.tv-bottom{right:7%;bottom:6%;width:140px;transform:rotate(-9deg);animation-delay:-4s}.tv-bottom .tv-screen span{font-size:65px}.sticker{position:absolute;z-index:4;font:900 clamp(15px,2vw,25px)/1.1 'Barlow Condensed',sans-serif;color:#ffb6f9;text-shadow:2px 3px #000;letter-spacing:1px}.sticker-left{bottom:17%;left:3%;transform:rotate(-8deg)}.sticker-left b{color:#b9ff77}.sticker-right{top:43%;right:3%;transform:rotate(8deg);color:#ffde9e}.broadcast-bar{height:39px;background:#050909;border-top:2px solid #55ff84;border-bottom:2px solid #55ff84;color:#69ffab;display:flex;align-items:center;overflow:hidden;font-size:12px;font-weight:bold;white-space:nowrap}.marquee{display:flex;min-width:max-content;animation:marquee 28s linear infinite}.marquee span{flex:none}.home-footer{min-height:50px;padding:13px clamp(16px,4vw,64px);display:flex;justify-content:space-between;align-items:center;gap:12px;color:#75a98a;font-size:10px;letter-spacing:1px}.text-button{background:none;border:0;color:#adff7a;font-size:10px}.transition{position:fixed;inset:0;z-index:100;background:#030806;display:grid;place-items:center;visibility:hidden;opacity:0;transition:opacity .25s}.transition.active{visibility:visible;opacity:1}.transition-portal{position:absolute;width:20vmin;aspect-ratio:1;border-radius:50%;background:repeating-conic-gradient(#aaff31 0 20deg,#117a37 24deg 43deg,#e3ff71 45deg 55deg);box-shadow:0 0 50px #baff47;animation:spin 1s linear infinite}.transition.active .transition-portal{animation:spin .45s linear infinite,expand 1.35s ease-in forwards}.transition-message{z-index:1;font:900 clamp(24px,5vw,65px) 'Barlow Condensed';color:#fff;text-align:center;text-shadow:0 0 22px #000;letter-spacing:3px}.transition-message span{display:block;font:12px 'Space Mono';margin-top:10px}.live-page{min-height:100svh;background:radial-gradient(ellipse at 50% 10%,#1b2e2b,#080b12 68%)}.live-layout{width:min(1120px,94%);margin:0 auto;padding:30px 0 28px}.live-heading{text-align:center;margin-bottom:26px}.live-heading h1{font:900 clamp(60px,9vw,112px)/.95 'Barlow Condensed';color:#b9ff58;margin:9px 0;text-shadow:4px 4px 0 #143c25,0 0 35px #6eff3477}.live-heading h1 em{color:#ff4e70;font-style:normal}.live-heading p{font-size:12px;color:#b7cbbd}.monitor{padding:13px;background:#303a3c;border:5px solid #65716a;border-radius:18px;box-shadow:0 0 0 5px #0d1317,0 25px 70px #000,0 0 40px #7bff2b33}.monitor-bezel{border:4px solid #111e1e;border-radius:12px;background:#111819;padding:12px}.monitor-top{display:flex;justify-content:space-between;gap:8px;font-size:12px;padding:2px 5px 10px;color:#b8fbb4}.recording{color:#ff6477}.recording i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff3c58;box-shadow:0 0 10px #ff3c58;animation:blink 1s infinite}.video-area{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0b1511;border:2px solid #427c65;border-radius:8px}.video-area video{display:block;width:100%;height:100%;object-fit:contain;background:#050806}.video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;background:radial-gradient(circle,#183a2b 0%,#0c1a16 45%,#030a08 100%);color:#a3ffb8;padding:20px}.video-placeholder.hidden{display:none}.video-placeholder:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 4px,#7cff6422 5px 6px);pointer-events:none}.reticle{position:absolute;width:38%;aspect-ratio:1;border:1px solid #4b996a44;border-radius:50%;box-shadow:0 0 0 45px #4b996a0a,0 0 0 90px #4b996a0a}.ghost{font-size:clamp(60px,10vw,125px);color:#a3ffb8;text-shadow:0 0 50px #a3ffb8;animation:breath 2.5s infinite}.placeholder-title{font:900 clamp(22px,4vw,45px) 'Barlow Condensed';letter-spacing:3px}.video-placeholder p{font-size:clamp(9px,1.3vw,13px);margin:0}.video-placeholder small{font-size:9px;color:#77aa88}.loading-track{height:9px;width:min(330px,80%);border:1px solid #6dc57a;background:#122a1b}.loading-track div{height:100%;width:40%;background:#a4ff49;animation:loading 2.3s ease-in-out infinite}.camera-overlay{position:absolute;z-index:2;pointer-events:none;color:#b1f6bc;font-size:clamp(9px,1.2vw,13px);text-shadow:0 1px 5px #000}.top-left{top:18px;left:20px}.top-left span{color:#ff6262}.bottom-left{bottom:15px;left:20px}.bottom-right{bottom:15px;right:20px}.monitor-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:14px 0 0}.monitor-controls button{padding:12px 16px;border:1px solid #488a66;background:#152923;color:#bbffbc;border-radius:5px;font-size:11px}.monitor-controls button:hover{background:#28543a}.signal-meter{margin-left:auto;color:#a9ff80;font-size:11px}.signal-meter span{margin-right:12px}.signal-meter b{font-size:23px;letter-spacing:3px}.live-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-top:22px;font-size:11px}.back-link{color:#c1ff7b;border-bottom:1px solid #a1ff56;padding-bottom:5px}.transmission{color:#8bffae}.tiny{font-size:9px;color:#819b87}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{to{transform:rotate(-360deg)}}@keyframes wobble{50%{transform:rotate(45deg) scale(1.09)}}@keyframes breath{50%{transform:scale(1.08);opacity:.75}}@keyframes blink{50%{opacity:.25}}@keyframes float{50%{translate:0 -24px}}@keyframes starDrift{to{background-position:81px 93px,180px 147px}}@keyframes noiseShift{0%{transform:translate(0)}25%{transform:translate(1%,-1%)}50%{transform:translate(-1%,1%)}75%{transform:translate(1%,1%)}}@keyframes titleJitter{0%,96%,100%{translate:0 0}97%{translate:3px -2px}98%{translate:-4px 2px}}@keyframes glitch{0%,92%,100%{opacity:0;clip-path:inset(0)}93%{opacity:.9;clip-path:inset(10% 0 65% 0);translate:9px 0}94%{opacity:.7;clip-path:inset(60% 0 15% 0);translate:-12px 0}95%{opacity:0}}@keyframes buttonGlow{50%{filter:brightness(1.13)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes expand{to{width:250vmax;opacity:1}}@keyframes loading{0%{transform:translateX(-110%)}100%{transform:translateX(340%)}}@media(max-width:850px){.top-center{display:none}.float-tv{opacity:.6}.tv-left{left:-10%;top:9%}.tv-right{right:-10%;top:8%}.tv-bottom,.sticker{display:none}.hero{min-height:720px}.hero h1{font-size:clamp(62px,15vw,130px)}.portal-wrap{width:115vw}.hero-content{padding-top:90px}.hero-copy{max-width:450px}.home-footer span:nth-child(2){display:none}}@media(max-width:520px){.topbar{height:60px}.status{font-size:9px}.brand{font-size:23px}.hero{min-height:660px}.hero h1{font-size:clamp(57px,16vw,86px);-webkit-text-stroke:1px #17230c}.hero-content{padding-top:65px}.hero-copy br{display:none}.hero-copy{max-width:330px}.eyebrow{letter-spacing:1px}.enter-button{min-height:105px;width:290px}.button-main{font-size:60px}.portal-wrap{width:155vw}.float-tv{width:120px;opacity:.4}.monitor{padding:5px;border-width:3px}.monitor-bezel{padding:5px}.video-area{aspect-ratio:4/3}.monitor-controls button{padding:9px 11px}.signal-meter{display:none}.camera-overlay{font-size:9px}.live-layout{padding-top:20px}.live-heading h1{font-size:65px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.transition.active .transition-portal{width:100vmax}}