:root{--ink:#20211e;--muted:#777a70;--orange:#f4774b;--paper:#f8f7f2;--line:#e5e5dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.header{height:84px;max-width:1440px;margin:auto;padding:0 7%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-weight:850;letter-spacing:-1.8px;font-size:25px}.logo-icon,.logo-dot{color:var(--orange)}.logo-icon{font-size:29px;vertical-align:-2px}.header nav{display:flex;gap:36px;font-size:13px;font-weight:650;color:#85877f}.header nav .nav-active{color:var(--ink)}.button{border:0;border-radius:7px;display:inline-flex;justify-content:center;align-items:center;gap:16px;min-height:48px;padding:0 20px;font-size:12px;font-weight:750}.button-dark{background:#242620;color:white}.button-dark:hover{background:#44473e}.button span{font-size:17px}.hero{max-width:1440px;min-height:567px;margin:auto;padding:90px 7% 75px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden}.eyebrow,.section-kicker{font-size:10px;font-weight:800;letter-spacing:1.5px}.pulse{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:8px}.hero h1{font-size:clamp(46px,5.4vw,78px);line-height:1.06;letter-spacing:-4px;margin:25px 0}.hero h1 em,.creator h2 em{font-family:Georgia,serif;font-weight:400;color:var(--orange)}.asterisk{color:var(--orange);font-size:.47em;vertical-align:top;margin-left:8px}.hero-copy>p,.section-top p,.creator-copy p{color:var(--muted);font-size:14px;line-height:1.8;max-width:390px}.hero-button{margin-top:20px;padding:0 24px}.hero-note{display:flex;align-items:center;gap:12px;margin-top:47px;color:#8b8d84;font-size:10px;line-height:1.6}.hero-note b{color:#50534b}.faces{display:flex;padding-left:4px}.faces i{width:27px;height:27px;margin-left:-4px;border:2px solid var(--paper);border-radius:50%;display:grid;place-items:center;font-style:normal;background:#d1ddc6;color:#64735c}.faces i:nth-child(2){background:#f5c7a8}.faces i:nth-child(3){background:#c4cce1}.hero-art{height:400px;position:relative}.orbit{position:absolute;border:1px solid #e5e6da;border-radius:50%;width:390px;height:390px;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-two{width:305px;height:305px}.art-card{position:absolute;width:218px;height:255px;border:8px solid #fff;border-radius:14px;box-shadow:0 15px 45px #34352c1c;overflow:hidden}.art-card small{position:absolute;bottom:13px;left:15px;font-size:8px;font-weight:850;letter-spacing:1px}.card-a{background:#ccd9c2;left:18%;top:55px;transform:rotate(-12deg)}.card-a>span{position:absolute;top:18px;left:20px;color:#fff;font-size:26px}.art-planet{width:125px;height:125px;border-radius:50%;background:#f8edcb;position:absolute;top:58px;left:36px;box-shadow:inset -18px -8px #e9dba9}.art-planet:after{content:'';position:absolute;width:160px;height:35px;border:4px solid #82977a;border-radius:50%;left:-18px;top:46px;transform:rotate(-20deg)}.card-b{background:#f3b395;left:47%;top:105px;transform:rotate(10deg)}.art-flower{position:absolute;inset:28px 0 0;text-align:center;font-size:155px;line-height:1;color:#f9e5ab;text-shadow:4px 5px #d97555}.art-badge{position:absolute;right:5%;top:37px;border-radius:50%;width:95px;height:95px;display:grid;place-content:center;text-align:center;background:#d8dfae;transform:rotate(12deg);font-size:10px;line-height:1.5}.art-badge strong{font-size:13px}.art-star,.art-spark,.art-plus{position:absolute;color:var(--orange)}.art-star{font-size:46px;left:11%;top:12px}.art-spark{font-size:31px;right:3%;bottom:35px}.art-plus{font-size:35px;left:13%;bottom:20px;color:#a9bd9e}.catalog{background:#fff;padding:90px max(7%,calc((100vw - 1240px)/2)) 100px;scroll-margin-top:20px}.section-top{display:flex;justify-content:space-between;align-items:end}.section-kicker{color:#85897d}.section-kicker span{color:var(--orange)}h2{font-size:clamp(34px,3.4vw,49px);letter-spacing:-2px;line-height:1.1;margin:15px 0}.section-top p{margin:0}.orange{color:var(--orange)}.catalog-count{display:flex;gap:12px;align-items:center}.catalog-count span{font:italic 38px Georgia;color:#f09c7b}.catalog-count small{max-width:60px;line-height:1.5;font-size:8px;font-weight:800;color:#a3a69b}.toolbar{margin:45px 0 30px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.filters{display:flex;gap:26px;overflow:auto}.filter{white-space:nowrap;background:none;border:0;border-bottom:2px solid transparent;color:#95988e;font-size:12px;font-weight:700;padding:0 0 17px}.filter.active{color:#242620;border-color:var(--orange)}.search{display:flex;gap:8px;align-items:center;padding-bottom:15px;color:#92958b}.search span{font-size:25px}.search input{width:130px;border:0;outline:0;font-size:12px}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.game-card{min-width:0;cursor:pointer}.game-cover{height:190px;border-radius:10px;position:relative;overflow:hidden;display:grid;place-items:center;background:#cddac4}.game-card:nth-child(4n+2) .game-cover{background:#f4c2a8}.game-card:nth-child(4n+3) .game-cover{background:#ded8ed}.game-card:nth-child(4n+4) .game-cover{background:#f4dfa5}.cover-symbol{font-size:100px;color:#fff9;line-height:1;transition:transform .2s}.game-card:hover .cover-symbol{transform:rotate(15deg) scale(1.1)}.cover-chip{position:absolute;top:14px;left:14px;padding:6px 9px;border-radius:4px;background:#ffffffb8;font-size:9px;font-weight:800}.play-circle{position:absolute;right:14px;bottom:14px;background:#fff;width:37px;height:37px;border-radius:50%;display:grid;place-items:center;font-size:12px}.game-card h3{font-size:15px;margin:16px 0 5px}.game-card p{font-size:12px;color:#999c92;margin:0;line-height:1.5}.empty{text-align:center;padding:50px 20px 15px}.empty-icon{font-size:42px;color:#eaa487}.empty h3{margin:10px 0}.empty p{font-size:13px;color:var(--muted);margin-bottom:24px}.creator{max-width:1240px;margin:100px auto;display:grid;grid-template-columns:1fr 1fr;background:#edf0e7;border-radius:12px;overflow:hidden;min-height:320px}.creator-art{position:relative;overflow:hidden;background:#d4ddca;display:grid;place-items:center}.creator-art>span{font-size:230px;line-height:1;color:#f5f0df;transform:rotate(-15deg)}.creator-grid{position:absolute;inset:0;background-image:linear-gradient(#aebaab55 1px,transparent 1px),linear-gradient(90deg,#aebaab55 1px,transparent 1px);background-size:35px 35px}.creator-label{position:absolute;bottom:24px;left:30px;font-size:10px;line-height:1.6;letter-spacing:1px}.creator-copy{padding:65px 12%}.creator-copy p{font-size:13px}.text-button{border:0;background:none;padding:14px 0 4px;font-weight:800;border-bottom:1px solid #242620;font-size:12px}.text-button span{margin-left:30px}footer{border-top:1px solid var(--line);padding:30px 7%;display:flex;align-items:center;gap:30px;color:#999c91}footer p{font-size:12px}footer>span{margin-left:auto;font-size:9px;letter-spacing:1px;font-weight:700}dialog{border:0;border-radius:14px;padding:0;width:min(500px,calc(100% - 30px));color:var(--ink);box-shadow:0 20px 80px #0003}dialog::backdrop{background:#20221eb8}#upload-form{padding:32px}.dialog-heading{display:flex;justify-content:space-between}.dialog-heading h2{font-size:32px}.dialog-heading p{font-size:13px;color:var(--muted)}.close,.player-actions button{border:0;background:#f0f1eb;width:40px;height:40px;border-radius:50%;font-size:25px;line-height:1}#upload-form label:not(.file-label){display:block;font-size:12px;font-weight:750;margin-top:18px}#upload-form label span:not(.file-icon){font-weight:400;color:#9b9d93}input:not([type=file]),textarea,select{width:100%;border:1px solid #e2e4db;border-radius:6px;background:#fff;padding:12px;margin-top:7px;outline-color:#ed9d7d}textarea{resize:vertical}.file-label{margin-top:20px;border:1px dashed #c6cbbd;background:#f8faf5;border-radius:8px;min-height:115px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer;font-size:12px}.file-label small{color:#999d91}.file-label input{position:absolute;width:1px;height:1px;opacity:0}.file-icon{font-size:25px;color:#f08d6c}.form-error{color:#bb473b;font-size:12px;min-height:15px}.submit{width:100%}.player-dialog{width:min(1100px,calc(100% - 30px));height:min(800px,calc(100% - 30px));background:#171916}.player-head{height:74px;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;color:#fff}.player-head h3{margin:3px 0;font-size:15px}.player-caption{font-size:9px;letter-spacing:1px;color:#aaa}.player-actions{display:flex;gap:8px}.player-actions button{font-size:22px}iframe{display:block;border:0;width:100%;height:calc(100% - 74px);background:white}@media(max-width:750px){.header{height:70px;padding:0 5%}.header nav{display:none}.header .button{font-size:0;gap:0;width:44px;padding:0}.header .button span{font-size:24px}.hero{padding:65px 6% 40px;grid-template-columns:1fr}.hero h1{letter-spacing:-2.5px}.hero-art{height:320px;margin-top:20px}.orbit{width:290px;height:290px}.orbit-two{width:220px;height:220px}.art-card{width:165px;height:200px}.card-a{left:15%}.card-b{left:45%;top:90px}.art-planet{transform:scale(.75);transform-origin:top left}.art-flower{font-size:115px}.art-badge{width:70px;height:70px;font-size:8px}.art-badge strong{font-size:10px}.catalog{padding:65px 6%}.section-top{align-items:start}.catalog-count{display:none}.toolbar{flex-direction:column;gap:5px}.filters{gap:20px}.search{padding-bottom:10px}.search input{width:100%}.game-grid{grid-template-columns:repeat(2,1fr);gap:22px 14px}.game-cover{height:145px}.creator{margin:50px 6%;grid-template-columns:1fr}.creator-art{min-height:220px}.creator-art>span{font-size:170px}.creator-copy{padding:40px 8%}footer{padding:25px 6%;flex-wrap:wrap;gap:10px}footer>span{width:100%;margin:0}}

.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:40px}

/* Compact vertical rhythm after removing the catalog heading. */
.hero{min-height:500px;padding-top:60px;padding-bottom:60px}
.catalog{padding-top:48px;padding-bottom:64px}
.toolbar{margin-top:0}
@media(max-width:750px){.hero{min-height:0;padding-top:48px;padding-bottom:32px}.catalog{padding-top:36px;padding-bottom:48px}}