@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#04111f;--panel:#0a1b2d;--panel2:#0d2237;--line:#17324b;--text:#f5f8fc;--muted:#a9bacd;--green:#19e5a0;--green2:#67f58c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 70% 15%,#092642 0,transparent 35%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header{height:82px;padding:0 clamp(20px,4.6vw,72px);display:flex;align-items:center;gap:34px;border-bottom:1px solid rgba(100,150,190,.13);background:rgba(3,15,28,.92);position:sticky;top:0;z-index:10;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;font-size:clamp(23px,2.5vw,34px);font-weight:800;letter-spacing:-1.4px;white-space:nowrap}.brand-mark{width:34px;height:36px;display:grid;place-items:center;font-size:31px;font-weight:900;color:#04111f;background:linear-gradient(140deg,#3af5bd,#00b98d);border-radius:10px 4px 10px 4px;clip-path:polygon(0 0,100% 0,100% 30%,40% 30%,40% 48%,76% 48%,76% 75%,40% 75%,40% 100%,0 100%)}.nav{display:flex;gap:clamp(18px,3vw,42px);margin-left:clamp(8px,2.3vw,32px)}.nav a{font-size:15px;color:#e1e8f1;padding:30px 0 26px;border-bottom:2px solid transparent}.nav a:hover,.nav a.active{color:var(--green);border-color:var(--green)}.search{margin-left:auto;display:flex;align-items:center;gap:10px;min-width:190px;width:min(26vw,330px);height:46px;padding:0 16px;border-radius:28px;background:#102238;color:#b7c7d8}.search span{font-size:27px;line-height:1;transform:rotate(-20deg)}.search input{width:100%;background:none;border:0;outline:0;color:white;font-size:14px}.search input::placeholder{color:#aabbd0}.header-cta,.primary-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;background:linear-gradient(100deg,var(--green),var(--green2));color:#031720;font-weight:800;white-space:nowrap}.header-cta{padding:14px 22px;font-size:14px}.menu-toggle{display:none;background:none;color:white;border:0;font-size:24px}.hero{min-height:390px;display:grid;grid-template-columns:46% 54%;position:relative;overflow:hidden;border-bottom:1px solid rgba(100,150,190,.08);background:linear-gradient(90deg,#04111f 0%,#04111f 38%,#06213b 68%,#0a5a8b 100%)}.hero-copy{padding:50px 0 38px clamp(24px,4.6vw,72px);z-index:2;align-self:center}.eyebrow{color:#31eab0;font-size:10px;font-weight:800;letter-spacing:2px;margin:0 0 12px}.hero h1{font-size:clamp(38px,4.4vw,67px);line-height:1.04;letter-spacing:-2.7px;margin:0 0 20px;font-weight:850}.hero h1 span{color:#20e6a3}.hero-description{font-size:clamp(14px,1.4vw,18px);line-height:1.7;color:#b9cadd;margin:0 0 26px}.primary-cta{padding:17px 26px;font-size:17px;cursor:pointer;transition:transform .2s,filter .2s}.primary-cta:hover,.header-cta:hover{transform:translateY(-2px);filter:brightness(1.06)}.primary-cta span{font-size:15px}.hero-proof{display:flex;align-items:center;gap:9px;color:#91a8bd;font-size:11px;margin-top:18px}.hero-proof span:first-child{color:var(--green)}.hero-art{min-height:390px;position:relative;overflow:hidden;background:linear-gradient(145deg,#0774b6,#27b9e8 54%,#c5f5ff);isolation:isolate}.hero-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#04111f 0%,transparent 27%),radial-gradient(circle at 60% 40%,#c2f9ff 0,transparent 38%);z-index:-1}.sun-glow{position:absolute;width:360px;height:360px;border-radius:50%;background:#8deaff;filter:blur(5px);opacity:.42;right:10%;top:5%}.pixel-hill{position:absolute;bottom:-3px;width:115%;height:120px;background:#20b5a0;clip-path:polygon(0 65%,10% 65%,10% 45%,20% 45%,20% 70%,33% 70%,33% 35%,45% 35%,45% 60%,57% 60%,57% 25%,69% 25%,69% 60%,80% 60%,80% 43%,90% 43%,90% 72%,100% 72%,100% 100%,0 100%)}.hill-two{background:#075e8d;height:85px;opacity:.75;transform:translateX(25%)}.floating{position:absolute;z-index:3;display:grid;place-items:center;box-shadow:0 10px 25px #00345c55}.coin{top:14%;left:13%;width:55px;height:55px;border-radius:50%;background:linear-gradient(135deg,#fff58b,#ffb91d);color:#f08b00;border:5px solid #ffdb4b;font-size:27px;transform:rotate(-15deg)}.gem{right:18%;top:12%;color:#fff1a1;font-size:55px;text-shadow:0 5px 0 #e8752b}.hero-orb{position:absolute;color:white;font-size:42px;text-shadow:0 3px 8px #0065a5}.orb-one{top:22%;right:7%}.orb-two{top:40%;left:8%;color:#c3ff9a}.game-character{position:absolute;width:180px;height:290px;left:42%;bottom:-12px;transform:rotate(-7deg);z-index:4}.face{position:absolute;z-index:3;left:25px;top:35px;width:130px;height:130px;border-radius:45% 45% 48% 48%;background:linear-gradient(130deg,#ffd49a,#f49a60);border:5px solid #7a392c;box-shadow:inset -8px -8px 0 #d97450}.hair{position:absolute;z-index:4;left:22px;top:13px;width:140px;height:65px;background:#3b1b1a;border-radius:70% 45% 20% 20%;transform:rotate(-8deg);clip-path:polygon(0 45%,10% 12%,28% 20%,42% 0,55% 18%,75% 3%,100% 40%,87% 70%,20% 80%)}.eye{position:absolute;top:47px;width:21px;height:30px;border-radius:50%;background:#fff;border:4px solid #382323}.eye:after{content:"";position:absolute;width:8px;height:13px;background:#17243a;border-radius:50%;top:5px;left:4px}.eye-left{left:25px}.eye-right{right:24px}.smile{position:absolute;left:39px;top:88px;width:48px;height:22px;border-bottom:7px solid #762b2a;border-radius:0 0 50% 50%}.body{position:absolute;left:21px;top:151px;width:140px;height:130px;background:linear-gradient(120deg,#ff5b3e,#b91f2e);border:5px solid #78282b;border-radius:45px 45px 20px 20px;transform:rotate(4deg)}.arm{position:absolute;z-index:2;top:166px;width:50px;height:95px;background:#f6a16b;border:5px solid #7a392c;border-radius:28px}.arm-left{left:-9px;transform:rotate(35deg)}.arm-right{right:-1px;transform:rotate(-38deg)}.mini-creature{position:absolute;z-index:5;bottom:24px;width:66px;height:57px;border-radius:45% 45% 42% 42%;background:linear-gradient(#a7ff70,#26c66c);color:#075d46;display:grid;place-items:center;font-size:17px;font-weight:900;box-shadow:inset -7px -5px #16985e}.creature-one{left:22%}.creature-two{right:15%;bottom:18px}.speed-lines{position:absolute;bottom:20px;left:3%;width:45%;height:6px;background:#d0ffff;opacity:.5;transform:rotate(-5deg);box-shadow:0 14px 0 #d0ffff,0 28px 0 #d0ffff}.section-wrap{margin-left:clamp(20px,4.6vw,72px);margin-right:clamp(20px,4.6vw,72px)}.categories{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:16px;padding-top:25px}.category{min-height:104px;border:1px solid #18334d;border-radius:16px;background:linear-gradient(145deg,#0b1c2e,#081728);color:#f1f5fa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;cursor:pointer;transition:border-color .2s,transform .2s,background .2s}.category:hover,.category.active{border-color:#1685b2;background:linear-gradient(145deg,#102c43,#0a1c2e);transform:translateY(-2px)}.cat-icon{font-size:29px;line-height:1}.category>span:last-child{font-size:13px;font-weight:600}.games-section{padding-top:42px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.section-heading .eyebrow{margin-bottom:5px}.section-heading h2{font-size:clamp(22px,2.3vw,30px);letter-spacing:-.8px;margin:0}.results-count{font-size:12px;color:#91a8bd}.game-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:20px}.game-card{padding:0;border:0;text-align:left;color:inherit;background:none;cursor:pointer;min-width:0}.game-art{width:100%;aspect-ratio:1/1;display:grid;place-items:center;border-radius:13px;position:relative;overflow:hidden;border:1px solid #29445b;transition:transform .2s,box-shadow .2s}.game-card:hover .game-art{transform:translateY(-5px);box-shadow:0 12px 25px #0005}.game-title{display:block;font-size:13px;font-weight:650;margin-top:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-category{display:block;font-size:12px;color:#9fb2c7;margin-top:6px}.art-runner{background:linear-gradient(145deg,#f6b56c,#e55b37 55%,#3e9ab5)}.art-sun{position:absolute;width:65%;aspect-ratio:1;border-radius:50%;background:#ffdc82;top:9%;right:-6%}.runner{font-size:clamp(48px,5vw,72px);z-index:1;filter:drop-shadow(0 8px 4px #723d36)}.art-block{position:absolute;bottom:0;left:0;width:100%;height:24%;background:#326d58;clip-path:polygon(0 25%,28% 25%,28% 0,48% 0,48% 38%,70% 38%,70% 10%,100% 10%,100% 100%,0 100%)}.art-numbers{padding:8px;grid-template-columns:repeat(3,1fr);gap:4px;background:linear-gradient(145deg,#ad8c6a,#514b47)}.art-numbers span{width:100%;height:100%;display:grid;place-items:center;border-radius:5px;background:#f3e8cf;color:#384052;font-size:clamp(13px,1.5vw,23px);font-weight:800}.art-numbers span:nth-child(3n){background:#ffb05e}.art-numbers span:nth-child(5n){background:#fa704b;color:white}.art-moto{background:linear-gradient(#52c9f1 0 55%,#d8e79d 55%)}.cloud{position:absolute;top:8%;left:10%;font-size:38px;color:white}.track{position:absolute;bottom:-12%;left:-15%;width:135%;height:55%;background:#ad6d3e;transform:rotate(-17deg);border-top:9px solid #f5d68b}.vehicle{font-size:clamp(44px,5vw,68px);z-index:1;transform:rotate(-14deg);filter:drop-shadow(0 8px 2px #24576b)}.art-hoop{background:radial-gradient(circle at 50% 25%,#564ac7,#171c5c 70%)}.hoop{position:absolute;top:25%;font-size:90px;color:#ff7854;font-weight:900}.ball{font-size:clamp(43px,5vw,65px);z-index:1;transform:translateY(-4px)}.court{position:absolute;bottom:0;color:#d3d9ff;font-size:60px}.art-jungle{background:linear-gradient(140deg,#ffc65d,#e98a22)}.frog{font-size:clamp(52px,5vw,76px);z-index:1;filter:drop-shadow(0 8px 2px #9b5a18)}.leaf{position:absolute;color:#fff5a3;font-size:40px}.leaf-a{top:10%;left:12%}.leaf-b{bottom:10%;right:12%}.art-fruit{background:linear-gradient(145deg,#ff8a32,#b72d22)}.fruit{font-size:clamp(55px,5.5vw,80px);transform:rotate(-20deg);filter:drop-shadow(0 8px 2px #6c2519)}.slice{position:absolute;color:#fff4b1;font-size:70px;transform:rotate(25deg)}.spark{position:absolute;top:12%;right:14%;font-size:30px;color:#fff4b1}.art-neon{background:linear-gradient(145deg,#075bb2,#07113e)}.neon-star{font-size:clamp(55px,6vw,82px);color:#ffe13d;text-shadow:4px 5px #ff9a25;transform:rotate(10deg);z-index:1}.neon-platform{position:absolute;bottom:18%;left:5%;width:90%;height:7px;background:#19d5ff;box-shadow:0 0 14px #19d5ff;transform:rotate(-10deg)}.neon-platform.second{bottom:34%;left:30%;width:65%;transform:rotate(35deg)}.empty-state{padding:35px;text-align:center;color:var(--muted)}.demo-note{font-size:11px;color:#6f879d;margin-top:25px}.about{display:flex;align-items:center;gap:20px;padding:24px 28px;margin-top:36px;margin-bottom:35px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(110deg,#0b2135,#071728)}.about-icon{width:52px;height:52px;flex-shrink:0;border-radius:14px;background:#123a44;color:var(--green);display:grid;place-items:center;font-size:27px}.about h2{font-size:18px;margin:0 0 6px}.about p{font-size:13px;color:var(--muted);margin:0;line-height:1.6}.text-link{color:var(--green);font-weight:700;font-size:13px;margin-left:auto;white-space:nowrap}footer{display:flex;align-items:center;gap:24px;padding:24px clamp(20px,4.6vw,72px);border-top:1px solid #132b40;color:#8499ad;font-size:12px}.footer-brand{font-size:20px;color:#f5f8fc;margin-right:auto}.footer-brand .brand-mark{width:25px;height:27px;font-size:22px}.game-dialog{width:min(430px,calc(100% - 32px));border:1px solid #24435d;border-radius:24px;background:#091a2b;color:white;text-align:center;padding:34px;box-shadow:0 25px 90px #000b}.game-dialog::backdrop{background:#000a;backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:16px;top:12px;border:0;background:none;color:#c5d4e4;font-size:29px;cursor:pointer}.dialog-icon{font-size:52px;margin-bottom:15px}.game-dialog h2{margin:0 0 10px}.game-dialog p:not(.eyebrow){font-size:14px;line-height:1.7;color:#afc1d3;margin-bottom:22px}.game-dialog .primary-cta{font-size:14px;padding:13px 25px}
@media(min-width:1500px){.hero{min-height:440px}.hero-art{min-height:440px}.game-grid{gap:24px}}
@media(max-width:1050px){.site-header{gap:20px}.nav{gap:18px;margin-left:0}.nav a{font-size:13px}.header-cta{padding:13px 16px}.categories{gap:10px}.category{min-height:95px}.game-grid{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:25px}.hero{grid-template-columns:48% 52%}.game-character{left:34%;transform:scale(.9) rotate(-7deg);transform-origin:bottom center}}
@media(max-width:720px){.site-header{height:68px;padding:0 18px;gap:13px}.brand{font-size:25px}.brand-mark{width:29px;height:31px;font-size:25px}.menu-toggle{display:block;margin-left:auto}.nav{display:none;position:absolute;left:12px;right:12px;top:68px;padding:12px;background:#081a2c;border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:0;box-shadow:0 15px 35px #0008}.nav.open{display:flex}.nav a{padding:13px 12px;border:0}.search{order:5;margin:0;width:100%;min-width:0;position:absolute;top:78px;left:18px;right:18px;width:calc(100% - 36px);height:40px;display:none}.search.show{display:flex}.header-cta{padding:10px 13px;font-size:12px}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:42px 22px 28px}.hero h1{font-size:clamp(40px,10vw,58px);letter-spacing:-2px}.hero-description{font-size:14px}.desktop-only{display:none}.hero-art{min-height:250px}.game-character{left:40%;transform:scale(.73) rotate(-7deg);transform-origin:bottom center}.coin{left:12%;top:12%;transform:scale(.8)}.creature-one{left:15%}.creature-two{right:12%}.section-wrap{margin-left:18px;margin-right:18px}.categories{display:flex;overflow-x:auto;padding:18px 18px 5px;margin:0;gap:10px;scrollbar-width:none}.categories::-webkit-scrollbar{display:none}.category{flex:0 0 105px;min-height:88px;border-radius:13px}.category>span:last-child{font-size:11px}.cat-icon{font-size:25px}.games-section{padding-top:30px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.game-title{font-size:13px}.game-category{font-size:11px}.section-heading h2{font-size:23px}.about{padding:20px;align-items:flex-start;flex-wrap:wrap;gap:13px}.about-icon{width:42px;height:42px}.about>div:nth-child(2){flex:1}.about h2{font-size:16px}.about p{font-size:12px}.text-link{margin-left:55px}footer{padding:22px 18px;gap:12px;flex-wrap:wrap;font-size:10px}.footer-brand{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}