*{box-sizing:border-box}body{margin:0;background:#070a10;color:#eef5ff;font:16px/1.6 system-ui,sans-serif}a{color:inherit}header,footer{max-width:1160px;margin:auto;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}header img{width:190px;height:95px;object-fit:contain}header>a:last-child{font-size:14px;color:#a7c6e6;text-decoration:none}main{max-width:1120px;margin:20px auto 60px;display:grid;grid-template-columns:1fr 420px;gap:70px;padding:0 28px}.intro{padding-top:35px}.eyebrow{font-size:12px;letter-spacing:.18em;color:#56deff;font-weight:800}h1{font-size:clamp(36px,4vw,58px);line-height:1.06;letter-spacing:-.04em;margin:22px 0}h1 span{color:#ffcf54}.intro>p{color:#abbcd2;max-width:470px}h2{font-size:21px;margin-top:34px}.facts{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0}.facts span{border:1px solid #29405a;border-radius:30px;padding:5px 12px;font-size:12px;color:#bceaff}ol{padding-left:22px;color:#b2c2d8}li{padding:7px 0}li strong{color:#fff}.hint,.small{font-size:13px;color:#8da4bf}.store{display:inline-block;background:#ffcd42;color:#101524;font-weight:800;text-decoration:none;border-radius:12px;padding:14px 20px;margin-top:22px}#stage{position:relative;aspect-ratio:9/16;background:#080d1a;border:1px solid #2d425c;border-radius:20px;overflow:hidden;box-shadow:0 20px 80px #0008}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}#cover{position:absolute;inset:0;background:linear-gradient(#111a2cec,#080d1a);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px}#cover img{width:80%;height:auto;border-radius:18px}#cover h2{font-size:22px}button{font:inherit;cursor:pointer;border:0;border-radius:10px;padding:12px 16px}#start{background:#ffcd42;color:#111;font-weight:800;width:100%;margin:12px 0}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #54dfff;outline-offset:4px}progress{width:100%;height:12px;accent-color:#55dfff}.tools{display:flex;gap:10px;justify-content:space-between;margin-top:12px}.tools button{background:#17253b;color:#d6eaff;font-size:13px}.player>.small{text-align:center}.player{min-width:0}footer{border-top:1px solid #233048;font-size:13px;color:#8fa7c0;flex-wrap:wrap}#stage:fullscreen{height:100%;width:100%;border-radius:0}#stage:fullscreen canvas{width:auto;max-width:100%;height:100%;margin:auto}@media(max-width:780px){header{padding:8px 18px}header img{width:140px;height:70px}main{display:flex;flex-direction:column;gap:22px;padding:0 18px;margin-top:8px}.intro{padding-top:0}.intro h1{font-size:38px}.player{order:-1;width:min(100%,420px);margin:auto}#stage{max-height:calc(100svh - 150px);width:auto;aspect-ratio:9/16;margin:auto}footer{padding:20px 18px}.facts{margin:15px 0}}
#exit-fullscreen{display:none;position:absolute;z-index:4;right:12px;bottom:12px;background:#101b30e8;color:white;border:1px solid #7dcfff;width:44px;height:44px;padding:0}#stage:fullscreen #exit-fullscreen{display:block}

/* Blend the supplied logo artwork into the studio page background. */
header img{display:block;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 15%,#000 78%,transparent);mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 15%,#000 78%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}

.game-info{grid-column:1/-1;border-top:1px solid #233048;padding-top:28px;max-width:900px}.game-info p{color:#abbcd2;max-width:780px}.game-info h2{line-height:1.3}.breadcrumbs{font-size:13px;color:#8da4bf}.game-info details{border-bottom:1px solid #233048;padding:16px 0}.game-info summary{cursor:pointer;font-weight:600}.game-info a{color:#80dcff;text-underline-offset:3px}

#cover img{max-height:48%;width:auto;max-width:100%;object-fit:contain}#cover h2{margin:16px 0 0}.development-badge{color:#ffd57a;background:#332814;border:1px solid #997132;border-radius:30px;padding:5px 12px;display:inline-block;font-size:12px;font-weight:800}.screens{display:flex;gap:18px;flex-wrap:wrap}.screens img{width:min(100%,270px);height:auto;border-radius:12px}.detail-hero{display:grid;grid-template-columns:1fr 330px;gap:40px;align-items:center}.detail-hero img{width:100%;border-radius:16px}@media(max-width:700px){.detail-hero{grid-template-columns:1fr}.detail-hero img{max-width:330px}}