@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Barlow:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0c0d0f;--panel:#141518;--text:#f3f3f4;--muted:#a2a3aa;--line:#2a2b30;--silver:#c8cbd1}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font-family:Barlow,Arial,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #e0e5fb;outline-offset:6px}::selection{background:#e0e2e8;color:#101114}.shell{max-width:1160px;padding:0 36px;margin:auto}.skip{position:fixed;left:16px;top:-80px;background:white;color:black;padding:12px 20px;z-index:10}.skip:focus{top:16px}.topbar{min-height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:15px}.wordmark{font-family:Arial,sans-serif;font-size:32px;font-weight:800;letter-spacing:-1.5px}.wordmark>span{font-style:italic;font-size:38px}.brand-caption{font-size:12px;letter-spacing:4px;border-left:1px solid #44464e;padding-left:17px;color:#b8bbc3}nav{display:flex;gap:30px;font-size:14px;font-weight:600}nav a{padding:12px 0;color:#b6b7bd}nav a:hover{color:white}.intro{display:flex;align-items:center;justify-content:space-between;padding:48px 0 42px;gap:30px}.eyebrow{font-size:12px;letter-spacing:2.8px;font-weight:700;color:#a9abb3;margin:0 0 14px}h1{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-1px;margin:0;font-weight:700;text-transform:uppercase}h1>span{color:#9b9ea6}.intro-copy{margin:18px 0 0;color:#babcc4;font-size:17px}.studio-logo{width:180px;height:auto;border-radius:26px;flex-shrink:0;opacity:.88}.platform{scroll-margin-top:24px;margin-bottom:30px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:13px;gap:16px}h2{font-size:20px;font-weight:600;margin:0}.section-heading>span{font-size:12px;color:#989ba4;letter-spacing:1.5px}.game{background:var(--panel);border:1px solid var(--line);border-radius:5px;transition:background .18s,border-color .18s,transform .18s}.game:hover{background:#1b1d21;border-color:#737781;transform:translateY(-2px)}.featured{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:27px 32px;background:linear-gradient(105deg,#24262b,#17181c 65%);border-top:2px solid #b7bcc6}.game-identity{display:flex;align-items:center;gap:29px}.index{font-size:14px;color:#858993;font-variant-numeric:tabular-nums;font-weight:500}.category{margin:0 0 5px;font-size:12px;color:#b3b6be;letter-spacing:1.7px;font-weight:600}h3{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:37px;line-height:1.1;letter-spacing:.2px;margin:0;font-weight:600}.featured h3{font-size:49px;text-transform:uppercase}.title-period{color:#858a95}.play{display:flex;align-items:center;justify-content:center;gap:26px;background:#e4e5e9;color:#17181b;border:1px solid #fff;padding:11px 18px;border-radius:3px;font-size:14px;font-weight:700;white-space:nowrap}.play>span{font-size:22px}.browser-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.browser-card{display:flex;flex-direction:column;min-height:235px;padding:20px}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.tag{font-size:12px;letter-spacing:.8px;color:#a6a9b2;text-align:right;line-height:1.4}.card-title{margin:27px 0 21px}.card-title h3{font-size:32px}.card-title .category{font-size:12px;letter-spacing:1.2px}.local-note{color:#a8abb4;font-size:14px;line-height:1.4;margin:10px 0 0}.card-bottom{margin-top:auto;padding-top:15px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;gap:12px}.arrow{font-size:22px;font-weight:400;color:#b5bac5}.local .tag{color:#dbbb83}.local{background:#121315}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:46px;padding:25px 0 32px;color:#9598a2;font-size:14px}footer p{margin:0}.footer-brand{font-size:22px;font-weight:700;letter-spacing:-1px;color:#c9cbd2}.footer-brand>span{font-size:12px;letter-spacing:2px;margin-left:7px;font-weight:400}footer a{padding:8px 0}footer a:hover{color:white}
@media(min-width:1500px){.shell{max-width:1260px}.intro{padding-top:60px;padding-bottom:50px}.browser-card{min-height:260px}.card-title h3{font-size:36px}}
@media(max-width:1000px){.browser-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.browser-card{min-height:235px}.card-title h3{font-size:37px}.tag,.card-title .category{font-size:12px}.studio-logo{width:155px}}
@media(max-width:600px){.shell{padding:0 22px}.topbar{min-height:84px;gap:10px}.brand{gap:8px}.brand-caption{display:none}.wordmark{font-size:28px}.wordmark>span{font-size:32px}nav{gap:18px;font-size:14px}.intro{padding:35px 0 33px;gap:18px}.studio-logo{width:90px;border-radius:15px}.eyebrow{font-size:12px;letter-spacing:1.6px}h1{font-size:48px}.intro-copy{font-size:16px;max-width:230px}.featured{padding:22px;align-items:flex-start;flex-direction:column;gap:23px}.game-identity{gap:21px}.featured h3{font-size:44px}.play{width:100%;justify-content:space-between}.browser-grid{gap:12px}.browser-card{padding:16px;min-height:250px}.card-top{align-items:flex-start}.tag{font-size:12px;max-width:91px}.card-title .category{font-size:12px}.card-title h3{font-size:30px}.card-title{margin-top:23px}.card-bottom{font-size:14px;gap:4px}.local-note{font-size:14px}footer{flex-wrap:wrap;gap:10px;margin-top:32px;padding-bottom:24px}footer p{order:3;flex-basis:100%}.footer-brand{font-size:20px}}
@media(max-width:370px){.shell{padding:0 16px}.studio-logo{display:none}.browser-grid{grid-template-columns:1fr}.browser-card{min-height:205px}.tag,.card-title .category{font-size:12px}.card-title h3{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.game{transition:none}.game:hover{transform:none}}
.site-title{font:600 24px/1.3 Barlow,Arial,sans-serif;letter-spacing:0;text-transform:none;margin:0}main{padding-top:32px}@media(max-width:600px){.site-title{font-size:22px}main{padding-top:24px}}
