@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}:root{color:#24252d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;scroll-behavior:smooth;background:#fbfaf8;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.app-shell{max-width:1600px;margin:0 auto;overflow:hidden}.topbar{background:#fbfaf8f5;border-bottom:1px solid #eeece7;justify-content:space-between;align-items:center;height:82px;padding:0 7%;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-size:21px;font-weight:700;display:inline-flex}.brand-icon{color:#fff;background:#22252d;border-radius:11px;place-items:center;width:35px;height:35px;font-size:20px;display:grid}.brand-light{color:#888994;font-weight:500}.header-label,.eyebrow{letter-spacing:1.7px;color:#888994;font-size:10px;font-weight:700}.header-link{font-size:12px;font-weight:700}.header-link span{margin-left:8px}.hero{background:#f1eee8;justify-content:space-between;align-items:center;gap:35px;min-height:400px;padding:70px 10% 76px;display:flex}.hero-copy{max-width:490px}.eyebrow{align-items:center;gap:9px;display:flex}.status-dot{background:#76a88d;border-radius:50%;width:7px;height:7px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Space Grotesk,sans-serif}h1{letter-spacing:-3.8px;margin:24px 0 18px;font-size:clamp(43px,5.3vw,68px);line-height:1.03}h1 span{color:#888994}.hero-copy>p{color:#777780;max-width:390px;margin-bottom:27px;font-size:14px;line-height:1.8}.primary-button{color:#fff;background:#272932;border-radius:8px;align-items:center;gap:25px;padding:14px 18px;font-size:12px;font-weight:700;transition:transform .2s,background .2s;display:inline-flex}.primary-button:hover{background:#424551;transform:translateY(-2px)}.hero-art{flex-shrink:0;place-items:center;width:280px;height:245px;display:grid;position:relative}.art-orbit{border:1px solid #d7d2c8;border-radius:50%;width:220px;height:220px;position:absolute}.orbit-two{border-style:dashed;width:165px;height:165px}.art-card{place-items:center;display:grid;position:absolute;box-shadow:0 16px 35px #34302a17}.art-card-main{background:#fffdfa;border-radius:28px;width:120px;height:130px;font-size:66px;transform:rotate(-8deg)}.art-card-top{color:#4e9072;background:#d7f0e2;border-radius:17px;width:53px;height:53px;font-size:29px;top:27px;right:19px;transform:rotate(12deg)}.art-card-bottom{background:#e1d8fa;border-radius:18px;width:62px;height:62px;font-size:35px;bottom:17px;left:19px;transform:rotate(-13deg)}.art-spark{color:#9c8acb;font-size:25px;position:absolute}.spark-one{top:17px;left:42px}.spark-two{color:#b18d5c;bottom:28px;right:32px}.library{padding:76px 10% 85px}.section-heading{justify-content:space-between;align-items:end;gap:15px;margin-bottom:30px;display:flex}.section-heading h2{letter-spacing:-1.5px;margin:10px 0 0;font-size:35px}.section-heading h2 span{color:#9b89c9}.game-count{color:#92929a;letter-spacing:1px;padding-bottom:7px;font-size:10px;font-weight:700}.search-box{background:#fff;border:1px solid #e9e7e1;border-radius:10px;align-items:center;gap:12px;height:53px;padding:0 16px;display:flex}.search-box>span{color:#a0a0a7;font-size:27px}.search-box input{color:#272932;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:12px}.search-box input::placeholder{color:#aaaab0}.search-box kbd{letter-spacing:1px;color:#a3a3ab;border:1px solid #e9e7e1;border-radius:5px;padding:5px 7px;font-size:9px}.category-list{flex-wrap:wrap;gap:9px;margin:23px 0 30px;display:flex}.category-button{color:#74747e;background:0 0;border:1px solid #e9e7e1;border-radius:7px;padding:9px 15px;font-size:11px;font-weight:600;transition:all .2s}.category-button:hover{border-color:#b6abcf}.category-button.active{color:#fff;background:#272932;border-color:#272932}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.game-card{background:#fff;border:1px solid #eeece7;border-radius:13px;min-width:0;transition:transform .2s,box-shadow .2s;overflow:hidden}.game-card:hover{transform:translateY(-4px);box-shadow:0 15px 32px #2d29300c}.game-art{place-items:center;height:160px;display:grid;position:relative;overflow:hidden}.game-number{color:#2526308a;font-size:10px;font-weight:700;position:absolute;top:13px;left:15px}.game-emoji{filter:drop-shadow(0 8px 5px #00000012);font-size:65px;transition:transform .2s}.game-card:hover .game-emoji{transform:scale(1.1)rotate(-4deg)}.art-decoration{color:#ffffff9c;font-size:24px;position:absolute;bottom:14px;right:20px}.game-info{padding:19px}.game-category{text-transform:uppercase;letter-spacing:1.4px;color:#92929a;font-size:9px;font-weight:700}.game-info h3{letter-spacing:-.4px;margin:8px 0 5px;font-size:18px}.game-info p{color:#8b8b93;margin-bottom:18px;font-size:11px;line-height:1.5}.play-button{color:#33343c;background:#f7f6f3;border:0;border-radius:7px;justify-content:space-between;align-items:center;width:100%;padding:11px 12px;font-size:11px;font-weight:700;transition:background .2s;display:flex}.play-button:hover{background:#eae7f4}.empty-state{text-align:center;color:#777780;padding:55px 20px}.empty-state>span{font-size:35px}.empty-state h3{color:#272932;margin:14px 0 7px}.empty-state p{font-size:13px}.empty-state button{margin-top:10px}.bottom-banner{background:#eeece7;border-radius:12px;align-items:center;gap:20px;margin:0 10% 75px;padding:27px 30px;display:flex}.banner-icon{color:#9683c5;font-size:29px}.bottom-banner div{flex:1}.bottom-banner h2{margin:0 0 5px;font-size:16px}.bottom-banner p{color:#81818a;margin:0;font-size:11px}.bottom-banner>a{white-space:nowrap;font-size:11px;font-weight:700}footer{color:#96969d;border-top:1px solid #eeece7;justify-content:space-between;align-items:center;gap:20px;padding:27px 7%;font-size:10px;display:flex}.footer-brand{color:#272932;font-size:17px}.footer-brand .brand-icon{border-radius:9px;width:29px;height:29px;font-size:16px}@media (width>=1300px){.hero,.library{padding-left:12%;padding-right:12%}}@media (width<=900px){.hero,.library{padding-left:7%;padding-right:7%}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{margin-right:-15px;transform:scale(.85)}.bottom-banner{margin-left:7%;margin-right:7%}}@media (width<=600px){.topbar{height:70px;padding:0 5%}.header-label{display:none}.header-link{font-size:11px}.brand{font-size:19px}.hero{flex-direction:column;align-items:flex-start;gap:5px;padding:55px 7% 40px}h1{letter-spacing:-3px;font-size:53px}.hero-art{align-self:center;height:215px;margin:0;transform:scale(.85)}.library{padding:55px 5% 60px}.section-heading h2{font-size:29px}.game-grid{grid-template-columns:1fr;gap:16px}.game-art{height:180px}.bottom-banner{flex-wrap:wrap;align-items:flex-start;gap:13px;margin:0 5% 50px;padding:23px}.bottom-banner div{min-width:70%}.bottom-banner>a{margin-left:42px}footer{flex-wrap:wrap;padding:25px 5%}footer>span:nth-child(2){display:none}}.policy-page{box-sizing:border-box;color:#242424;max-width:820px;min-height:100vh;margin:0 auto;padding:48px 24px 80px;line-height:1.75}.policy-back{color:#66645f;margin-bottom:32px;font-weight:600;text-decoration:none;transition:color .2s;display:inline-block}.policy-back:hover{color:#171717}.policy-page h1{letter-spacing:-.04em;margin:0 0 8px;font-size:clamp(2rem,5vw,3rem);line-height:1.15}.policy-updated{color:#77736c;margin-bottom:32px;font-size:.9rem}.policy-page h2{letter-spacing:-.02em;margin:32px 0 10px;font-size:1.25rem;line-height:1.35}.policy-page p{margin:0 0 16px;font-size:1rem}.policy-page a:not(.policy-back){color:#5c49a8;text-underline-offset:3px}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.footer-links a{color:inherit;text-decoration:none}.footer-links a:hover{text-underline-offset:4px;text-decoration:underline}@media (width<=600px){.policy-page{padding:32px 20px 56px}.policy-page h2{margin-top:26px}.footer-links{gap:12px}}