@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#100813;--ink:#fdf7ff;--muted:#c4b6c8;--pink:#f2a5e3;--cyan:#7cf4f3;--purple:#b88bff;--line:#ffffff26;--mono:'DM Mono',monospace;--sans:'Space Grotesk',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.topbar{position:absolute;z-index:20;top:0;left:0;right:0;height:86px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#100813c9,transparent)}.brand img{width:150px;max-height:56px;object-fit:contain}.topbar nav{display:flex;align-items:center;gap:clamp(20px,3vw,48px);font-size:15px;font-weight:700}.topbar nav a{padding:4px 5px;border:2px solid transparent}.topbar nav a:hover,.topbar nav a.active{border-color:var(--pink);color:var(--pink)}.chevron{margin-left:5px}.menu-toggle{display:none;background:none;color:white;border:1px solid #ffffff50;padding:8px 12px;font-size:20px}
.hero{height: min(760px,100vh);min-height:630px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 83%,#392038 0,#190d1e 47%,#100813 78%);padding:115px 5vw 70px}.grid-floor{position:absolute;inset:5% -10% -12%;opacity:.65;background-image:linear-gradient(78deg,transparent 49.6%,#64eee74d 50%,transparent 50.4%),linear-gradient(102deg,transparent 49.6%,#64eee74d 50%,transparent 50.4%),linear-gradient(0deg,transparent 96%,#72f7ef7a 97%,transparent 98%);background-size:180px 100%,180px 100%,100% 48px;transform:perspective(400px) rotateX(34deg) scale(1.2);transform-origin:top center;mask-image:linear-gradient(to bottom,black,transparent 95%)}.hero-glow{position:absolute;width:500px;height:300px;border-radius:50%;background:#d66ce933;filter:blur(100px);top:25%}.hero-inner{z-index:1;text-align:center;width:min(100%,1040px)}.eyebrow,.section-label,.hero-bottom,.art-tag,.feature-wordmark small,.pills,.status,.release-note,.timer-note,footer b,footer .footer-bottom{font-family:var(--mono);letter-spacing:1.6px}.eyebrow{font-size:11px;color:#ead2f1;display:flex;align-items:center;justify-content:center;gap:10px}.eyebrow span,.status span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 13px var(--cyan)}.hero h1{font-size:clamp(76px,10vw,138px);line-height:.95;letter-spacing:-7px;margin:27px 0 8px;font-weight:700;background:linear-gradient(95deg,var(--pink),#c4b8ff 48%,var(--cyan));color:transparent;background-clip:text;-webkit-background-clip:text}.hero-sub{font-size:16px;color:#d9c9df;margin:0 0 42px}.game-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;width:min(970px,100%);margin:auto}.tile{height:135px;display:flex;align-items:center;justify-content:center;gap:24px;position:relative;overflow:hidden;color:#17101b;transition:transform .2s,filter .2s}.tile:hover{transform:translateY(-5px);filter:brightness(1.08)}.tile-pink{background:linear-gradient(105deg,#eea1dc,#f3b6e7)}.tile-cyan{background:linear-gradient(105deg,#83eeee,#78e6f1)}.tile strong{font-size:clamp(18px,2vw,28px);font-weight:500;z-index:2}.tile-arrow{position:absolute;right:17px;top:13px;font-size:18px;opacity:.65}.hero-bottom{position:absolute;bottom:21px;left:6vw;right:6vw;display:flex;justify-content:space-between;color:#c4a9ca;font-size:9px}
.monke-art{width:90px;height:115px;position:relative;align-self:end;flex-shrink:0;transform:scale(.92)}.monke-art .head{position:absolute;width:59px;height:56px;left:16px;top:24px;background:#16b8c8;border:3px solid #137e91;border-radius:45% 45% 43% 43%;z-index:2;box-shadow:inset -8px -5px #087b90}.monke-art .ear{position:absolute;top:36px;width:20px;height:23px;border-radius:50%;background:#0f9eaf;border:3px solid #137e91}.ear-l{left:7px}.ear-r{right:7px}.monke-art .eye{position:absolute;top:14px;width:16px;height:17px;border-radius:50%;background:white;border:2px solid #282232}.eye-l{left:8px}.eye-r{right:8px}.monke-art .eye:after{content:'';position:absolute;width:6px;height:8px;background:#17131f;border-radius:50%;left:4px;top:3px}.monke-art .muzzle{position:absolute;width:37px;height:22px;border-radius:50%;background:#d4c7bb;left:8px;bottom:3px;border:2px solid #776f7d}.monke-art .body{position:absolute;left:17px;top:70px;width:56px;height:53px;border-radius:40% 40% 10% 10%;background:#12aabb;border:3px solid #137e91}.monke-art .arm{position:absolute;top:73px;width:19px;height:47px;border-radius:15px;background:#11a6b7;border:3px solid #137e91}.arm-l{left:4px;transform:rotate(20deg)}.arm-r{right:1px;transform:rotate(-24deg)}.monke-purple .head,.monke-purple .body,.monke-purple .arm,.monke-purple .ear{background:#9060d4;border-color:#5e368e}.monke-purple .head{box-shadow:inset -8px -5px #58308d}.monke-purple .body,.monke-purple .arm{background:#8954c7}
.section{padding:105px 10vw;border-top:1px solid #ffffff15;position:relative}.section-label{font-size:10px;color:var(--cyan)}.intro-row{display:grid;grid-template-columns:1fr .7fr;gap:10%;align-items:start;margin-top:28px}.section h2{font-size:clamp(45px,6vw,78px);line-height:.98;letter-spacing:-4px;margin:0}.intro h2 span,.section-title-row h2 span,.countdown h2 span,.community h2 span{background:linear-gradient(90deg,var(--pink),var(--cyan));color:transparent;background-clip:text;-webkit-background-clip:text}.intro-copy p,.community>p{font-size:16px;line-height:1.85;color:var(--muted);margin:0 0 18px}.line-link{display:inline-block;margin-top:12px;padding-bottom:8px;border-bottom:1px solid var(--pink);font:10px var(--mono);letter-spacing:1.4px;color:var(--pink)}.line-link span{margin-left:15px}.games{background:linear-gradient(180deg,#100813,#160e20)}.section-title-row{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:24px 0 36px}.section-title-row h2{font-size:clamp(50px,7vw,86px)}.section-title-row p{font:9px var(--mono);letter-spacing:1.5px;color:#bdaec7}.feature-card{display:grid;grid-template-columns:1.15fr .85fr;border:1px solid #f0b4e64d;background:#211426;box-shadow:0 0 35px #f4a4e00c}.feature-art{min-height:400px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 55% 43%,#61407c,#24172e 48%,#110b19)}.feature-sun{position:absolute;top:10%;right:15%;width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,#ffd3f2,#9cddf3 75%);box-shadow:0 0 70px #b3c9ff55}.feature-grid{position:absolute;inset:0;background:linear-gradient(transparent 95%,#9ef6f155 96%,transparent 98%);background-size:100% 32px;transform:perspective(300px) rotateX(45deg) scale(1.3);transform-origin:bottom;opacity:.35}.forest{position:absolute;bottom:0;width:120%;left:-10%;height:43%;background:#170e20;clip-path:polygon(0 100%,0 55%,8% 64%,17% 26%,24% 72%,34% 8%,43% 67%,53% 30%,61% 72%,72% 14%,81% 70%,91% 32%,100% 61%,100% 100%)}.forest-front{height:26%;background:#0e0914;transform:scaleX(-1)}.feature-monke{position:absolute;left:36%;bottom:8%;width:145px;height:230px;z-index:2;filter:drop-shadow(0 0 25px #e3b7ff24)}.fm-head{position:absolute;top:0;left:24px;width:98px;height:95px;border-radius:45% 45% 42% 42%;background:linear-gradient(145deg,#5ce0dc,#167e91);border:5px solid #145465;z-index:3}.fm-ear{position:absolute;top:30px;width:32px;height:34px;border-radius:50%;background:#39b9c2;border:4px solid #145465}.fm-ear.left{left:8px}.fm-ear.right{right:8px}.fm-head i{position:absolute;top:25px;width:22px;height:25px;border-radius:50%;background:white;border:3px solid #21172b}.fm-head i:first-child{left:16px}.fm-head i:nth-child(2){right:16px}.fm-head i:after{content:'';position:absolute;width:8px;height:12px;background:#17111c;border-radius:50%;top:5px;left:5px}.fm-head b{position:absolute;bottom:7px;left:24px;width:43px;height:26px;background:#d7c9bf;border:3px solid #7b6877;border-radius:50%}.fm-body{position:absolute;top:84px;left:30px;width:87px;height:120px;border-radius:42% 42% 15% 15%;background:linear-gradient(90deg,#1590a5,#43d1cb);border:5px solid #145465}.fm-arm{position:absolute;top:102px;width:32px;height:111px;border-radius:20px;background:#2cbac3;border:4px solid #145465}.fm-arm.left{left:5px;transform:rotate(18deg)}.fm-arm.right{right:2px;transform:rotate(-17deg)}.feature-wordmark{position:absolute;top:13%;left:8%;z-index:4;text-shadow:0 3px 16px #0a0612}.feature-wordmark small{font-size:8px;color:#e8d5f2}.feature-wordmark strong{display:block;font-size:clamp(36px,4vw,58px);line-height:.85;letter-spacing:-2px;margin-top:13px}.feature-wordmark strong span{color:var(--cyan)}.feature-wordmark em{font:italic 12px var(--mono)}.art-tag{position:absolute;bottom:17px;left:8%;font-size:8px;color:#c8b6d3;z-index:3}.feature-info{padding:clamp(25px,4vw,52px);align-self:center}.status{font-size:9px;color:#c6b6d1;display:flex;align-items:center;gap:9px}.status span{background:#9effc7;box-shadow:0 0 12px #9effc7}.feature-info h3{font-size:clamp(30px,3vw,43px);letter-spacing:-2px;margin:23px 0 12px}.feature-info>p{font-size:14px;line-height:1.85;color:var(--muted)}.pills{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.pills span{font-size:8px;border:1px solid #bba1c344;padding:8px;color:#e0c9e5}.release-note{font-size:9px;color:#aa99b3;letter-spacing:.6px}.release-note b{color:#fff;font-weight:400;margin-left:10px}.button{display:inline-flex;gap:24px;align-items:center;background:linear-gradient(90deg,var(--pink),var(--cyan));color:#170e20;padding:15px 19px;font:10px var(--mono);letter-spacing:1.2px;font-weight:500;border:0;cursor:pointer;margin-top:15px;transition:transform .2s}.button:hover{transform:translateY(-3px)}.countdown{text-align:center;background:radial-gradient(ellipse at 50% 60%,#38213e 0,#100813 65%)}.countdown h2,.community h2{margin:24px 0;font-size:clamp(45px,6vw,78px)}.countdown-sub{color:var(--muted);font-size:14px}.timer{display:flex;justify-content:center;gap:15px;margin:38px auto 20px}.timer div{width:115px;padding:20px 10px;border:1px solid #f0b3e64c;background:#ffffff08}.timer b{display:block;font-size:38px;letter-spacing:-2px;background:linear-gradient(90deg,var(--pink),var(--cyan));color:transparent;background-clip:text}.timer span{display:block;font:9px var(--mono);letter-spacing:1.5px;color:#c6b6d1;margin-top:8px}.timer-note{font-size:9px;color:#c6b6d1}.community{text-align:center;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#3d1e48,#100813 65%)}.community>p{max-width:560px;margin:0 auto}.community-glow{position:absolute;width:400px;height:250px;left:calc(50% - 200px);top:30%;background:#8e46a6;filter:blur(100px);opacity:.14;pointer-events:none}.discord-button{position:relative;margin-top:28px}
footer{padding:42px 7vw 20px;border-top:1px solid #ffffff20;background:#0d0711}.footer-brand img{width:175px;max-height:70px;object-fit:contain}.footer-links{display:flex;justify-content:flex-end;gap:90px;margin:10px 5vw 38px auto}.footer-links div{display:flex;flex-direction:column;gap:14px}.footer-links b{font-size:9px;color:#e7b4e7;margin-bottom:5px}.footer-links a{font-size:13px;color:#d2c6d9}.footer-links a:hover{color:var(--cyan)}.footer-bottom{border-top:1px solid #efb7e755;padding-top:20px;display:flex;gap:25px;align-items:center;justify-content:space-between;color:#bba9c5;font-size:8px}.footer-bottom a{color:var(--pink)}
.admin-overlay{position:fixed;inset:0;z-index:50;background:#08040ddd;backdrop-filter:blur(12px);display:none;align-items:center;justify-content:center;padding:20px}.admin-overlay.open{display:flex}.admin-panel{width:min(100%,520px);max-height:90vh;overflow:auto;background:#1b1020;border:1px solid #e5a6e65c;padding:35px;position:relative;box-shadow:0 0 70px #c96ad622}.close-admin{position:absolute;right:15px;top:10px;color:white;background:none;border:0;font-size:30px;cursor:pointer}.admin-panel h2{font-size:38px;margin:15px 0 25px}.admin-panel h2 span{color:var(--cyan)}.admin-panel label{display:block;font:10px var(--mono);letter-spacing:1px;color:#d7c4df;margin:14px 0 8px}.admin-panel input{width:100%;padding:13px;background:#100813;border:1px solid #775779;color:white;outline:none}.admin-panel input:focus{border-color:var(--cyan)}.admin-error{color:#ff9ab6;font-size:12px}.admin-note,.security-note{font-size:11px;line-height:1.7;color:#b6a3be}.security-note{border-top:1px solid #ffffff20;padding-top:15px;margin-top:25px}.admin-content{border-top:1px solid #ffffff20;margin-top:22px;padding-top:10px}.admin-content h3{margin-bottom:5px}.admin-content>p{font-size:12px;line-height:1.7;color:var(--muted)}
@media(max-width:800px){.topbar{padding:0 5vw;height:75px}.brand img{width:130px}.menu-toggle{display:block}.topbar nav{display:none;position:absolute;top:75px;left:0;right:0;background:#130a18;padding:25px 7vw;flex-direction:column;align-items:stretch;gap:16px;border-bottom:1px solid #ffffff22}.topbar nav.open{display:flex}.topbar nav a{padding:10px}.hero{height:auto;min-height:730px;padding:120px 6vw 75px}.hero h1{font-size:clamp(65px,13vw,100px);letter-spacing:-4px}.hero-sub{font-size:14px}.game-tiles{grid-template-columns:1fr;gap:14px;max-width:480px}.tile{height:115px}.monke-art{transform:scale(.78);margin-left:-10px}.hero-bottom{font-size:7px}.section{padding:75px 7vw}.intro-row{grid-template-columns:1fr;gap:25px}.section h2{letter-spacing:-2px}.section-title-row{align-items:flex-start;flex-direction:column}.section-title-row p{margin-top:0}.feature-card{grid-template-columns:1fr}.feature-art{min-height:390px}.feature-info{padding:30px 25px}.feature-monke{left:45%;transform:scale(.9);transform-origin:bottom center}.timer{gap:7px}.timer div{width:22%;padding:15px 5px}.timer b{font-size:clamp(24px,7vw,38px)}.timer span{font-size:7px}.footer-links{margin:30px 0;justify-content:flex-start;gap:50px}.footer-bottom{flex-wrap:wrap;line-height:1.8}.footer-bottom span{width:100%}.admin-panel{padding:28px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}