*{margin:0;padding:0;box-sizing:border-box}:root{--color-accent:#C8D2D7;--color-text:#FFFFFF;--background-texture:url('assets/bg-texture.png')}@font-face{font-family:'Chirp Display';src:url('assets/Chirp-Display-Extended-Black.otf');font-weight:900}@font-face{font-family:Chirp;src:url('assets/Chirp-Regular.otf');font-weight:400}@font-face{font-family:Chirp;src:url('assets/Chirp-Bold.otf');font-weight:700}@font-face{font-family:'Chirp Extended';src:url('assets/Chirp-Extended-Bold.otf');font-weight:700}body{font-family:Chirp,sans-serif;color:var(--color-text);background:url('assets/bg-texture.png') center/cover no-repeat;min-width:100%;min-height:100vh;text-align:center;display:flex;flex-direction:column;padding-bottom:80px}header{height:84px;margin-bottom:24px;padding:0 40px;display:flex;justify-content:space-between;align-items:center}main{overflow-x:hidden;flex:1 1 calc(100% - 160px)}h1,h2{font-family:'Chirp Display',sans-serif;font-weight:900;font-size:3rem;line-height:1.33em;letter-spacing:-1px;margin-bottom:1em}h2{font-size:1.5rem}a{color:var(--color-text)}button{font-family:Chirp,sans-serif;border:2px solid var(--color-accent);padding:9px 20px;background:0 0;color:var(--color-text);border-radius:25px}p{font-size:1rem;line-height:1.25em}@media screen and (max-width:600px){main{padding:0 24px 24px}header{height:80px;padding:0 24px}h1{font-size:2.25rem;line-height:1em;margin-bottom:40px}.copy{width:100%}}.flex-col{display:flex;flex-direction:column;align-items:center;justify-content:center}.contained{width:calc(100vw - 100px);max-width:996px;max-height:90vh}.hide{display:none}.menu-container{position:relative;text-align:start}.menu-container button{cursor:pointer}.menu-container ul{position:absolute;top:calc(100% + 17px);right:-10px;width:11.5rem;list-style:none;background:#242e36;display:flex;flex-direction:column;padding:24px;border-radius:4px;white-space:nowrap;overflow:hidden;z-index:10;visibility:hidden;pointer-events:none}.menu-container ul[aria-hidden=false]{visibility:visible;pointer-events:auto}.menu-container li button{border:none;padding:8px 12px;font-size:1rem;border-radius:2px;width:100%;text-align:start}.menu-container ul[aria-hidden=true] li:first-child button{font-weight:700}@media(hover:hover) and (pointer:fine){.menu-container li button:hover{font-weight:700;cursor:pointer}}.game-container{position:relative;margin-bottom:35px;aspect-ratio:9/6;width:100%;height:100%;max-width:996px;max-height:calc(100vh - 200px);min-width:533px;min-height:300px}.game-container.is-full-screen{position:fixed;top:0;left:0;width:100%;height:100%;aspect-ratio:auto;max-width:none;max-height:none;display:flex;align-items:center;justify-content:center;background:#000}.game-container.is-full-screen::before{content:'';background:url('assets/poster/backdrop.png') center/cover no-repeat;position:absolute;top:0;left:0;width:100%;height:100%;opacity:.2;filter:blur(3px)}.game-container.is-full-screen .game{width:100%;height:100%;aspect-ratio:9/6;max-width:calc(100vh / 6 * 9);max-height:calc(100vw / 9 * 6);flex:1 1 auto}.game-controls{transition:opacity .5s ease-in-out}.game-controls[aria-hidden=true]{opacity:0;pointer-events:none}.game-controls{position:absolute;bottom:100%;right:-10px}.game-controls button{border:none;cursor:pointer;padding:10px;line-height:0}.game-controls button svg{width:24px;height:24px}.game-controls .full-screen{display:inline-block}.game-controls .full-screen svg:first-child{display:block}.game-controls .full-screen svg:last-child{display:none}.game-container.is-full-screen .game-controls .full-screen svg:first-child{display:none}.game-container.is-full-screen .game-controls .full-screen svg:last-child{display:block}.game-container.non-native-full-screen.is-full-screen .game-controls .full-screen{position:fixed;top:0;right:0;z-index:10;background:#000a;border-radius:0 0 0 8px}.game,.game-poster{width:100%;height:100%}.game-poster{background:#88defd url('assets/poster/backdrop.png') no-repeat bottom 15% center/cover;border-radius:0;border:none;position:absolute;top:0;left:0;cursor:pointer;text-indent:-99999px;padding:0;display:flex;flex-direction:column;align-items:center;overflow:hidden;user-select:none}.game-poster[aria-hidden=true]{display:none}.game-poster .title{width:auto;height:55%;flex:0 0 55%;position:relative}.game-poster .title .title-anim{display:block;width:100%;height:100%;object-fit:contain}.game-poster .title .bones{position:absolute;width:var(--bone-width,0);height:auto;top:var(--bone-top,0);right:var(--bone-right,0);text-indent:0;display:flex;gap:0}.game-poster .title.loaded .bones{animation:poster-title .8s infinite forwards steps(8)}.game-poster .title .bones img{max-width:100%;max-height:100%}.game-poster .title .bones img+img{margin-left:-30%}.game-poster .start-button{width:auto;height:8%;aspect-ratio:165/68;text-indent:0;position:relative;min-height:43px;z-index:10;transition:filter .3s ease-in-out,transform .3s ease-in-out;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}.game-poster .start-button span{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#000;line-height:1em}.game-poster .start-button img{width:100%;height:100%}.game-poster .data{width:auto;height:55%;flex:0 0 55%;margin-left:11%}.game iframe{width:100%;height:100%}.copy{font-family:'Chirp Extended',sans-serif;gap:1em}.cloud{background:url('assets/cloud.png') no-repeat top left/contain;width:201px;aspect-ratio:201/97;position:absolute;top:0;left:0;image-rendering:pixelated;animation:cloud-floating 4s ease-in-out infinite alternate}.cloud:first-child{width:20%;top:18px;left:-13%;font-size:16px;z-index:1}.cloud:nth-child(2){width:13%;top:208px;left:-16%;transform:scaleX(-1);font-size:4px}.cloud:nth-child(3){background-image:url('assets/cloud-2.png');width:25%;left:auto;top:10px;right:-12.5%;z-index:-1;font-size:30px}.game-start .cloud{transition:opacity .5s ease-in-out,transform 1s ease-in-out;opacity:0}.game-start .cloud:first-child{transform:scale(2) translate(-100%)}.game-start .cloud:nth-child(2){transform:scaleX(-1.5) scaleY(1.5) translate(80%,-20%)}.game-start .cloud:nth-child(3){transform:scale(2) translateX(100%)}@media screen and (max-width:600px){.game-container{aspect-ratio:65/81;max-height:90vh;min-width:200px}.game-container.is-full-screen .game{width:960px;height:600px;max-width:none;max-height:none;aspect-ratio:9.6/6}.cloud:first-child{display:none}.cloud:nth-child(2){width:20%;top:100px;left:-11%;transform:scaleX(-1);font-size:10px}.cloud:nth-child(3){top:-13px;width:40%}.game-poster{background-position:bottom center}.game-poster .data{margin-left:25%}.game-poster .title .bones{width:var(--bone-mobile-width,var(--bone-width,0));top:var(--bone-mobile-top,var(--bone-top,0));right:var(--bone-mobile-right,var(--bone-right,0))}}@media (prefers-reduced-motion){.cloud{animation:none}.game-start .cloud{transition:none}}@media screen and (max-width:1100px){.game-container{max-width:calc(100vw - 100px)}}@media(hover:hover) and (pointer:fine){.game-controls button:hover{background:rgba(255,255,255,.1)}.game-poster:hover .start-button{transform:translate(-50%,-50%) scale(1.1)}.game-poster:hover .start-button img{filter:grayscale(.5)}}@keyframes cloud-floating{0%{margin-top:0}100%{margin-top:1em}}@keyframes poster-title{0%{margin-top:10px}50%{margin-top:0}100%{margin-top:10px}}