@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#f7f7fb;--ink:#15172a;--muted:#666a7c;--panel:#fff;--line:#e8e8f0;--purple:#7057e8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}.topbar{height:76px;padding:0 max(6vw,24px);display:flex;align-items:center;gap:35px;background:rgba(255,255,255,.82);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;backdrop-filter:blur(14px)}.brand{font:700 22px 'Space Grotesk';color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:9px}.brand-mark{display:grid;place-items:center;background:#7057e8;color:white;border-radius:12px;width:34px;height:34px;font-size:23px}.topbar nav{display:flex;gap:27px;margin-left:auto}.topbar nav a,footer a{color:var(--muted);text-decoration:none;font-size:14px}.topbar nav a:hover,footer a:hover{color:var(--purple)}.theme-toggle{border:1px solid var(--line);background:white;border-radius:50%;width:38px;height:38px;font-size:19px;cursor:pointer}.hero{min-height:550px;padding:105px max(9vw,28px) 100px;position:relative;overflow:hidden;background:#11162b;color:white}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#8c7bf2}.hero .eyebrow{color:#b7aaff}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7ce4b1;margin-right:8px}.hero h1{font:700 clamp(48px,7vw,82px)/.99 'Space Grotesk';letter-spacing:-4px;margin:24px 0}.hero h1 span{color:#a99aff}.hero-copy{color:#c5c8d7;font-size:17px;line-height:1.7;max-width:470px}.primary-btn,.play-btn{display:inline-flex;align-items:center;gap:25px;border:0;border-radius:9px;padding:15px 19px;background:#8068f1;color:white;text-decoration:none;font-weight:700;margin-top:22px;cursor:pointer}.primary-btn span{font-size:19px}.hero-orbit{position:absolute;border:1px solid #3a3f5e;border-radius:50%;width:440px;height:440px;right:10%;top:70px}.orbit-two{width:300px;height:300px;right:15%;top:140px;border-color:#555078}.float-card{position:absolute;background:#242a45;border:1px solid #414765;padding:13px 17px;border-radius:12px;box-shadow:0 15px 40px #0003;font-size:14px}.float-a{right:17%;top:190px}.float-b{right:5%;top:390px}.section{padding:85px max(8vw,24px)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section h2,.experiment h2,.about h2{font:700 clamp(32px,4vw,47px)/1.1 'Space Grotesk';letter-spacing:-1.7px;margin:12px 0}.section-note{font-size:10px;letter-spacing:1.4px;color:var(--muted);font-weight:700}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.game-card{padding:25px;border-radius:18px;min-height:315px;display:flex;flex-direction:column}.card-purple{background:#eeeaff}.card-yellow{background:#fff3d9}.card-mint{background:#def6ed}.card-art{font-size:43px;margin-bottom:18px}.card-meta{font-size:10px;letter-spacing:1.3px;font-weight:800;color:#666}.game-card h3{font:700 25px 'Space Grotesk';margin:10px 0}.game-card p{color:#55596a;line-height:1.6;font-size:14px;margin:0}.play-btn{margin-top:auto;align-self:flex-start;padding:11px 15px;background:#171a2d;font-size:13px}.play-btn span{font-size:17px}.experiment{margin:10px max(8vw,24px);padding:55px 7%;border-radius:22px;background:#171a30;color:white;display:flex;justify-content:space-between;align-items:center;overflow:hidden;min-height:320px}.experiment p,.about p{max-width:440px;color:#bfc2d2;line-height:1.7}.experiment-art{width:270px;height:230px;position:relative;display:grid;place-items:center}.planet{font-size:135px;color:#a99aff;filter:drop-shadow(0 0 35px #7057e8)}.orbit-line{position:absolute;border:1px solid #7565bf;border-radius:50%;width:260px;height:100px;transform:rotate(-28deg)}.spark{position:absolute;color:#f5cf75;font-size:28px}.s1{top:12px;right:35px}.s2{left:10px;top:70px}.s3{right:10px;bottom:20px}.about{text-align:center;padding-top:100px;padding-bottom:100px}.about p{margin:15px auto;color:var(--muted)}footer{padding:27px max(6vw,24px);border-top:1px solid var(--line);display:flex;align-items:center;gap:25px}footer>span{color:var(--muted);font-size:13px}footer>div{margin-left:auto;display:flex;gap:20px}.modal{display:none;position:fixed;inset:0;background:#0b0e1bd9;z-index:10;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-panel{background:white;border-radius:18px;width:min(520px,100%);padding:35px;position:relative;min-height:270px}.close-modal{position:absolute;right:15px;top:10px;border:0;background:none;font-size:30px;cursor:pointer}.modal-panel h2{font:700 30px 'Space Grotesk'}.game-action{padding:13px 18px;background:#7057e8;color:white;border:0;border-radius:9px;font-weight:700;cursor:pointer;margin-top:12px}.game-input{padding:12px;border:1px solid #ccc;border-radius:8px;font-size:16px;width:110px}.game-message{color:#65687a;min-height:25px}.reaction-box{height:130px;border-radius:12px;background:#e9e5ff;display:grid;place-items:center;font-weight:800;cursor:pointer;margin:20px 0;text-align:center;padding:15px}.reaction-box.ready{background:#c9f5df}.dark{--bg:#111426;--ink:#f4f3ff;--muted:#b1b3c5;--panel:#20243a;--line:#30344b}.dark .topbar{background:#171a2d}.dark .brand{color:#fff}.dark .theme-toggle{background:#242941;color:white}.dark .section-note{color:#b1b3c5}
@media(max-width:760px){.topbar{gap:12px;padding:0 18px}.topbar nav{gap:13px}.topbar nav a{font-size:12px}.hero{padding:80px 26px;min-height:500px}.hero-orbit,.float-card{opacity:.25;right:-170px}.game-grid{grid-template-columns:1fr}.game-card{min-height:275px}.section-heading{display:block}.section-note{display:block;margin-top:15px}.experiment{margin:0 18px;display:block;padding:38px 27px}.experiment-art{margin:20px auto 0;height:180px}.planet{font-size:100px}.about{padding:75px 25px}footer{flex-wrap:wrap}footer>div{margin-left:0;width:100%}}