@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--bg:#faf8f1;--paper:#fff;--ink:#233e35;--muted:#67736b;--line:#dfe3d8;--lime:#f2e2a0;--dark:#244e40;--red:#b53a3a;--radius:16px}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:DM Sans,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}img{max-width:100%}h1,h2,h3,.brand{letter-spacing:-.045em;font-family:Space Grotesk,sans-serif;line-height:1.12}h1,h2,h3,p{margin-top:0}h1{margin-bottom:22px;font-size:clamp(2.7rem,5vw,4.3rem);font-weight:600}h1 em{color:#3e7962;font-style:normal}h2{margin-bottom:16px;font-size:2rem;font-weight:600}h3{font-size:1.4rem}.header{justify-content:space-between;align-items:center;gap:28px;max-width:1336px;height:94px;margin:auto;padding:0 48px;display:flex}.brand{white-space:nowrap;align-items:center;gap:10px;font-size:28px;font-weight:700;display:flex}.brand-accent{color:#94603e}.brand-icon{background:linear-gradient(145deg,#ecf2de,#dde9cb);border:1px solid #d6e1c7;border-radius:15px;place-items:center;width:49px;height:49px;display:grid;transform:rotate(-5deg);box-shadow:inset 0 2px 1px #fff9,0 2px #c2cfb4}.brand-icon svg{transform:rotate(5deg)}.beta{letter-spacing:.06em;color:#6a746b;align-self:flex-start;padding:5px 0;font-family:DM Sans,sans-serif;font-size:10px}.header nav{gap:28px;font-size:14px;font-weight:600;display:flex}.header nav a:hover,.text-link:hover{text-decoration:underline}.button{border:1px solid var(--dark);color:#fff;background:linear-gradient(#416d57,#244e40);border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:12px 20px;font-size:14px;font-weight:600;line-height:1.4;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff24,0 2px #15221a}.button:hover{background:linear-gradient(#527e65,#315c4b);transform:translateY(-1px)}.button:active{transform:translateY(1px);box-shadow:inset 0 1px #ffffff24}.button:disabled{opacity:.5;cursor:not-allowed}.button.small{min-height:40px;padding:10px 15px}.button.secondary{color:var(--ink);border-color:var(--line);background:linear-gradient(#fff,#f4f6f1);box-shadow:inset 0 1px #fff,0 2px #dde3d7}.button.lime{background:var(--lime);color:var(--ink);border-color:var(--lime)}.page{max-width:1240px;margin:auto;padding:14px 0 0}.intro{background:linear-gradient(110deg,#f7f5e8 30%,#e4eedc);border:1px solid #dce5d4;border-radius:26px;grid-template-columns:1.06fr 1fr;min-height:365px;display:grid;overflow:hidden;box-shadow:0 3px #dce4d8,0 12px 30px #293b2310}.eyebrow{letter-spacing:.13em;align-items:center;gap:9px;margin-bottom:20px;font-size:11px;font-weight:700;display:flex}.eyebrow>span{background:#476536;border-radius:1px;width:6px;height:6px}.intro-copy p{color:#56664f;max-width:420px;margin-bottom:25px;font-size:15px;line-height:1.7}.intro-bottom{color:#51614b;align-items:center;gap:26px;font-size:12px;display:flex}.intro-bottom span{align-items:center;gap:8px;display:flex}.intro-bottom a{text-underline-offset:4px;text-decoration:underline}.intro-art{background:radial-gradient(at 52%,#dfedda 10%,#e4eedc00 68%);min-height:310px;position:relative;overflow:hidden}.intro-image{object-fit:contain;object-position:center;padding:12px 18px 34px}.art-caption{white-space:nowrap;color:#345540;letter-spacing:.1em;background:#fffaf0e8;border:1px solid #ffffffa8;border-radius:6px;justify-content:space-between;padding:5px 10px;font-size:9px;font-weight:700;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.catalog{padding-top:45px}.section-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-top .eyebrow{margin-bottom:10px}.section-top h2{margin:0}.muted{color:var(--muted)}.count{color:#45634e;white-space:nowrap;background:#e8efdd;border:1px solid #d5dfc9;border-radius:6px;padding:8px 10px;font:12px ui-monospace,monospace;box-shadow:inset 0 1px 3px #4d682315}.catalog-controls{background:linear-gradient(#fffef9,#eff1e7);border:1px solid #d9e0d3;border-radius:17px;margin-bottom:22px;padding:16px;box-shadow:inset 0 1px #fff,0 3px #e0e5dc}.catalog-controls .genre-list{margin:14px 0 0}.search:focus-within{outline-offset:2px;outline:2px solid #386ad3}:focus-visible{outline:2px solid #386ad3}.filters{gap:12px;display:flex}.search{border:1px solid var(--line);color:#7a847b;background:#fff;border-radius:8px;flex:1;align-items:center;gap:10px;padding:0 16px;display:flex}.search input{background:0 0;border:0;outline:none;width:100%;min-width:0;padding:12px 0}.filters select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;padding:10px 32px 10px 14px;font-size:14px}.genre-list{flex-wrap:wrap;gap:8px;margin:18px 0 22px;display:flex}.genre{color:var(--muted);border:1px solid #0000;border-radius:8px;padding:7px 13px;font-size:13px}.genre.active{color:#fff;background:linear-gradient(#4274db,#2d54ab);border-color:#355dad;box-shadow:inset 0 1px #ffffff40,0 2px #244483}.genre:hover{border-color:var(--line)}.empty{text-align:center;background:#fffdf7;border:1px dashed #c9d3c5;border-radius:14px;padding:42px 24px}.collection-art{width:128px;height:128px;margin:-8px auto 8px;display:block}.empty h3{margin-bottom:12px}.empty p{max-width:475px;color:var(--muted);margin:0 auto 22px;font-size:15px}.creator-strip{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:80px;margin-top:54px;padding:36px 0 40px;display:grid}.creator-strip .eyebrow{color:var(--muted);margin-bottom:15px;font-size:10px}.creator-strip h2{margin:0;font-size:28px}.creator-strip p{color:var(--muted);max-width:470px;font-size:15px}.text-link{text-underline-offset:5px;font-size:14px;font-weight:600;text-decoration:underline}footer{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:18px 25px;max-width:1240px;margin:0 auto;padding:30px 0;display:flex}footer .brand{font-size:18px}footer p{color:var(--muted);margin:0;font-size:12px}footer div{gap:23px;margin-left:auto;font-size:12px;display:flex}footer small{color:#808880;width:100%;font-size:11px}.skip{z-index:100;background:#fff;padding:10px;position:fixed;top:-80px;left:15px}.skip:focus{top:10px}.content{max-width:820px;margin:40px auto 70px;padding:0 24px}.content.wide{max-width:1100px}.content h1{font-size:2.7rem}.lead{color:var(--muted);max-width:650px;font-size:17px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin:22px 0;padding:28px}.panel h2{font-size:1.4rem}.form-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.field{flex-direction:column;gap:7px;margin-bottom:20px;font-size:14px;font-weight:600;display:flex}.field input,.field textarea,.field select{width:100%;color:var(--ink);background:#fff;border:1px solid #ced6cb;border-radius:8px;padding:11px 13px}.field small{color:var(--muted);font-size:12px;font-weight:400}.field textarea{resize:vertical;min-height:135px}.check{align-items:flex-start;gap:11px;margin:17px 0;font-size:14px;display:flex}.check input{accent-color:var(--dark);flex-shrink:0;width:17px;height:17px;margin-top:5px}.notice{background:#edf3e7;border-radius:9px;margin:18px 0;padding:15px 18px;font-size:14px}.error{color:#97382a;background:#fff0ed}.success{color:#305625;background:#e9f4dd}.actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.card-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.game-card{border:1px solid var(--line);background:#fff;border-radius:14px;transition:transform .2s,box-shadow .2s;overflow:hidden}.game-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #26372310}.game-card img{aspect-ratio:1.5;object-fit:cover;background:#eaf1e2;width:100%}.card-body{padding:20px}.card-body h3{margin:10px 0;font-size:20px}.card-meta,.between{justify-content:space-between;align-items:center;gap:12px;display:flex}.card-meta{color:var(--muted);font-size:12px}.card-body p{color:var(--muted);font-size:14px}.price{background:#eef4e7;border-radius:5px;padding:4px 9px;font-size:13px;font-weight:700}.badge{letter-spacing:.04em;background:#eef3ea;border-radius:4px;padding:4px 8px;font-size:11px;display:inline-block}.game-detail{grid-template-columns:1.5fr 1fr;gap:34px;display:grid}.game-detail img{border-radius:15px;width:100%}.prose{white-space:pre-wrap;color:#4f5d51;line-height:1.8}.legal h2{margin-top:30px;font-size:1.4rem}.legal li{margin-bottom:9px}.file{background:#f8faf6;border:1px dashed #a8b7a0;border-radius:9px;padding:18px}.studio-item{border-top:1px solid var(--line);padding:20px 0}.auth{max-width:475px;margin:60px auto 90px;padding:0 22px}.auth h1{font-size:2.25rem}.auth .email-signin-heading{letter-spacing:-.025em;margin:28px 0 18px;font-size:1.15rem}.oauth-form{border-bottom:1px solid var(--line);margin:24px 0;padding-bottom:14px}.oauth-form .button{width:100%}.oauth-form .inline-note{margin:14px 0 0}.oauth-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.oauth-buttons .button,.oauth-buttons .google-signin{flex:0 0 180px;width:180px;height:40px;min-height:40px}.oauth-buttons .button{padding:0 10px;font-size:13px}.google-signin{cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0}.google-signin img{width:180px;height:40px;display:block}.google-signin:disabled{opacity:.55;cursor:wait}.tab-buttons{gap:12px;margin:20px 0;display:flex}.tab-buttons button{flex:1}.inline-note{color:var(--muted);font-size:13px}.loading{opacity:.6}button.link{color:inherit;background:0 0;border:0;padding:0;font-size:14px;text-decoration:underline}.break{overflow-wrap:anywhere}@media (max-width:1350px){.page,footer{margin-left:40px;margin-right:40px}}@media (max-width:900px){.header{flex-wrap:wrap;gap:18px;height:auto;padding:20px 26px}.header nav{order:3;justify-content:center;gap:35px;width:100%}.page,footer{margin-left:25px;margin-right:25px}.intro-copy{padding:30px}.intro{grid-template-columns:1.2fr 1fr}.intro-bottom{flex-wrap:wrap;gap:10px}.creator-strip{gap:35px}.card-grid{grid-template-columns:repeat(2,1fr)}footer div{margin-left:0}.game-detail{grid-template-columns:1fr}}@media (max-width:600px){.header{padding:18px}.brand{gap:7px;font-size:23px}.beta{display:none}.header>.button{padding:9px 11px;font-size:12px}.header nav{gap:28px;font-size:13px}.page,footer{margin-left:18px;margin-right:18px}.intro{grid-template-columns:1fr}.intro-copy{padding:27px}.intro-art{min-height:250px}.intro-copy p{font-size:14px}.intro-bottom{font-size:11px}.catalog{padding-top:32px}h2{font-size:1.65rem}.filters{flex-wrap:wrap}.search{flex-basis:100%}.filters select{flex:1;width:100px;padding-right:12px}.filters .button{padding:10px 13px}.genre-list{gap:3px}.genre{padding:5px 9px;font-size:12px}.empty{padding:32px 20px}.creator-strip{grid-template-columns:1fr;gap:25px;margin-top:35px}.creator-strip h2{font-size:27px}footer{gap:15px}footer div{flex-wrap:wrap;gap:16px}footer small{font-size:10px}.form-grid{grid-template-columns:1fr;gap:0}.panel{padding:20px}.content{margin-top:30px;padding:0 18px}.content h1{font-size:2.2rem}.card-grid{grid-template-columns:1fr}.between{flex-wrap:wrap;align-items:flex-start}}.declaration{background:#f5f7f1;border-radius:10px;margin:18px 0 23px;padding:20px;font-size:14px;line-height:1.8}.specs{grid-template-columns:1fr 1fr;gap:12px;font-size:13px;display:grid}.specs dt{color:var(--muted)}.specs dd{text-align:right;margin:0}.game-card{display:block}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (min-width:601px) and (max-width:900px){.filters{flex-wrap:wrap}.search{flex-basis:100%}.filters select{flex:1}.intro h1{font-size:2.6rem}.intro-copy{padding:27px 25px}.intro-copy p{font-size:14px}.art-caption{gap:10px;font-size:9px}}.intro{min-height:365px}.intro-copy{padding:38px 40px}.intro h1{margin-bottom:18px;font-size:clamp(2.2rem,4.2vw,3.65rem)}.intro .eyebrow{margin-bottom:14px}.intro-copy p{margin-bottom:18px}.intro-art{min-height:335px}@media (max-width:900px){.intro-copy{padding:27px 25px}}@media (max-width:600px){.intro-art{min-height:250px}.intro-image{object-position:center 35%}.art-caption{font-size:8px;bottom:10px;left:50%}.catalog-controls{padding:12px}.section-top{gap:12px}.intro-copy{padding:25px}.intro h1{font-size:2.35rem}}@media (prefers-reduced-motion:reduce){.button,.game-card{transition:none;transform:none}}@media (max-width:480px){.filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.filters .search{grid-column:1/-1}.filters select{width:100%;min-width:0}}.game-player{background:linear-gradient(145deg,#e9f2df,#d3e5d8 70%,#c4d6c9);border:1px solid #b8c9bc;border-radius:24px 24px 42px;min-width:0;padding:22px;box-shadow:inset 0 2px #ffffffc0,0 5px #b3c3b5,0 12px 28px #263f2d10}.player-heading,.player-heading>span,.player-toolbar{align-items:center;gap:8px;display:flex}.player-heading{letter-spacing:.08em;color:#42614e;justify-content:space-between;margin-bottom:15px;font-size:10px;font-weight:700}.player-screen{aspect-ratio:160/144;background:#15241e;border:12px solid #304139;border-bottom-width:20px;border-radius:12px 12px 28px;max-width:504px;margin:auto;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #17251b,0 2px #ffffff80}.player-screen canvas{width:100%;height:100%;image-rendering:pixelated;object-fit:contain;display:block}.game-detail .player-cover{object-fit:cover;opacity:.38;border:0;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.player-overlay{color:#fff;text-align:center;background:#14261c55;flex-direction:column;justify-content:center;align-items:center;gap:17px;padding:12px;display:flex;position:absolute;inset:0}.player-overlay-note{letter-spacing:.07em;font-size:10px}.player-overlay .button{color:#254332;background:#eff5e5;border-color:#c1d3ad}.player-gamepad{justify-content:space-between;align-items:center;gap:10px;margin:24px 0;display:flex}.player-dpad{grid-template-rows:repeat(3,36px);grid-template-columns:repeat(3,36px);display:grid}.player-control{color:#f3f6ef;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:linear-gradient(#4e5f51,#293c30);border:1px solid #27392d;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 1px #ffffff30,0 3px #1b2d22}.player-control:active{transform:translateY(2px);box-shadow:inset 0 1px 4px #0005}.player-control:disabled{opacity:.5;cursor:default}.dpad-up{border-radius:6px 6px 0 0;grid-area:1/2}.dpad-left{border-radius:6px 0 0 6px;grid-area:2/1}.dpad-center{background:#3a4b3e;grid-area:2/2;box-shadow:0 3px #1b2d22}.dpad-right{border-radius:0 6px 6px 0;grid-area:2/3}.dpad-down{border-radius:0 0 6px 6px;grid-area:3/2}.player-menu-buttons{align-self:end;gap:8px;padding-bottom:10px;display:flex}.menu-key{letter-spacing:.05em;border-radius:12px;min-height:34px;padding:7px 9px;font-size:9px}.player-ab{gap:10px;display:flex;transform:rotate(-20deg)}.round-key{background:linear-gradient(#689177,#375f48);border-radius:50%;width:49px;height:49px;font-size:19px;font-weight:700;transform:rotate(20deg)}.player-toolbar{border-top:1px solid #aebeaf;flex-wrap:wrap;padding-top:19px}.player-toolbar .button{min-height:38px;padding:8px 10px;font-size:12px}.player-help{color:#435b49;margin:18px 0 10px;font-size:12px;line-height:1.9}.player-help kbd{white-space:nowrap;font-family:inherit;font-weight:650}.player-footnote{margin-bottom:0;font-size:11px}.game-player:fullscreen{border-radius:0;padding:24px max(20px,50vw - 330px);overflow:auto}.game-player:fullscreen .player-screen{width:auto;max-height:58dvh}@media (max-width:600px){.game-player{padding:15px}.player-heading{letter-spacing:.035em;font-size:9px}.player-screen{border-width:8px 8px 15px}.player-gamepad{flex-wrap:wrap;gap:15px}.player-dpad{grid-template-rows:repeat(3,34px);grid-template-columns:repeat(3,34px)}.player-menu-buttons{order:3;justify-content:center;width:100%;padding:0}.menu-key{min-width:64px;min-height:40px}.round-key{width:48px;height:48px}.player-overlay .button{padding:10px 13px}.player-toolbar{gap:7px}}