@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Mono:wght@400;700&display=swap');
:root{--bg:#070914;--panel:#0e1224;--panel2:#151a32;--ink:#f4f5ff;--muted:#9ca4c4;--cyan:#42f5d0;--pink:#ff4fc8;--violet:#8b6cff;--line:rgba(255,255,255,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Space Mono',monospace;line-height:1.6}a{color:inherit;text-decoration:none}button,.btn{font:inherit;cursor:pointer}.ambient{position:fixed;inset:0;pointer-events:none;opacity:.32;background:radial-gradient(circle at 15% 15%,#34256b 0,transparent 28%),radial-gradient(circle at 85% 30%,#0b6574 0,transparent 25%),linear-gradient(transparent 95%,rgba(66,245,208,.04) 95%);background-size:auto,auto,100% 8px;z-index:-1}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,76px);border-bottom:1px solid var(--line);background:rgba(7,9,20,.72);backdrop-filter:blur(15px);position:sticky;top:0;z-index:5}.logo{font-family:'Archivo Black',sans-serif;letter-spacing:-1px;font-size:1.15rem}.logo span{color:var(--cyan)}nav{display:flex;gap:clamp(16px,3vw,38px);font-size:.74rem;text-transform:uppercase}nav a,.text-link,footer a{color:var(--muted);transition:.2s}nav a:hover,.text-link:hover,footer a:hover{color:var(--cyan)}.icon-btn{background:transparent;border:1px solid var(--line);color:var(--ink);padding:8px 10px;border-radius:4px}.hero{max-width:1280px;margin:auto;min-height:650px;padding:100px clamp(20px,6vw,90px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.eyebrow{color:var(--cyan);font-size:.7rem;letter-spacing:.2em;font-weight:bold}.hero h1{font:4.5rem/1.02 'Archivo Black',sans-serif;letter-spacing:-.05em;margin:20px 0}.hero h1 em{color:var(--pink);font-style:normal;text-shadow:0 0 28px #ff4fc877}.lede{max-width:510px;color:var(--muted);font-size:.9rem}.actions{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:1px solid transparent;padding:13px 20px;text-transform:uppercase;font-size:.72rem;font-weight:bold;transition:.25s}.btn-primary{background:var(--cyan);color:#061414;box-shadow:0 0 25px #42f5d055}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 0 34px #42f5d099}.btn-ghost{border-color:var(--line);color:var(--ink)}.btn-ghost:hover{border-color:var(--pink);color:var(--pink)}.hero-art{height:420px;position:relative;overflow:hidden;border:1px solid #42f5d055;background:linear-gradient(145deg,#161331,#091d2b);box-shadow:inset 0 0 80px #42f5d022,0 20px 80px #0008}.grid-floor{position:absolute;inset:55% -20% -20%;background:linear-gradient(#42f5d066 1px,transparent 1px),linear-gradient(90deg,#42f5d066 1px,transparent 1px);background-size:45px 35px;transform:perspective(220px) rotateX(52deg);opacity:.55}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-a{width:260px;height:260px;background:#ff4fc877;top:8%;left:15%;box-shadow:0 0 80px #ff4fc8}.orb-b{width:180px;height:180px;background:#42f5d088;bottom:14%;right:9%;box-shadow:0 0 70px #42f5d0}.hero-cube{position:absolute;top:29%;left:42%;font-size:7rem;color:#fff;transform:rotate(28deg);text-shadow:0 0 12px #fff,0 0 45px var(--cyan),0 0 90px var(--pink);animation:float 3s ease-in-out infinite}.scanline{position:absolute;inset:0;background:linear-gradient(transparent 49%,#fff2 50%,transparent 51%);background-size:100% 8px}.art-label,.card-number{position:absolute;color:#fff8;font-size:.65rem;letter-spacing:.18em}.art-label{top:20px;right:20px}.ticker{border-block:1px solid var(--line);padding:15px;display:flex;justify-content:center;gap:clamp(18px,5vw,70px);color:var(--muted);font-size:.65rem;letter-spacing:.1em}.ticker i{color:var(--pink);font-style:normal}.section{max-width:1180px;margin:auto;padding:100px clamp(20px,5vw,60px)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.section-heading h2{font:2.6rem 'Archivo Black',sans-serif;margin:4px 0}.game-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.game-card{background:var(--panel);border:1px solid var(--line);transition:.3s}.game-card:hover{transform:translateY(-7px);border-color:#42f5d088;box-shadow:0 20px 50px #0008}.card-art{height:270px;position:relative;padding:24px;overflow:hidden}.card-art strong{position:absolute;left:24px;bottom:22px;font:3.2rem/.88 'Archivo Black',sans-serif;letter-spacing:-.08em}.rhythm-card .card-art{background:linear-gradient(135deg,#311849,#101c47);}.rhythm-card .card-art:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 45%,#ff4fc833 46%,transparent 48%),repeating-linear-gradient(90deg,transparent 0 39px,#42f5d033 40px)}.algae-card .card-art{background:linear-gradient(135deg,#07383d,#102c2b)}.algae-card .card-art:after{content:'';position:absolute;width:320px;height:320px;right:-50px;top:-40px;border:1px solid #42f5d066;border-radius:50%;box-shadow:0 0 0 25px #42f5d011,0 0 0 50px #42f5d011}.art-kicker{font-size:.62rem;letter-spacing:.14em;color:#fff9}.card-number{right:24px;bottom:20px}.mini-track{position:absolute;bottom:45px;right:28px;width:45%;border-bottom:3px solid var(--cyan);transform:skew(-30deg);box-shadow:0 0 12px var(--cyan)}.reactor{position:absolute;right:75px;top:60px;width:100px;height:100px;border:3px solid var(--cyan);border-radius:50%;box-shadow:0 0 30px #42f5d088,inset 0 0 25px #42f5d088}.reactor span{display:block;width:30px;height:30px;background:var(--cyan);border-radius:50%;margin:32px auto;box-shadow:0 0 25px var(--cyan)}.card-body{padding:24px;display:grid;gap:20px}.card-body h3{font-size:1.2rem;margin:0}.card-body p{color:var(--muted);font-size:.8rem;margin:8px 0}.difficulty{font-size:.62rem}.easy{color:var(--cyan)}.medium{color:var(--pink)}.ad-slot{max-width:900px;margin:0 auto;padding:20px;border-block:1px solid var(--line);min-height:80px}.market{padding-top:80px}.market iframe{display:block;background:#101326}.live-dot{color:var(--cyan);font-size:.7rem}.fine-print{color:var(--muted);font-size:.65rem}footer{border-top:1px solid var(--line);padding:35px clamp(20px,6vw,90px);display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:.72rem}footer div{display:flex;gap:20px}.game-shell{background:var(--panel);border:1px solid var(--line);padding:18px;margin-top:30px}.game-hud{display:flex;justify-content:space-between;color:var(--muted);font-size:.7rem;padding:0 4px 14px}.game-hud b{color:var(--cyan)}#rhythmCanvas{display:block;width:100%;height:auto;background:#080b1a;border:1px solid #42f5d044;touch-action:none}.game-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.level-picker{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.tycoon{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}.resource,.tycoon aside,.panel{background:var(--panel);border:1px solid var(--line);padding:25px}.resource{text-align:center;position:relative;overflow:hidden}.resource>strong{display:block;font:4rem 'Archivo Black',sans-serif;color:var(--cyan);text-shadow:0 0 24px #42f5d088}.resource>span:not(.eyebrow){color:var(--muted);font-size:.75rem}.reactor-button{display:grid;place-items:center;width:190px;height:190px;margin:40px auto 20px;border:2px solid var(--cyan);border-radius:50%;background:radial-gradient(circle,#42f5d044,#07151a 65%);color:var(--cyan);font-weight:bold;box-shadow:0 0 45px #42f5d055,inset 0 0 35px #42f5d044;transition:.2s}.reactor-button:hover{transform:scale(1.05)}.reactor-button:active{transform:scale(.95)}#floaters i{position:absolute;color:var(--cyan);animation:rise .7s forwards;font-style:normal;pointer-events:none}.panel-head{display:flex;justify-content:space-between;color:var(--cyan);font-size:.75rem;margin-bottom:15px}.upgrade{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;background:#151a32;border:1px solid var(--line);color:var(--ink);padding:13px;margin:7px 0}.upgrade:hover:not(:disabled){border-color:var(--cyan)}.upgrade:disabled{opacity:.45;cursor:not-allowed}.upgrade small{display:block;color:var(--muted);font-size:.62rem;margin-top:3px}.upgrade strong{color:var(--pink);font-size:.7rem}.tycoon aside>.btn{width:100%;margin-top:12px}.stats{display:flex;gap:30px;color:var(--muted);font-size:.7rem;margin-top:25px}.stats b{color:var(--ink)}.score-row{display:flex;justify-content:space-between;padding:18px;border-bottom:1px solid var(--line);font-size:.8rem}.score-row span{color:var(--cyan)}.achievement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.achievement{display:flex;gap:15px;align-items:center;padding:20px;background:var(--panel);border:1px solid var(--line);color:#66708d}.achievement span{font-size:1.8rem}.achievement b,.achievement small{display:block}.achievement small{font-size:.6rem}.achievement.unlocked{color:var(--cyan);border-color:#42f5d066}.achievement.unlocked b{color:var(--ink)}@keyframes float{50%{transform:rotate(38deg) translateY(-18px)}}@keyframes rise{to{transform:translateY(-60px);opacity:0}}@media(max-width:760px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:65px;min-height:auto}.hero h1{font-size:3.3rem}.hero-art{height:300px}.game-grid,.tycoon{grid-template-columns:1fr}.ticker{overflow:hidden;justify-content:start;white-space:nowrap}.section-heading h2{font-size:2rem}footer{flex-wrap:wrap}.card-art strong{font-size:2.7rem}.achievement-grid{grid-template-columns:1fr}.resource>strong{font-size:3rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}