:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background:#0a0618;color:#f8f5fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ccff64;outline-offset:4px}.skip{position:absolute;z-index:20;top:-70px;left:12px;background:#caff65;color:#090519;padding:12px}.skip:focus{top:10px}#space{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-2}.grain{position:fixed;inset:0;z-index:11;pointer-events:none;opacity:.09;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='.84' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.top{min-height:74px;padding:15px clamp(16px,3.5vw,60px);display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;border-bottom:1px solid #ffffff25;background:#0a0618ad;backdrop-filter:blur(12px);position:relative;z-index:3}.brand{font-size:22px;font-weight:1000;letter-spacing:-.07em}.brand span{color:#e89cff}.brand i{font-size:10px;letter-spacing:.13em;color:#caff65;font-style:normal;margin-left:8px}.live,.tiny{font-size:10px;font-weight:900;letter-spacing:.2em}.live{color:#ccc0e5}.dot{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:#caff65;box-shadow:0 0 15px #caff65}.topbtn{display:flex;align-items:center;gap:14px}.topbtn button,.topbtn a{font-size:10px;font-weight:900;letter-spacing:.06em;border:1px solid #ffffff6b;color:#fff;background:transparent;padding:11px;border-radius:3px}.intro{padding:clamp(50px,7vw,118px) clamp(16px,6vw,105px) 80px;max-width:1800px;margin:auto;min-height:80svh}.stamp{font-size:12px;letter-spacing:.22em;color:#caff65;font-weight:900}.stamp b{background:#fb80bb;color:#11091d;padding:7px 9px;margin-left:12px;transform:rotate(5deg);display:inline-block}.intro h1{font-weight:1000;font-stretch:condensed;line-height:.79;font-size:clamp(73px,12.7vw,214px);letter-spacing:-.095em;margin:45px 0 32px;text-transform:uppercase;filter:drop-shadow(0 12px 40px #9a4dfe33)}.acid{color:#ccff6c}.hollow{-webkit-text-stroke:2px #f4ebff;color:transparent}.strap{display:flex;justify-content:space-between;gap:24px;align-items:end;flex-wrap:wrap}.strap p{font-size:clamp(16px,2vw,25px);line-height:1.3;color:#e4d6f1}.strap strong{color:#fb80bb}.intro-actions{display:flex;gap:12px;flex-wrap:wrap}.intro-actions button{padding:17px 24px;background:#ccff6c;color:#120b24;border:2px solid #ccff6c;font-weight:1000;letter-spacing:.04em;box-shadow:7px 7px 0 #e97ffc;transition:transform .2s}.intro-actions button:hover{transform:translateY(-5px) rotate(-1deg)}.intro-actions .ghost{background:transparent;color:#fff;box-shadow:none;border-color:#fff}.deck{background:#e8dfff;color:#150b27;padding:90px clamp(15px,4vw,70px)}.deckhead,.portalhead{max-width:1200px;margin:0 auto 36px}.deckhead h2,.portalhead h2{font-size:clamp(46px,8vw,120px);line-height:.9;letter-spacing:-.08em;margin:15px 0}.deckhead h2 em{font-style:normal;color:#8b27c9}.deckhead p,.portalhead p{font-size:17px;max-width:670px;line-height:1.6}.machine{max-width:1350px;margin:auto;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);border:4px solid #130b25;box-shadow:15px 17px 0 #fb80bb}.controls{padding:clamp(20px,3vw,42px);background:#caff65;display:flex;flex-direction:column;gap:20px}.groupheader{display:flex;justify-content:space-between;flex-wrap:wrap;font-size:12px;margin-bottom:10px}.groupheader span{font-size:10px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choices button{border:2px solid #140824;padding:14px 10px;text-align:left;background:#ffffffad;font-size:13px;font-weight:900}.choices button[aria-pressed=true]{background:#160a2d;color:#caff65;box-shadow:4px 4px 0 #fa71b5;transform:translate(-2px,-2px)}.plus{font-size:50px;font-weight:1000;text-align:center;line-height:1}.mix{border:0;background:#150b27;color:#fff;padding:21px;font-weight:1000;letter-spacing:.04em;display:flex;justify-content:space-between;align-items:center}.mix:hover{background:#5d238c}.mix span{font-size:28px}.output{background:#160b2d;color:#fff;padding:clamp(20px,3vw,40px);min-width:0;position:relative;overflow:hidden}.outputtop{display:flex;justify-content:space-between;gap:15px;color:#caff65;font-size:10px;font-weight:900;letter-spacing:.13em}.vinyl-wrap{display:flex;align-items:center;gap:20px;justify-content:center;padding:24px 0 10px}.vinyl{width:clamp(145px,18vw,245px);aspect-ratio:1;flex-shrink:0;border-radius:50%;border:4px solid #ec81ff;display:grid;place-items:center;background:repeating-radial-gradient(circle,#130921 0px,#130921 5px,#4e285e 6px,#1d102e 9px);box-shadow:0 0 65px #dc53ff55;animation:spin 8s linear infinite}.vinyl-center{border-radius:50%;background:#caff65;color:#170820;width:34%;height:34%;display:grid;place-items:center;font-weight:1000;text-align:center;line-height:1}.waves{display:flex;gap:5px;height:80px;align-items:center}.waves i{height:35%;width:5px;border-radius:20px;background:#caff65;animation:beat 1.1s ease-in-out infinite alternate}.waves i:nth-child(3n){height:80%;animation-delay:.3s;background:#fb80bb}.waves i:nth-child(4n){height:58%;animation-delay:.7s}.output h3{font-size:clamp(31px,4vw,58px);line-height:1;letter-spacing:-.06em;margin:20px 0 10px}.output>p{line-height:1.55;color:#e5d9ef}.tags{display:flex;flex-wrap:wrap;gap:7px}.tags span{font-size:10px;letter-spacing:.09em;border:1px solid #ffffff80;padding:7px}.outactions{display:flex;gap:7px;flex-wrap:wrap;margin-top:23px}.outactions button{font-weight:900;font-size:11px;background:#fff;color:#190d29;border:0;padding:12px}.outactions button:hover{background:#caff65}.output .footnote{font-size:11px;color:#b7a6ca;margin-top:25px}.portalzone{padding:100px clamp(16px,5vw,75px);background:#110923}.portalhead h2 span{color:#caff65}.portalhead p{color:#c8b8df}.portals{max-width:1300px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.portal{min-height:240px;border:1px solid #ffffff3d;position:relative;padding:25px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:transform .25s,background .25s;background:#ffffff0c}.portal:hover{transform:translateY(-6px);background:#4b2363}.portal .emoji{font-size:38px}.portal .number{font-size:10px;color:#caff65;letter-spacing:.18em}.portal strong{font-size:clamp(22px,3vw,40px);line-height:1;letter-spacing:-.05em}.portal small{color:#d7cbe4;line-height:1.4}.portalfooter{max-width:1300px;margin:40px auto 0}.atlasmain{background:#caff65;color:#160b2a;padding:20px 25px;display:flex;justify-content:space-between;font-weight:1000;font-size:clamp(20px,3vw,40px)}.portalfooter p{font-size:12px;color:#bfb0d4}.manifesto{padding:100px clamp(18px,8vw,160px);background:#fb8fc0;color:#160b25}.manifesto blockquote{margin:30px 0;font-size:clamp(35px,6vw,92px);font-weight:1000;line-height:1;letter-spacing:-.065em}.manifesto blockquote span{color:#fff}.manifesto p{font-size:18px;max-width:760px;line-height:1.65}.buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.buttons a{border:2px solid #180d27;font-size:12px;font-weight:900;padding:14px}footer{padding:30px clamp(18px,4vw,70px);display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;font-size:11px;font-weight:900;letter-spacing:.05em}footer a{text-decoration:underline}#toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,140px);background:#caff65;color:#130c26;padding:15px 20px;z-index:15;font-weight:900;transition:transform .25s}#toast.show{transform:translate(-50%,0)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes beat{to{height:15%}}@media(max-width:840px){.machine{grid-template-columns:1fr}.portals{grid-template-columns:1fr 1fr}.intro{min-height:auto}}@media(max-width:520px){.intro h1{font-size:clamp(57px,15vw,84px)}.portals{grid-template-columns:1fr}.portal{min-height:195px}.top .live{display:none}.waves{display:none}.machine{box-shadow:7px 8px 0 #fb80bb}.topbtn{width:100%}.hollow{-webkit-text-stroke:1px #f4ebff}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}