:root{--ink:#f3f4f7;--paper:#101114;--muted:#a0a3af;--green:#c4f86b;color-scheme:dark}html{scroll-behavior:smooth}body{background:#101114;color:#f3f4f7;background-image:radial-gradient(ellipse at 75% 0,#26283755,transparent 42%);font-size:16px}header{max-width:1440px;height:88px;border-color:#ffffff12;padding:0 56px;gap:25px}.brand{color:#fff;font-size:25px;letter-spacing:-1px}.brandmark{border:0;background:#c4f86b;color:#14170e;border-radius:10px;font-size:30px;transform:rotate(-8deg)}.brand sup{background:#ffffff0d;color:#acb1bd;font-size:10px;letter-spacing:1.5px;margin-bottom:16px}.header-note{font-size:12px;letter-spacing:1.6px;color:#9296a4}.install-app{background:#23252c;color:#f6f7fa;border:1px solid #ffffff20;padding:11px 18px;font-family:inherit;font-size:14px;transition:background .2s,transform .2s}.install-app:hover{background:#30333d;transform:translateY(-2px)}main{max-width:1440px;padding:0 56px}.intro{padding:40px 0 30px;gap:24px}.eyebrow{color:#a3a8b6;font-size:12px;letter-spacing:2.4px}h1{font:600 clamp(38px,4.5vw,66px)/1.02 'Space Grotesk',sans-serif;letter-spacing:-3px;margin:12px 0}h1 em{color:#c4f86b}.intro p{color:#a6a9b5;margin-top:15px;font-size:16px}.surprise{transform:none;background:transparent;border:1px solid #353842;border-radius:16px;padding:18px 22px;transition:background .25s,transform .25s}.surprise:hover{background:#252832;transform:translateY(-3px)}.surprise>span{color:#a6a9b5}.surprise strong{color:white;font-size:18px}.surprise .dice{color:#c4f86b;font-size:42px}.featured{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:18px;margin:0 0 44px}.feature-main{position:relative;min-height:320px;overflow:hidden;border-radius:24px;background:#191b25;border:1px solid #ffffff14}.feature-main>img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:60% 50%;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.feature-main:hover>img{transform:scale(1.035)}.feature-main:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b0d17ee 0%,#0b0d17b8 32%,transparent 80%)}.feature-copy{position:relative;z-index:1;padding:32px;max-width:70%}.feature-label{font-size:11px;letter-spacing:1.9px;font-weight:600;color:#bbc3d9}.feature-copy h2{font:600 38px/1.04 'Space Grotesk',sans-serif;letter-spacing:-1.5px;margin:22px 0 14px}.feature-copy p{font-size:14px;color:#bcc1ce;max-width:220px;line-height:1.5}.feature-cta{display:inline-flex;align-items:center;gap:24px;text-decoration:none;color:#19230b;background:#c4f86b;border-radius:10px;padding:13px 17px;font-weight:700;font-size:14px;margin-top:10px;transition:background .2s}.feature-cta:hover{background:#dbffa3}.feature-side{display:grid;grid-template-columns:1fr 1fr;gap:16px}.feature-pick{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid #ffffff1a;border-radius:24px;padding:25px 22px;color:#fff;position:relative;overflow:hidden;transition:transform .3s,border-color .3s}.feature-pick:hover{transform:translateY(-5px);border-color:#ffffff66}.pick-snake{background:linear-gradient(145deg,#254a3d,#142a24)}.pick-merge{background:linear-gradient(145deg,#5641a1,#2b244b)}.feature-pick .feature-label{font-size:10px;line-height:1.8;letter-spacing:1.5px;color:#ffffffb0;min-height:36px}.feature-pick h2{font:600 clamp(30px,3.5vw,48px) 'Space Grotesk',sans-serif;letter-spacing:-2px;margin:auto 0 8px}.feature-pick p{font-size:14px;line-height:1.5;color:#ffffffb5;margin:0 0 24px}.pick-bottom{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:10px;letter-spacing:1px;color:#ffffffa0}.pick-bottom b{font-size:25px;color:white}.library-head h2{font-size:26px;letter-spacing:-.8px}.library-head h2 span{font-size:13px;color:#9296a4}.search{background:#1b1d23;border-color:#353740;border-radius:12px;padding:13px 16px;color:#a1a7b5}.search input{color:white;width:220px;font-size:14px}.search input::placeholder{color:#969aa7}.search:focus-within{border-color:#c4f86b;box-shadow:0 0 0 3px #c4f86b12}#filters{gap:8px;margin:16px 0 22px}#filters button{border-color:#30333b;color:#aeb3bf;background:#191b20;padding:10px 18px;font-size:14px;transition:all .2s}#filters button:hover{background:#30333b;color:white}#filters button.active{background:#c4f86b;color:#16200c;border-color:#c4f86b}.mode-jumps{margin:0 0 25px;gap:10px}.mode-jumps a{background:transparent;border:0;padding:8px 0;margin-right:20px;color:#c2c6d1;font-size:14px}.mode-jumps span{background:#282b34;color:#c4f86b}.mode-heading{border-color:#ffffff13;padding-top:24px;margin-bottom:22px}.mode-heading h2{font-size:25px;color:#f3f4f7}.mode-heading h2 span{color:#9296a4}.mode-heading p{color:#9095a3;font-size:14px}.mode-badge{border-color:#454955;color:#b2b8c8;background:transparent;font-size:11px}.mode-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 18px}.game-card{--accent:#c4f86b;--surface:#253a2d}.game-card[data-category=Puzzle]{--accent:#bba6ff;--surface:#302841}.game-card[data-category=Classic]{--accent:#80b5ff;--surface:#24364b}.game-card[data-category=Word]{--accent:#f5c678;--surface:#423726}.game-card[data-category=Brain]{--accent:#f299c0;--surface:#422b3b}.game-card[data-category=Skill]{--accent:#73dfd8;--surface:#23413f}.game-card>.card{border:1px solid #ffffff0e;border-radius:18px;background:#191b21;transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .3s}.game-card:hover>.card{transform:translateY(-6px);border-color:#ffffff32;box-shadow:0 14px 34px #0005}.art{height:150px;background:radial-gradient(ellipse at 50% 80%,var(--surface),#191c24);isolation:isolate}.art:before{width:140px;height:140px;border:1px solid var(--accent);opacity:.12;border-radius:24px;transform:rotate(-22deg);transition:transform .7s}.art:after{inset:0;border:0;border-radius:0;background-image:radial-gradient(#ffffff1a 1px,transparent 1px);background-size:18px 18px;opacity:.3;mask-image:linear-gradient(transparent,#000)}.symbol{font:600 62px 'Space Grotesk',sans-serif;color:var(--accent);filter:drop-shadow(0 7px 15px #0006);transform:rotate(-7deg);transition:transform .4s}.game-card:hover .symbol{transform:translateY(-5px) rotate(0) scale(1.06)}.game-card:hover .art:before{transform:rotate(-7deg) scale(1.08)}.game-number{color:var(--accent);opacity:.65;font-size:10px;letter-spacing:1.3px;left:16px;top:16px}.play-dot{width:32px;height:32px;color:var(--accent);background:#ffffff0d;border:1px solid #ffffff22;font-size:10px}.card-info{padding:18px}.card-info h3{color:#f4f5f7;font-size:18px;letter-spacing:-.4px;line-height:1.3}.card-description{color:#9399a8;font-size:13px;line-height:1.45;min-height:38px;margin:8px 0 16px}.card-info p{color:#b1b5c1;font-size:12px;padding-top:12px;border-top:1px solid #ffffff0b}.card-info p span:first-child{color:var(--accent)}.favorite-button{background:#12151bd9;color:#ccd0dc;border:1px solid #ffffff16;width:34px;height:34px;font-size:23px;box-shadow:none;top:10px;right:10px;transition:background .2s,transform .2s}.favorite-button:hover{background:#2f3443;color:white}.favorite-button.saved{background:#402436;color:#ffa1cd;border-color:#84546e}footer{border-color:#ffffff15;color:#888f9f;font-size:13px;padding:32px 0}footer span:first-child{color:#c4f86b;font-weight:700}#empty{padding:50px;text-align:center;border:1px dashed #454955;border-radius:20px;color:#a6acb8}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #c4f86b;outline-offset:4px}#player{background:#17191f;color:#f3f4f7;border:1px solid #3b3f4b;border-radius:24px;box-shadow:0 30px 120px #000a}#player::backdrop,#install-help::backdrop{background:#080a10d9;backdrop-filter:blur(12px)}.player-head h2{color:#fff}.player-head button{background:#2b2f39;color:#d8dce7}#instructions{color:#aeb3c1}.game-settings{border-color:#353944}.game-settings label,.game-settings p{color:#adb4c4}.game-settings select{background:#262a33;color:white;border-color:#414654}.game-settings button,.multiplayer button{background:#272d36;color:#dce4ee;border-color:#46515d}.game-settings #apply-settings,.player-bottom button{background:#c4f86b;color:#1a230f}.multiplayer{color:#c5cea8}.player-bottom span{color:#969eae}#stage{color:#202b28;background:#eaf0e1;border-color:#303640;color-scheme:light}.round-result{color:#202b28}.choice,.cell,.answer,.pad button{color:#202b28;color-scheme:light}#install-help{color:#f3f4f7;background:#1b1e26;border-color:#414756}#close-install{background:#c4f86b;color:#17200d}.feature-main,.feature-side,.intro{animation:arrive .65s both}.feature-side{animation-delay:.1s}.game-card{animation:arrive .45s both;animation-delay:calc(var(--card-i)*25ms)}@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.art{height:175px}}@media(max-width:1100px){header,main{padding-left:30px;padding-right:30px}.header-note{display:none}.featured{grid-template-columns:1.3fr 1fr}.feature-side{grid-template-columns:1fr}.feature-pick{padding:18px;min-height:150px}.feature-pick h2{font-size:32px;margin:8px 0}.feature-pick p{display:none}.feature-pick .feature-label{min-height:0}.feature-copy{padding:28px;max-width:85%}.feature-copy h2{font-size:34px}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){header{height:76px;padding:0 20px;gap:10px}.brand{font-size:21px}.brandmark{width:33px;height:33px;font-size:26px}.brand sup{display:none}.install-app{padding:10px 13px;font-size:12px}main{padding:0 20px}.intro{padding:30px 0 24px;align-items:flex-end}h1{font-size:39px;letter-spacing:-1.9px}.intro p{font-size:14px;max-width:200px;line-height:1.5}.eyebrow{font-size:10px}.surprise{padding:12px;border-radius:13px;max-width:123px}.surprise>span{font-size:11px}.surprise strong{font-size:14px}.surprise b{margin:0}.featured{grid-template-columns:1fr;gap:12px;margin-bottom:30px}.feature-main{min-height:290px;border-radius:20px}.feature-copy{padding:25px;max-width:82%}.feature-copy h2{font-size:32px;margin-top:18px}.feature-copy p{max-width:190px}.feature-main>img{object-position:65% center}.feature-side{grid-template-columns:1fr 1fr;gap:12px}.feature-pick{min-height:165px;border-radius:18px;padding:18px}.feature-pick h2{font-size:36px;margin:12px 0}.feature-pick .feature-label{font-size:9px}.pick-bottom{font-size:9px}.library-head h2{font-size:24px}.library-head h2 span{display:block;margin:8px 0;font-size:13px}.library-head{gap:12px}.search{width:100%}.search input{width:100%;min-width:0}#filters{flex-wrap:nowrap;overflow-x:auto;padding:4px 2px 10px;margin:14px -2px 10px;scrollbar-width:none}#filters button{flex-shrink:0;font-size:13px;padding:9px 15px}.mode-jumps{gap:12px}.mode-jumps a{font-size:12px;margin:0;gap:6px}.mode-heading h2{font-size:22px}.mode-heading h2 span{font-size:12px}.mode-heading p{font-size:13px;line-height:1.5}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.art{height:125px}.symbol{font-size:49px}.card-info{padding:13px}.card-info h3{font-size:16px}.card-description{font-size:12px;min-height:35px;margin:7px 0 12px}.card-info p{font-size:11px}.card-info p span:last-child{display:block}.game-number{font-size:9px;top:13px;left:12px}.favorite-button{width:31px;height:31px;font-size:21px}.play-dot{width:26px;height:26px;right:10px;bottom:10px}.mode-section{margin-bottom:32px}footer{font-size:12px;gap:20px}#player{padding:18px}.game-settings label{font-size:13px}.player-head h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.game-card:hover>.card,.feature-pick:hover,.surprise:hover{transform:none}}