@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#073b55;--paper:#fffaf0;--gold:#efc34e;--muted:#43677a;--line:#d7e3df}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-underline-offset:5px}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a56b0d;outline-offset:5px}.skip{position:absolute;left:-10000px}.skip:focus{left:20px;top:20px;padding:15px;background:white;z-index:10}.site-header{max-width:1260px;margin:auto;padding:24px 40px;display:flex;justify-content:space-between;align-items:center}.brand img{display:block;width:86px;height:auto}nav{display:flex;gap:30px}nav a{font-size:14px;text-decoration:none;padding:14px 0;font-weight:600}main{max-width:1180px;padding:0 40px;margin:auto}.crumb{display:flex;gap:13px;font-size:13px;color:var(--muted);margin:28px 0 50px}.crumb a{text-decoration:none}.identity{display:grid;grid-template-columns:1fr 250px;gap:70px;align-items:start;margin:0 0 55px}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:#85621d}h1{font:600 clamp(58px,7vw,88px)/1 'Space Grotesk',sans-serif;letter-spacing:-4px;margin:18px 0 6px}.subtitle{font:400 27px 'Space Grotesk',sans-serif;margin:0 0 14px}.developer{font-size:15px;font-weight:700;color:#0d7080}.lead{font-size:21px;line-height:1.45;margin:25px 0}.app-icon{width:100%;height:auto;border-radius:44px;box-shadow:0 12px 35px #073b5518;margin-top:22px}.facts{list-style:none;display:flex;flex-wrap:wrap;gap:0;padding:0;margin:26px 0;font-size:13px;font-weight:600}.facts li+li{border-left:1px solid #b4c9c7;padding-left:18px;margin-left:18px}.coming{background:#efc34e;border:0;border-radius:28px;color:#073b55;font-size:15px;padding:17px 30px;font-weight:700;opacity:1;cursor:default}.availability p{font-size:12px;color:var(--muted);line-height:1.7}.feature{margin:0 0 70px}.feature img{display:block;width:100%;height:auto;border-radius:24px}.feature figcaption{font-size:13px;margin-top:12px;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:25px}h2{font:500 38px/1.12 'Space Grotesk',sans-serif;letter-spacing:-1.5px;margin:14px 0}.gallery-controls{display:flex;gap:10px}.gallery-controls button,.viewer-body button{width:46px;height:46px;flex:none;border:1px solid #b6d1d4;background:#e1f1f5;color:var(--ink);border-radius:50%;font-size:22px}.screenshot-rail{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:5px 3px 20px;scrollbar-color:#86b6bc transparent}.screenshot{border:0;background:none;text-align:left;padding:0;flex:0 0 230px;scroll-snap-align:start;color:var(--ink)}.screenshot img{display:block;width:230px;height:auto;border-radius:15px;border:1px solid #bccfcb}.screenshot span{display:block;font-size:14px;font-weight:600;margin:13px 0 0}.small-note{color:var(--muted);font-size:12px;line-height:1.7}.details-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);gap:80px;margin:65px 0 85px}.about-game p{font-size:17px;line-height:1.8;color:var(--muted)}.about-game .description-intro{font-size:19px;color:var(--ink)}.tags{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0 35px}.tags span{border:1px solid #b7cbd0;padding:8px 14px;border-radius:20px;font-size:12px}.game-info{background:#e6f1f2;border-radius:24px;padding:28px;align-self:start}.game-info h2{font-size:24px;letter-spacing:-.6px;margin:0 0 24px}.game-info dl{margin:0 0 25px}.game-info dl div{padding:14px 0;border-bottom:1px solid #c9dfe1}.game-info dt{font-size:12px;color:var(--muted);margin-bottom:5px}.game-info dd{margin:0;font-weight:600;font-size:14px}.game-info a{font-size:14px;font-weight:600}details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{padding:22px 0;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between}summary span{font-size:22px}details[open] summary span{transform:rotate(45deg)}.full-description h3{font:600 21px 'Space Grotesk',sans-serif;margin-top:32px}.full-description p{font-size:16px}.studio-note{background:#fff0bf;border-radius:24px;text-align:center;padding:50px 30px;margin-bottom:70px}.studio-note p{line-height:1.8;color:var(--muted)}.studio-note a{display:inline-block;margin-top:12px;font-size:14px;font-weight:700}footer{background:#e1f1f5;padding:28px max(6%,calc((100vw - 1100px)/2));display:flex;align-items:center;gap:30px;font-size:13px}footer img{width:70px;height:auto}footer span:last-child{margin-left:auto;font-size:11px;color:var(--muted)}dialog{background:#fffaf0;border:1px solid #aec8c8;border-radius:18px;padding:18px 22px;max-width:94vw;max-height:96vh;overflow:auto;color:var(--ink)}dialog::backdrop{background:#04232ee8}.viewer-top{display:flex;justify-content:space-between;gap:25px;align-items:center}.viewer-top p{font-size:14px;font-weight:600}.viewer-top button{border:0;background:transparent;color:var(--ink);padding:12px;font-weight:700}.viewer-body{display:flex;align-items:center;gap:20px}.viewer-body img{display:block;height:72vh;width:auto;max-width:65vw;object-fit:contain}.viewer-help{text-align:center;font-size:11px;color:var(--muted)}
@media(max-width:760px){.site-header{padding:20px 6%}.brand img{width:72px}nav{gap:16px}nav a{font-size:12px}main{padding:0 6%}.crumb{margin:20px 0 35px}.identity{grid-template-columns:minmax(0,1fr) 112px;gap:18px;margin-bottom:35px}.eyebrow{font-size:10px;letter-spacing:1.2px}h1{font-size:52px;letter-spacing:-2.5px}.subtitle{font-size:20px}.app-icon{border-radius:24px;margin-top:35px}.identity-copy{display:contents}.identity-copy>.eyebrow,.identity-copy>h1,.identity-copy>.subtitle,.identity-copy>.developer{grid-column:1}.identity-copy>h1{grid-row:2;margin:0}.identity-copy>.eyebrow{grid-row:1}.identity-copy>.subtitle{grid-row:3;margin:0}.identity-copy>.developer{grid-row:4}.identity>.app-icon{grid-column:2;grid-row:1/5;margin:0;align-self:center}.lead,.facts,.availability{grid-column:1/-1}.lead{margin:7px 0 0;font-size:20px}.facts{margin:5px 0 8px;font-size:12px}.facts li+li{padding-left:12px;margin-left:12px}.feature{margin-bottom:45px}.feature img{border-radius:16px}.section-heading{gap:15px}h2{font-size:29px;letter-spacing:-1px}.gallery-controls button{width:40px;height:40px}.screenshot{flex-basis:205px}.screenshot img{width:205px}.details-grid{grid-template-columns:1fr;gap:35px;margin:45px 0}.studio-note{padding:35px 22px;margin-bottom:45px}.viewer-body{gap:8px}.viewer-body button{width:34px;height:40px}.viewer-body img{height:auto;max-height:72vh;max-width:62vw;width:auto}dialog{padding:10px}.viewer-top{gap:12px}.viewer-top p{max-width:210px}.viewer-help{max-width:270px;margin:auto}footer{gap:15px;font-size:12px}}@media(max-width:360px){nav{gap:10px}nav a{font-size:11px}.brand img{width:64px}.identity{grid-template-columns:minmax(0,1fr) 90px}h1{font-size:44px}.facts{font-size:11px}.facts li+li{padding-left:8px;margin-left:8px}.gallery-controls{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Keep the shared Moonshores design while accommodating the longer title. */
h1{font-size:clamp(48px,6.5vw,80px);letter-spacing:-3px;overflow-wrap:anywhere}.identity{grid-template-columns:minmax(0,1fr) 230px;gap:35px}@media(max-width:760px){.identity{grid-template-columns:minmax(0,1fr) 92px;gap:14px}h1{font-size:clamp(28px,7.9vw,52px);letter-spacing:-1.8px}.subtitle{font-size:18px}.identity>.app-icon{border-radius:20px}}
