@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#f9f7ff;background:#131a30}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 80% 6%,#27375b 0,transparent 28%),radial-gradient(circle at 3% 32%,#212748 0,transparent 26%),#131a30}.stars{position:fixed;inset:0;pointer-events:none;opacity:.35;background-image:radial-gradient(#ffffff 1px,transparent 1px);background-size:53px 53px;mask-image:linear-gradient(#000,transparent 80%)}.shell{width:min(1320px,calc(100% - 64px));margin:auto;position:relative}.topbar{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20}.brand{color:#fff;text-decoration:none;display:flex;align-items:center;gap:12px;font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:700;line-height:.9;letter-spacing:.04em}.brand-mark{width:45px;height:45px;display:grid;place-items:center;background:#b9f363;border-radius:12px;color:#182338;font-size:33px;box-shadow:0 6px 0 #78a747}.topbar-right{font-size:11px;font-weight:800;letter-spacing:.18em;color:#b9c6df}.live-dot,.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b8f467;margin-right:10px;box-shadow:0 0 10px #b8f467}.hero{min-height:570px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:55px 0 55px}.eyebrow,.section-kicker{font-size:11px;font-weight:800;letter-spacing:.22em;color:#b8f467}.eyebrow span{margin:0 7px}h1,h2,p{margin-top:0}.hero h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(58px,7vw,104px);line-height:.95;letter-spacing:-.07em;margin:22px 0 24px}.hero h1 em{font-style:normal;color:#b9f363}.hero p{max-width:560px;color:#b9c5dd;line-height:1.65;font-size:17px}.hero-button,#start-button{background:#b9f363;color:#172039;border:0;border-radius:13px;box-shadow:0 6px 0 #7aa745;font:800 14px 'DM Sans',sans-serif;letter-spacing:.08em;cursor:pointer;padding:19px 25px;transition:transform .15s,box-shadow .15s}.hero-button:hover,#start-button:hover{transform:translateY(3px);box-shadow:0 3px 0 #7aa745}.hero-button span{font-size:19px;margin-left:16px}.hero-meta{display:flex;gap:24px;margin-top:34px;color:#9ba9c5;font-size:12px;font-weight:700}.hero-art{width:min(100%,510px);height:470px;position:relative;justify-self:center}.orbit{position:absolute;border:1px dashed #6d7d9a88;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-one{width:310px;height:310px}.orbit-two{width:455px;height:455px}.art-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-9deg);width:168px;height:168px;background:#f9f4e6;border:9px solid #fff;border-radius:35px;box-shadow:0 18px 0 #d0c8bd,0 32px 45px #060d23aa;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#17233b;font-family:'Space Grotesk',sans-serif}.art-center span{font-size:90px;font-weight:700;line-height:.85}.art-center small{font-size:16px;font-weight:700;letter-spacing:.13em}.art-tile{position:absolute;width:112px;height:112px;border-radius:28px;display:grid;place-items:center;font-size:72px;font-family:'Space Grotesk',sans-serif;box-shadow:0 13px 0 #0004,0 22px 28px #0007}.tile-purple{background:#9b7bf2;left:12%;top:3%;transform:rotate(-13deg);color:#d4c2ff}.tile-orange{background:#ff9c68;right:3%;top:11%;transform:rotate(12deg);color:#ffd5a8}.tile-green{background:#a9e577;left:8%;bottom:6%;transform:rotate(11deg);color:#487c48}.tile-blue{background:#70c6ed;right:10%;bottom:3%;transform:rotate(-13deg);font-size:58px}.spark{position:absolute;color:#f9d46f;font-size:45px}.spark-one{left:44%;top:-5%}.spark-two{right:0;bottom:38%}.spark-three{left:0;top:46%}.collection{padding:44px 0 85px}.section-heading,.play-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-heading h2,.play-top h2{font:700 clamp(34px,4vw,56px) 'Space Grotesk',sans-serif;letter-spacing:-.055em;margin:9px 0 0}.section-heading h2 span{color:#b9f363}.section-heading p{margin:0 0 8px;color:#a7b3ca}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.game-card{min-width:0;min-height:310px;padding:18px;border:2px solid #ffffff20;border-radius:21px;color:#fff;text-align:left;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s}.game-card:hover{transform:translateY(-5px)}.game-card.active{border-color:#fff;box-shadow:0 0 0 4px #ffffff1b}.snake-card{background:#664bc7}.blocks-card{background:#55a572}.stack-card{background:#d06a81}.football-card{background:#4d9ab5}.card-top,.card-bottom{display:flex;justify-content:space-between;position:relative;z-index:1}.number,.chip{font-size:10px;font-weight:800;letter-spacing:.12em}.chip{background:#ffffff34;padding:7px 9px;border-radius:5px}.card-visual{flex:1;min-height:160px;position:relative;display:block}.snake-visual i{position:absolute;width:34px;height:34px;border-radius:8px;background:#d3fa7b;box-shadow:inset -5px -5px #85bc64;top:50%;left:18%;transform:rotate(-8deg)}.snake-visual i:nth-child(2){left:32%;top:50%}.snake-visual i:nth-child(3){left:46%;top:50%}.snake-visual i:nth-child(4){left:46%;top:30%}.snake-visual b{position:absolute;color:#ffbc91;left:75%;top:34%;font-size:32px;text-shadow:0 0 17px #ffb285}.blocks-visual i{position:absolute;width:57px;height:55px;background:#a6e16f;box-shadow:inset 0 11px #c7f395,inset -9px -10px #659b51;transform:skewY(-6deg)}.blocks-visual i:nth-child(1){left:20%;top:53%}.blocks-visual i:nth-child(2){left:41%;top:53%;background:#a67655;box-shadow:inset 0 11px #c59b72,inset -9px -10px #785341}.blocks-visual i:nth-child(3){left:41%;top:23%}.blocks-visual i:nth-child(4){left:62%;top:53%}.blocks-visual i:nth-child(5){left:62%;top:23%;background:#999ca8;box-shadow:inset 0 11px #c2c4cc,inset -9px -10px #646878}.blocks-visual i:nth-child(6){left:20%;top:23%;background:#a67655;box-shadow:inset 0 11px #c59b72,inset -9px -10px #785341}.stack-visual i{position:absolute;width:35px;height:35px;border:3px solid #fff8;border-radius:5px;box-shadow:inset -5px -5px #0003;left:42%;top:14%;background:#78d9ef}.stack-visual i:nth-child(2){top:39%;background:#78d9ef}.stack-visual i:nth-child(3){top:64%;background:#78d9ef}.stack-visual i:nth-child(4){left:57%;top:64%;background:#78d9ef}.stack-visual i:nth-child(5){left:27%;top:64%;background:#f8e57c}.stack-visual i:nth-child(6){left:27%;top:39%;background:#f8e57c}.football-visual .field-line{position:absolute;width:78%;height:118%;border:3px solid #d5f8ee7d;top:2%;left:11%;border-radius:0 0 90px 90px}.football-visual span{position:absolute;font-size:70px;left:30%;top:35%;filter:drop-shadow(8px 10px 0 #246e89)}.football-visual b{position:absolute;font-size:40px;right:19%;top:12%;transform:rotate(90deg);color:#fbf5d5}.card-bottom{flex-direction:column}.card-bottom strong{font:700 22px 'Space Grotesk',sans-serif}.card-bottom small{margin-top:5px;opacity:.8;font-size:12px}.card-arrow{position:absolute;right:1px;bottom:0;font-size:25px}.play-section{padding:36px 0 100px;scroll-margin-top:25px}.play-top{align-items:end}.play-top p{color:#a7b3ca;margin:4px 0 0}.play-actions{display:flex;gap:10px;align-items:center}.play-actions>span{padding:13px 17px;border:1px solid #ffffff2a;border-radius:9px;font-size:11px;font-weight:800;letter-spacing:.1em;color:#a9b6d0;white-space:nowrap}.play-actions strong{color:#fff;margin-left:6px}.play-actions button{background:#263352;border:1px solid #ffffff2a;color:#fff;font-size:11px;font-weight:800;letter-spacing:.09em;border-radius:9px;padding:15px;cursor:pointer}.play-actions button:hover{background:#354668}.play-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,.85fr);gap:18px}.game-stage{position:relative;min-width:0;aspect-ratio:3/2;border:8px solid #2b3859;background:#0e1830;border-radius:20px;overflow:hidden;box-shadow:0 15px 30px #050b1e55}.game-stage canvas{display:block;width:100%;height:100%;touch-action:none}.game-overlay{position:absolute;inset:0;background:#101a33db;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px}.game-overlay.hidden{display:none}.overlay-icon{font-size:52px;color:#b8f467}.game-overlay strong{font:700 32px 'Space Grotesk',sans-serif;letter-spacing:-.03em}.game-overlay p{color:#b7c3d8;margin:8px 0 22px}.game-side{background:#202b49;border:1px solid #ffffff1c;border-radius:19px;padding:25px;display:flex;flex-direction:column}.side-label{font-size:11px;letter-spacing:.22em;color:#b8f467;font-weight:800}.game-side p{color:#d4dbee;line-height:1.6;font-size:14px;margin:13px 0 25px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:9px}.stats div{background:#151e38;border-radius:10px;padding:15px}.stats span{display:block;color:#8999ba;font-size:10px;font-weight:800;letter-spacing:.16em}.stats strong{display:block;font:700 30px 'Space Grotesk',sans-serif;margin-top:4px}.controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.controls button{border:1px solid #ffffff42;background:#324163;color:#fff;border-radius:8px;min-width:49px;height:47px;padding:0 13px;font:800 16px 'DM Sans',sans-serif;cursor:pointer;touch-action:manipulation}.controls button:hover,.controls button:active{background:#51648b}.side-foot{margin-top:auto;padding-top:25px;font-size:10px;font-weight:800;letter-spacing:.12em;color:#b9f363}.side-foot span{display:block;color:#9dabca;font-size:12px;font-weight:500;letter-spacing:0;margin-top:8px}footer{min-height:100px;border-top:1px solid #ffffff20;display:flex;align-items:center;justify-content:space-between;color:#8fa0c0;font-size:11px;font-weight:800;letter-spacing:.13em}footer span:first-child{color:#b8f467}footer a{color:#c8d2e7;text-decoration:none}@media(max-width:1000px){.game-grid{grid-template-columns:repeat(2,1fr)}.game-card{min-height:280px}.hero-art{transform:scale(.8);transform-origin:center}.hero{min-height:500px}}@media(max-width:700px){.shell{width:min(100% - 32px,520px)}.topbar{height:80px}.topbar-right{font-size:9px;letter-spacing:.06em}.hero{grid-template-columns:1fr;padding:62px 0 20px}.hero h1{font-size:64px}.hero-art{height:350px;width:350px;transform:scale(.68);margin:-45px auto}.hero-meta{flex-wrap:wrap;gap:12px 20px}.collection{padding-top:20px}.section-heading,.play-top{display:block}.section-heading p{margin-top:12px}.game-grid{gap:10px}.game-card{min-height:235px;padding:12px;border-radius:15px}.card-visual{min-height:120px;transform:scale(.75);transform-origin:center}.card-bottom strong{font-size:17px}.card-bottom small{font-size:10px;padding-right:15px}.play-actions{margin-top:20px}.play-layout{grid-template-columns:1fr}.game-stage{border-width:5px}.game-side{padding:20px}.game-side p{margin-bottom:13px}.controls{margin-top:17px}.side-foot{padding-top:17px}footer span:nth-child(2){display:none}}@media(max-width:390px){.hero h1{font-size:54px}.game-grid{grid-template-columns:1fr}.game-card{min-height:205px}.card-visual{min-height:100px}.hero-art{margin-left:-20px}}
/* Expanded game library */
.more-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:54px 0 20px}.more-heading h3{font:700 34px 'Space Grotesk',sans-serif;letter-spacing:-.045em;margin:7px 0 0}.search-box{display:flex;align-items:center;gap:10px;background:#263250;border:1px solid #ffffff30;border-radius:12px;padding:0 15px;color:#b9f363}.search-box span{font-size:25px}.search-box input{background:transparent;border:0;outline:0;color:#fff;font:600 13px 'DM Sans',sans-serif;width:200px;height:45px}.search-box input::placeholder{color:#9ba9c5}.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.filter-row button{border:1px solid #ffffff2d;background:#222e4b;color:#b9c5dd;padding:9px 13px;border-radius:9px;cursor:pointer;font:800 10px 'DM Sans',sans-serif;letter-spacing:.11em}.filter-row button.active,.filter-row button:hover{background:#b9f363;color:#172039;border-color:#b9f363}.extra-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.mini-card{border:1px solid #ffffff24;background:#24304e;color:#fff;min-height:122px;text-align:left;padding:14px;border-radius:14px;cursor:pointer;position:relative;transition:transform .15s,border-color .15s}.mini-card:hover{transform:translateY(-3px);border-color:#b9f363}.mini-card.active{border-color:#b9f363;box-shadow:0 0 0 2px #b9f36344}.mini-card .mini-icon{font-size:27px;display:block;margin-bottom:10px}.mini-card strong{font:700 15px 'Space Grotesk',sans-serif;display:block}.mini-card small{color:#aab8d0;font-size:10px;display:block;margin-top:4px}.mini-card .mini-arrow{position:absolute;right:12px;top:12px;color:#b9f363}.no-games{color:#aab8d0;text-align:center;padding:30px}
@media(max-width:1000px){.extra-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.more-heading{display:block}.search-box{margin-top:15px}.search-box input{width:100%}.extra-grid{grid-template-columns:repeat(2,1fr)}.mini-card{min-height:115px}}@media(max-width:390px){.extra-grid{grid-template-columns:1fr}}
.hero .byline{margin:5px 0 27px;color:#b9f363;font-size:11px;font-weight:800;letter-spacing:.22em}.hero .byline strong{color:#fff;font-weight:800}