:root{--ink:#291b22;--espresso:#201519;--cream:#fff2d5;--mint:#a6edcf;--mauve:#ae647f;--tomato:#e15d4c;--yellow:#ffd75a;--line:rgba(255,242,213,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--espresso);color:var(--cream);font-family:'DM Mono',monospace;overflow-x:hidden;cursor:none}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.grain{pointer-events:none;position:fixed;inset:0;z-index:9;opacity:.1;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");mix-blend-mode:overlay}.cursor{width:28px;height:28px;border:2px solid var(--mint);border-radius:50%;position:fixed;z-index:20;pointer-events:none;transform:translate(-50%,-50%);display:grid;place-items:center;transition:width .2s,height .2s,background .2s}.cursor span{font:700 20px Fredoka;color:var(--mint)}a,button{cursor:none}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:4}.brand{color:var(--cream);text-decoration:none;font:700 27px Fredoka;letter-spacing:-1px}.brand em{font:500 11px 'DM Mono';color:var(--mint);vertical-align:middle;margin-left:7px}.brand-dot{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--tomato);margin-right:8px;box-shadow:16px 0 var(--yellow)}nav{display:flex;gap:26px}nav a,.socials a{color:var(--cream);text-decoration:none;font-size:11px;letter-spacing:.07em}.socials{display:flex;gap:8px}.socials a{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;transition:.2s}.socials a:hover{background:var(--mint);color:var(--ink)}.hero{min-height:calc(100vh - 86px);display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;padding:60px 0 90px}.hero:before{content:'';position:absolute;inset:-200px -15vw auto;height:720px;background:radial-gradient(circle at 70% 48%,rgba(174,100,127,.45),transparent 27%),radial-gradient(circle at 50% 45%,rgba(166,237,207,.14),transparent 30%);z-index:-1}.eyebrow{font-size:10px;letter-spacing:.14em;color:var(--mint);margin:0 0 18px}.eyebrow span{display:inline-block;width:25px;height:2px;vertical-align:middle;background:var(--tomato);margin-right:8px}.hero h1,.game-heading h2,.how h2,.signal h2{font:700 clamp(67px,9vw,128px)/.75 Fredoka;margin:0;letter-spacing:-.07em}.hero h1 i{font-style:normal;color:var(--mauve);text-shadow:3px 3px 0 var(--tomato)}.lead{max-width:380px;color:#dfcfc1;font-size:14px;line-height:1.7;margin:28px 0}.buy-button{display:flex;justify-content:space-between;align-items:center;width:min(365px,100%);background:var(--mint);color:var(--ink);border-radius:10px;padding:18px 20px;text-decoration:none;font:600 21px Fredoka;box-shadow:0 9px 0 #5da889;transition:transform .2s,box-shadow .2s}.buy-button:hover{transform:translateY(5px);box-shadow:0 4px 0 #5da889}.buy-button b{font-size:26px}.ca-card{max-width:365px;display:flex;gap:12px;align-items:center;margin-top:20px;background:#35222a;border:1px solid var(--line);padding:12px;border-radius:8px;font-size:10px;overflow:hidden}.ca-card span{color:var(--yellow);font-weight:bold}.ca-card code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;color:#d9c8bd}.ca-card button{border:0;background:none;color:var(--mint);font:700 10px 'DM Mono';padding:5px}.hero-art{min-height:580px;position:relative;display:grid;place-items:center;perspective:1000px}.cassette-card{width:min(580px,55vw);transform:rotate(-4deg);filter:drop-shadow(0 30px 35px rgba(0,0,0,.45));animation:float 5s ease-in-out infinite}.cassette-card img{width:100%;border-radius:24px;mix-blend-mode:screen}.hero-art:after{content:'';position:absolute;z-index:-1;width:440px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--mint),var(--yellow),var(--tomato),var(--mauve),var(--mint));filter:blur(1px);opacity:.8;animation:spin 18s linear infinite}.orbit-one,.orbit-two{position:absolute;border:1px solid rgba(166,237,207,.28);border-radius:50%;z-index:-1}.orbit-one{width:520px;height:250px;transform:rotate(33deg)}.orbit-two{width:620px;height:300px;transform:rotate(-27deg)}.float-tag{position:absolute;background:var(--cream);color:var(--ink);font-size:10px;padding:10px 12px;border-radius:5px;box-shadow:0 5px 0 var(--tomato);z-index:2}.tag-one{top:19%;right:3%;transform:rotate(8deg)}.tag-two{bottom:18%;left:4%;transform:rotate(-8deg)}.difficulty{padding:80px 0 120px}.section-label{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:18px}.section-label p{font-size:10px;color:var(--mauve);margin:0}.section-label h2{font:600 24px Fredoka;margin:0}.difficulty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.difficulty-card{background:#302027;color:var(--cream);border:1px solid #513642;padding:20px;text-align:left;border-radius:9px;min-height:132px;transition:.2s}.difficulty-card span{display:block;color:var(--mauve);font-size:12px;margin-bottom:21px}.difficulty-card b{font:600 19px Fredoka;display:block}.difficulty-card small{font:10px 'DM Mono';color:#cbbab3;display:block;margin-top:7px}.difficulty-card.active,.difficulty-card:hover{background:var(--mint);color:var(--ink);border-color:var(--mint);transform:translateY(-5px);box-shadow:0 8px 0 #568f79}.difficulty-card.active span{color:var(--tomato)}.game-section{padding:20px 0 140px}.game-heading{display:grid;grid-template-columns:1fr 1.3fr;gap:20px;align-items:end;margin-bottom:30px}.game-heading .eyebrow{grid-column:1/-1;margin:0}.game-heading h2{font-size:clamp(58px,8vw,105px);color:var(--yellow)}.game-heading>p:last-child{line-height:1.7;font-size:13px;color:#dac6bc}.game-heading kbd,.game-hints kbd{font:500 10px 'DM Mono';border:1px solid var(--line);padding:4px 6px;border-radius:4px;background:#38242c}.game-shell{position:relative;border:1px solid #725361;background:#181115;border-radius:17px;padding:13px;box-shadow:0 30px 70px rgba(0,0,0,.35)}.game-topbar,.game-hints{display:flex;justify-content:space-between;align-items:center;font-size:10px;padding:3px 4px 12px}.game-topbar b{color:var(--yellow)}#game-canvas{display:block;width:100%;aspect-ratio:16/9;border-radius:10px;background:#342026}.game-hints{padding:12px 4px 1px;color:#c1aca5;gap:12px}.game-hints button{margin-left:auto;background:transparent;border:0;color:var(--mint);font:10px 'DM Mono'}.game-overlay{position:absolute;inset:47px 13px 39px;display:grid;place-items:center;text-align:center;border-radius:10px;background:rgba(32,21,25,.62);backdrop-filter:blur(4px);transition:.4s}.game-overlay.hidden{opacity:0;pointer-events:none}.game-overlay p{font-size:10px;letter-spacing:.12em;color:var(--mint)}.game-overlay h3{font:600 clamp(44px,6vw,78px)/.8 Fredoka;margin:10px 0 24px}.game-overlay button{border:0;border-radius:7px;background:var(--tomato);color:#fff4dc;padding:14px 26px;font:600 17px Fredoka;box-shadow:0 6px 0 #8c322d}.how{display:grid;grid-template-columns:1.08fr .92fr;gap:9vw;align-items:center;padding:80px 0 150px}.how-art{position:relative}.how-art img{display:block;width:100%;border-radius:14px;filter:saturate(.85) contrast(1.1)}.how-art:after{content:'';position:absolute;inset:9%;border:1px solid rgba(255,242,213,.5);border-radius:50%;transform:rotate(-20deg);pointer-events:none}.how-art span{position:absolute;bottom:-30px;right:-30px;background:var(--yellow);color:var(--ink);padding:17px;font:600 21px/.9 Fredoka;transform:rotate(-7deg);box-shadow:7px 7px 0 var(--tomato)}.how h2{font-size:clamp(52px,6vw,80px);color:var(--mint)}.how ol{list-style:none;margin:35px 0 0;padding:0;counter-reset:steps}.how li{border-top:1px solid var(--line);padding:16px 0 15px;display:grid;grid-template-columns:90px 1fr;gap:12px;font-size:12px;line-height:1.6;color:#d7c2b8}.how li strong{font:600 15px Fredoka;color:var(--yellow)}.signal{background:linear-gradient(120deg,#a75c7d,#714359);border-radius:20px;padding:70px clamp(25px,8vw,110px);position:relative;overflow:hidden;margin-bottom:80px}.signal:after{content:'↶';position:absolute;right:-50px;bottom:-110px;font:500 330px Fredoka;color:rgba(255,242,213,.1);line-height:1}.signal h2{font-size:clamp(64px,9vw,120px);position:relative;z-index:1}.signal-copy{max-width:330px;line-height:1.7;position:relative;z-index:1}.signal-links{display:flex;gap:10px;position:relative;z-index:1;margin-top:33px;flex-wrap:wrap}.signal-links a{color:var(--cream);text-decoration:none;border:1px solid rgba(255,242,213,.42);padding:13px 16px;border-radius:6px;font-size:10px}.signal-links a:hover{background:var(--cream);color:var(--mauve)}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0 40px;color:#a99691;font-size:9px}.toast{position:fixed;bottom:25px;left:50%;z-index:30;transform:translate(-50%,80px);background:var(--mint);color:var(--ink);padding:12px 17px;border-radius:7px;font-size:10px;transition:.3s}.toast.show{transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:rotate(3deg) translateY(-18px)}}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:760px){body{cursor:auto}.cursor{display:none}a,button{cursor:pointer}.nav{height:72px}.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:45px;min-height:auto}.hero-art{min-height:370px;order:-1}.cassette-card{width:92vw}.hero-art:after{width:280px}.orbit-one{width:330px;height:150px}.orbit-two{width:390px;height:180px}.float-tag{font-size:8px}.difficulty{padding:50px 0 70px}.section-label{display:block}.section-label h2{margin-top:12px}.difficulty-grid{grid-template-columns:1fr}.difficulty-card{min-height:auto}.game-section{padding-bottom:80px}.game-heading{display:block}.game-heading h2{margin:15px 0}.game-hints span{font-size:8px}.game-hints{gap:5px}.how{grid-template-columns:1fr;padding:50px 0 100px;gap:60px}.how-art span{right:0}.signal{margin-bottom:50px;padding:45px 25px}footer{font-size:8px;gap:15px}.socials a{width:27px;height:27px}}
