@import url('https://fonts.googleapis.com/css2?family=Estedad:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#080b12;--surface:#111620;--surface2:#171d29;--line:#27303e;--text:#f3f5f7;--muted:#9199a9;--acid:#c8ff3d;--pink:#ff598c;--violet:#8c7bff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Estedad,Tahoma,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.2;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(#000,transparent 82%)}.noise{position:fixed;inset:0;opacity:.025;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}.site-header{height:78px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);position:relative;z-index:3;background:#080b12cc;backdrop-filter:blur(16px)}.logo{display:flex;align-items:center;gap:11px}.logo-symbol{font-size:28px;color:var(--acid);line-height:1}.logo b{display:block;font:700 18px "Space Grotesk";letter-spacing:.08em}.logo small{display:block;color:var(--muted);font:500 9px "Space Grotesk";letter-spacing:.2em;margin-top:1px}.site-header nav{display:flex;gap:31px;font-size:11px;color:var(--muted)}.site-header nav a{transition:.2s}.site-header nav a:hover,.site-header nav .active{color:var(--acid)}.header-actions{display:flex;align-items:center;gap:18px}.online{font:500 10px "Space Grotesk";color:var(--muted)}.online i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 12px var(--acid);margin-left:6px}.theme-toggle{border:0;background:none;color:var(--text);font-size:21px;cursor:pointer}.hero,.game-section,.how-section{width:min(1160px,calc(100% - 48px));margin:auto}.hero{min-height:570px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;position:relative}.kicker{font:600 10px "Space Grotesk";letter-spacing:.17em;color:var(--acid);margin:0 0 19px}.kicker span{display:inline-block;width:26px;height:1px;background:var(--acid);vertical-align:middle;margin-left:8px}.hero h1{font-size:clamp(40px,5.4vw,76px);line-height:1.2;letter-spacing:-.055em;margin:0;font-weight:800}.hero h1 em,.how-section em{font-style:normal;color:var(--acid)}.hero-copy>p:not(.kicker){color:var(--muted);font-size:14px;line-height:2;max-width:440px;margin:22px 0 28px}.primary-cta{display:inline-flex;align-items:center;gap:35px;background:var(--acid);color:#0b1004;padding:14px 17px 14px 20px;font-size:12px;font-weight:700;transition:.25s}.primary-cta span{font-size:20px;line-height:10px}.primary-cta:hover{transform:translateY(-3px);box-shadow:0 12px 30px #c8ff3d33}.hero-art{height:400px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 48%,#26342b 0,#10171a 31%,transparent 32%),linear-gradient(135deg,#101827,#0b1018)}.hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 45%,#c8ff3d09 45%,#c8ff3d09 45.5%,transparent 45.5%),linear-gradient(35deg,transparent 50%,#ff598c0b 50%,#ff598c0b 50.5%,transparent 50.5%)}.arc{position:absolute;border:1px solid #c8ff3d66;border-radius:50%;width:410px;height:410px;top:-8px;left:50%;transform:translateX(-50%)}.arc-b{width:295px;height:295px;top:48px;border-color:#ff598c77;transform:translateX(-50%) rotate(34deg)}.arc-c{width:510px;height:510px;top:-55px;border-color:#8c7bff55;transform:translateX(-50%) rotate(-23deg)}.orbit-card{position:absolute;right:28px;bottom:27px;border:1px solid #ffffff29;background:#0b1115dd;padding:13px 15px;width:130px}.orbit-card span{font:600 8px "Space Grotesk";color:var(--acid);letter-spacing:.16em}.orbit-card b{display:block;font:700 54px "Space Grotesk";line-height:1;margin:7px 0;color:#fff}.orbit-card small{color:var(--muted);font:9px/1.5 "Space Grotesk";letter-spacing:.12em}.hero-star{position:absolute;top:56px;left:58px;color:var(--acid);font-size:42px;animation:spin 14s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.game-section{padding:42px 0 80px}.section-top{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:23px}.section-top h2{font-size:31px;margin:0;letter-spacing:-.04em}.filters{display:flex;gap:20px;align-items:center;color:var(--muted);font-size:11px}.filters button{border:0;background:none;color:inherit;font:inherit;cursor:pointer;padding:7px 0}.filters button.selected{color:var(--acid);border-bottom:1px solid var(--acid)}.filters b{font:9px "Space Grotesk";background:var(--acid);color:#0b1004;padding:3px 5px;margin-right:4px}.game-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:13px}.game-card{background:var(--surface);border:1px solid var(--line);padding:11px;transition:.3s;position:relative}.game-card:hover{border-color:#647181;transform:translateY(-5px)}.card-visual{height:242px;position:relative;overflow:hidden;padding:15px;background:#161d2a}.visual-label,.visual-score{position:absolute;font:9px "Space Grotesk";letter-spacing:.13em;color:#bac1cb}.visual-label{top:14px;right:15px}.visual-score{bottom:15px;left:15px}.card-visual strong{position:absolute;bottom:34px;right:15px;font:700 33px/1 "Space Grotesk";letter-spacing:-.06em}.visual-reaction{background:radial-gradient(circle at 50% 46%,#c8ff3d44 0 3%,transparent 4%),linear-gradient(140deg,#1c2a21,#111921)}.target-ring{position:absolute;width:165px;height:165px;border:1px solid #c8ff3d88;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 23px #c8ff3d0b,0 0 0 47px #c8ff3d06}.target-ring:before,.target-ring:after{content:"";position:absolute;background:#c8ff3d55}.target-ring:before{height:1px;width:100%;top:50%}.target-ring:after{width:1px;height:100%;left:50%}.target-ring i{display:block;position:absolute;width:14px;height:14px;background:var(--acid);border-radius:50%;top:calc(50% - 7px);left:calc(50% - 7px);box-shadow:0 0 25px var(--acid)}.visual-star{background:linear-gradient(145deg,#24182a,#171423)}.star-field i{position:absolute;color:var(--pink);font-size:25px;animation:pulse 2s infinite}.star-field i:nth-child(1){top:32%;right:25%}.star-field i:nth-child(2){top:18%;left:20%;color:var(--acid);animation-delay:.4s}.star-field i:nth-child(3){bottom:28%;left:39%;color:var(--violet);animation-delay:.9s}.star-field i:nth-child(4){top:42%;left:12%;font-size:13px;animation-delay:1.2s}@keyframes pulse{50%{transform:scale(1.35);opacity:.65}}.visual-memory{background:linear-gradient(145deg,#172039,#111725)}.memory-symbols{display:grid;grid-template-columns:repeat(2,38px);gap:8px;position:absolute;top:56px;left:50%;transform:translateX(-50%) rotate(-10deg)}.memory-symbols i{height:38px;background:#c8ff3d;border:4px solid #ffffff20}.memory-symbols i:nth-child(2){background:var(--pink)}.memory-symbols i:nth-child(3){background:var(--violet)}.memory-symbols i:nth-child(4){background:#4bd5ff}.card-info{display:flex;justify-content:space-between;align-items:start;margin:16px 4px 4px}.game-type{font-size:9px;color:var(--muted)}.card-info h3{font-size:18px;margin:4px 0 0}.best-score{font-size:9px;color:var(--muted);white-space:nowrap}.best-score b{color:var(--acid);font:600 11px "Space Grotesk";margin-right:4px}.game-card>p{color:var(--muted);font-size:10px;line-height:1.8;min-height:38px;margin:13px 4px}.play-link{display:flex;justify-content:space-between;align-items:center;color:var(--acid);font-size:11px;border-top:1px solid var(--line);padding:14px 4px 4px}.play-link span{font-size:19px;transition:.2s}.play-link:hover span{transform:translateX(-5px)}.how-section{border-top:1px solid var(--line);padding:45px 0 72px;display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:35px}.how-number{font:600 10px "Space Grotesk";color:var(--muted);letter-spacing:.18em}.how-section h2{font-size:31px;line-height:1.35;margin:0}.how-section p{color:var(--muted);font-size:11px;line-height:2;margin:7px 0 0;max-width:320px}.steps{display:flex;flex-direction:column;gap:13px;font-size:11px;color:var(--muted)}.steps span{border-bottom:1px solid var(--line);padding-bottom:10px}.steps b{font:10px "Space Grotesk";color:var(--acid);margin-left:14px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#677080;font:9px "Space Grotesk";letter-spacing:.1em;padding:22px max(5vw,24px)}.light{--bg:#edf0f4;--surface:#fff;--surface2:#f4f6f8;--line:#d9dee7;--text:#161b25;--muted:#667080}.light .site-header{background:#edf0f4dd}.light .hero-art{background:linear-gradient(135deg,#dbe5e0,#edf0f4)}@media(max-width:820px){.hero{grid-template-columns:1fr;min-height:auto;padding:62px 0 40px}.hero-art{height:300px}.game-grid{grid-template-columns:1fr 1fr}.game-card.featured{grid-column:span 2}.how-section{grid-template-columns:1fr;gap:22px}.steps{max-width:350px}}@media(max-width:560px){.site-header nav{display:none}.hero,.game-section,.how-section{width:calc(100% - 28px)}.game-grid{grid-template-columns:1fr}.game-card.featured{grid-column:auto}.section-top{display:block}.filters{margin-top:18px;gap:16px}.hero h1{font-size:43px}.card-visual{height:230px}footer{display:block;line-height:2.2}}