:root{--sky:#bef2ff;--sky-deep:#7fdcf3;--paper:#f3fcff;--purple:#874ef6;--purple-dark:#5a2bc0;--green:#42cc31;--green-dark:#2b8f1f;--sand:#fbb94f;--sand-dark:#d98f1e;--bark:#4b2f1a;--bark-dark:#2f1c0e;--cream:#fff4e1;--ink:#241a3a;--radius:18px;--font:"Gill Sans", "Gill Sans MT", "Seravek", "Trebuchet MS", "DejaVu Sans Condensed", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100vh;font-family:var(--font);color:var(--ink);background:var(--sky);flex-direction:column;margin:0;font-size:1.125rem;line-height:1.55;display:flex}body:before{content:"";z-index:-1;background:url(/img/beach-bg.jpg) 50%/cover no-repeat;position:fixed;inset:0}#root{display:contents}img{max-width:100%;height:auto;display:block}h1,h2,h3{margin:0 0 .5em;line-height:1.15}h2{color:var(--green);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;letter-spacing:.01em;font-size:clamp(1.6rem,3vw,2.1rem)}h3{color:var(--purple);margin-top:1.25em;font-size:1.3rem}p{margin:0 0 1em}a{color:var(--purple-dark);text-underline-offset:3px;text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--green);outline-offset:3px;border-radius:6px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip-link{z-index:100;background:var(--purple);color:#fff;border-radius:8px;padding:.5rem 1rem;position:absolute;top:-100px;left:1rem}.skip-link:focus{top:1rem}.muted{color:var(--ink);-webkit-text-stroke:0;opacity:.7;font-size:.65em;font-weight:600}.center{text-align:center}.nav{z-index:50;background:linear-gradient(90deg, #fff 20%, var(--sky) 70%);border-bottom:3px solid var(--sand);position:sticky;top:0}.nav__inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:.35rem 1.25rem;display:flex}.nav__logo img{width:72px;height:auto}.nav__links{gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.nav__links a{color:var(--purple);border-radius:999px;padding:.45rem .9rem;font-size:1.1rem;font-weight:700;text-decoration:none;transition:background-color .15s,color .15s;display:block}.nav__links a:hover{background:#874ef61f}.nav__links a.active{background:var(--purple);color:#fff}.nav__toggle{border:2px solid var(--green);cursor:pointer;background:#fff;border-radius:10px;width:48px;height:44px;display:none}.nav__burger,.nav__burger:before,.nav__burger:after{background:var(--green-dark);border-radius:2px;width:24px;height:3px;margin:0 auto;transition:transform .2s;display:block;position:relative}.nav__burger:before,.nav__burger:after{content:"";position:absolute;left:0}.nav__burger:before{top:-8px}.nav__burger:after{top:8px}.nav__toggle[aria-expanded=true] .nav__burger{background:0 0}.nav__toggle[aria-expanded=true] .nav__burger:before{transform:translateY(8px)rotate(45deg)}.nav__toggle[aria-expanded=true] .nav__burger:after{transform:translateY(-8px)rotate(-45deg)}@media (width<=860px){.nav__toggle{display:block}.nav__links{background:var(--paper);border-bottom:3px solid var(--sand);flex-direction:column;padding:.75rem 1rem 1rem;display:none;position:absolute;top:100%;left:0;right:0}.nav__links.is-open{display:flex}.nav__links a{border-radius:12px;padding:.75rem 1rem}}.main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:2rem 1.25rem 4rem}.stack{gap:2rem;display:grid}.page-head{text-align:center;margin:.5rem 0 2.25rem}.page-head h1,.sign{color:var(--cream);background:var(--bark);border-bottom:6px solid var(--bark-dark);border-radius:14px;margin:0;padding:.4em 1.1em .45em;font-size:clamp(1.9rem,5vw,2.8rem);display:inline-block;transform:rotate(-1.5deg)}.section-title{text-align:center;margin:-1rem 0 2.25rem}.sign--small{-webkit-text-stroke:0;border-bottom-width:5px;font-size:clamp(1.3rem,3.2vw,1.75rem);transform:rotate(1.5deg)}.studio-name{font-family:Papyrus, var(--font);letter-spacing:.08em;-webkit-text-stroke:1.75px currentColor;font-weight:700}.panel{border:3px solid var(--sand);border-bottom:9px solid var(--sand-dark);border-radius:var(--radius);background:#f3fcfff2;padding:clamp(1.25rem,3vw,2.25rem)}.panel--train{border-color:var(--bark);border-bottom-color:var(--bark-dark);background:#fff4e1f5}.panel--train h3{color:var(--bark)}.btn{--btn-bg:var(--purple);--btn-edge:var(--purple-dark);--btn-fg:#fff;border:0;border-bottom:4px solid var(--btn-edge);font:inherit;letter-spacing:.04em;text-transform:uppercase;text-align:center;color:var(--btn-fg);background:var(--btn-bg);cursor:pointer;border-radius:14px;padding:.7em 1.4em;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-block}.btn:hover{--btn-bg:#9563fa}.btn:active{--btn-bg:var(--green)}.btn--train{--btn-bg:var(--bark);--btn-edge:var(--bark-dark)}.btn--train:hover{--btn-bg:#61402a}.btn--ghost-train{--btn-bg:var(--cream);--btn-edge:var(--bark);--btn-fg:var(--bark);border:2px solid var(--bark);border-bottom-width:6px}.btn--ghost-train:hover{--btn-bg:#fff}.btn--small{padding:.5em 1em;font-size:.9rem}.btn--block{width:100%;display:block}.btn{transition:transform .18s,background-color .15s}.btn:hover{transform:translateY(-3px)rotate(-1.5deg)}.actions .btn:nth-child(2):hover{transform:translateY(-3px)rotate(1.5deg)}.btn--block:hover{transform:translateY(-3px)rotate(-.6deg)}.social-list li:nth-child(2n) .btn--block:hover{transform:translateY(-3px)rotate(.6deg)}.btn:active,.actions .btn:nth-child(2):active,.btn--block:active,.social-list li:nth-child(2n) .btn--block:active{background-clip:padding-box;border-bottom-color:#0000;transition-duration:60ms;transform:translateY(4px)}.actions{flex-wrap:wrap;justify-content:center;gap:.85rem;margin-top:auto;padding-top:.5rem;display:flex}.hero{text-align:center;padding:1rem 0 2.5rem}.hero__logo{filter:drop-shadow(0 8px 14px #241a3a40);width:min(420px,70vw);margin:0 auto}.hero__title{margin:0}.game-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.game-card{text-align:center;border:3px solid var(--sand);border-bottom:9px solid var(--sand-dark);border-radius:var(--radius);background:#f3fcfff5;flex-direction:column;align-items:center;padding:2rem 1.75rem;display:flex;position:relative}.cover-link{width:100%;max-width:380px;margin:8px auto calc(1rem + 16px);display:block}.game-card p{font-size:1.2rem}.game-card--train{border-color:var(--bark);border-bottom-color:var(--bark-dark);background:#fff4e1f7}.game-card--train p{color:var(--bark)}.badge{letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--green-dark);border-radius:8px;padding:.3em .8em;font-size:.85rem;font-weight:700;position:absolute;top:-14px;left:18px;transform:rotate(-3deg)}.badge--purple{background:var(--purple)}.cover,.feature__img.cover{--frame:var(--purple);--frame-edge:var(--purple-dark);width:100%;box-shadow:0 0 0 4px #fff, 0 0 0 8px var(--frame), 0 8px 0 8px var(--frame-edge);background:#fff;border:0;border-radius:12px;transition:transform .18s,box-shadow .18s}.game-card--train .cover,.panel--train .feature__img.cover{--frame:var(--bark);--frame-edge:var(--bark-dark)}.cover-link:hover .cover{box-shadow:0 0 0 4px #fff, 0 0 0 8px var(--frame), 0 12px 0 8px var(--frame-edge);transform:translateY(-4px)rotate(-1deg)}.cover-link:active .cover{box-shadow:0 0 0 4px #fff, 0 0 0 8px var(--frame), 0 4px 0 8px var(--frame-edge);transform:translateY(4px)}.feature{grid-template-columns:2fr 3fr;align-items:center;gap:clamp(1.25rem,4vw,3rem);display:grid}.feature+.feature{border-top:2px dashed #fbb94fb3;margin-top:2.5rem;padding-top:2.5rem}.panel--train .feature+.feature{border-top-color:#4b2f1a4d}.feature:nth-child(2n){grid-template-columns:3fr 2fr}.feature:nth-child(2n) .feature__img{order:2}.feature__img{border:3px solid #fff;border-radius:14px;width:100%;box-shadow:0 4px 14px #241a3a2e}.feature__body>:first-child{margin-top:0}@media (width<=760px){.feature,.feature:nth-child(2n){grid-template-columns:1fr}.feature:nth-child(2n) .feature__img{order:0}.feature__img{max-width:480px;margin:0 auto}}.environments{border-top:2px dashed #4b2f1a4d;margin-top:2.5rem;padding-top:2.5rem}.environments>h3{margin-top:0}.env-grid{grid-template-columns:repeat(2,1fr);gap:1.75rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.env-card img{aspect-ratio:16/9;object-fit:cover;border:3px solid #fff;border-radius:14px;width:100%;box-shadow:0 4px 14px #241a3a2e}.env-card h4{color:var(--bark);margin:.9rem 0 .25rem;font-size:1.15rem}.env-card p{margin:0}@media (width<=640px){.env-grid{grid-template-columns:1fr}}.video{aspect-ratio:16/9;background:var(--ink);border-radius:14px;width:100%;max-width:860px;margin:0 auto;position:relative;overflow:hidden}.video iframe,.video__poster{border:0;width:100%;height:100%;position:absolute;inset:0}.video__poster{cursor:pointer;background:var(--ink);padding:0}.video__poster img{object-fit:cover;opacity:.85;width:100%;max-width:none;height:100%;transition:opacity .2s;position:absolute;inset:0}.video__poster:hover img{opacity:1}.video__play{background:var(--purple);border-bottom:5px solid var(--purple-dark);border-radius:50%;width:84px;height:84px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video__play:after{content:"";border:16px solid #0000;border-left:26px solid #fff;border-right-width:0;position:absolute;top:50%;left:54%;transform:translate(-50%,-50%)}.carousel__stage{background:var(--ink);border-radius:14px;position:relative;overflow:hidden}.carousel__open{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.carousel__open img{aspect-ratio:16/10;object-fit:contain;width:100%}.carousel--wide .carousel__open img{aspect-ratio:16/9}.carousel__backdrop{object-fit:cover;filter:blur(28px)brightness(.75)saturate(1.1);pointer-events:none;width:100%;max-width:none;height:100%;position:absolute;inset:0;transform:scale(1.15)}.carousel__arrow{width:52px;height:52px;color:var(--ink);cursor:pointer;background:#f3fcffe6;border:0;border-bottom:3px solid #00000040;border-radius:50%;font-size:2.2rem;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.carousel__arrow:hover{background:var(--green);color:#fff}.carousel__arrow--prev{left:12px}.carousel__arrow--next{right:12px}.carousel__count{color:#fff;background:#241a3ab3;border-radius:6px;margin:0;padding:.15em .6em;font-size:.9rem;font-weight:700;position:absolute;bottom:10px;right:12px}.carousel__thumbs{scroll-snap-type:x mandatory;gap:.6rem;margin:.9rem 0 0;padding:0 0 .4rem;list-style:none;display:flex;overflow-x:auto}.carousel__thumbs li{scroll-snap-align:start;flex:none}.carousel__thumbs button{cursor:pointer;opacity:.65;background:0 0;border:3px solid #0000;border-radius:10px;padding:0;transition:opacity .15s,border-color .15s;display:block;overflow:hidden}.carousel__thumbs button:hover{opacity:1}.carousel__thumbs button[aria-current=true]{opacity:1;border-color:var(--green)}.carousel__thumbs img{aspect-ratio:16/10;object-fit:cover;width:120px}.carousel--wide .carousel__thumbs img{aspect-ratio:16/9}.lightbox{background:var(--ink);border:0;border-radius:12px;max-width:95vw;max-height:95vh;padding:0;overflow:visible}.lightbox::backdrop{background:#140e20d9}.lightbox img{border-radius:12px;width:auto;max-height:92vh}.lightbox__close{color:#fff;background:var(--purple);border:0;border-bottom:3px solid var(--purple-dark);cursor:pointer;border-radius:50%;width:44px;height:44px;font-size:1.8rem;line-height:1;position:absolute;top:-16px;right:-16px}.timeline{border-left:4px solid var(--sand);margin:0;padding:0 0 0 1.75rem;list-style:none}.timeline>li{padding-bottom:1.75rem;position:relative}.timeline>li:last-child{padding-bottom:0}.timeline>li:before{content:"";background:var(--purple);border:4px solid var(--paper);border-radius:50%;width:20px;height:20px;position:absolute;top:.3rem;left:calc(-1.75rem - 12px)}.timeline>li.is-train:before{background:var(--bark)}.timeline h3{margin:0 0 .2rem}.timeline>li.is-train h3{color:var(--bark)}.timeline__date{letter-spacing:.04em;text-transform:uppercase;color:var(--green-dark);margin:0;font-size:.95rem;font-weight:700}.timeline__game{opacity:.75;margin:0 0 .4rem;font-size:.95rem}.timeline ul{margin:0;padding-left:1.1rem}.timeline__link{margin-top:.75rem}.social-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.contact-form{gap:1.1rem;display:grid}.toggle{border:0;flex-wrap:wrap;align-items:center;gap:.25rem;margin:0;padding:0;display:inline-flex}.toggle legend{float:left;color:var(--purple);margin-right:.75rem;font-weight:700}.toggle__option{position:relative}.toggle__option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.toggle__option span{color:var(--purple);border:2px solid var(--purple);background:#fff;border-radius:999px;padding:.45rem 1.2rem;font-weight:700;transition:background-color .15s,color .15s;display:block}.toggle__option input:checked+span{color:#fff;background:var(--purple)}.toggle__option input:focus-visible+span{outline:3px solid var(--green);outline-offset:3px}.field label{color:var(--purple);margin-bottom:.3rem;font-weight:700;display:block}.field input,.field textarea{width:100%;font:inherit;color:var(--ink);border:2px solid var(--sand);background:#fff;border-radius:12px;padding:.7rem .85rem;transition:border-color .15s}.field textarea{resize:vertical;min-height:8rem}.field input:focus,.field textarea:focus{border-color:var(--green);outline:none;box-shadow:0 0 0 3px #42cc3140}.field__hint{opacity:.75;margin:.3rem 0 0;font-size:.9rem}.contact-form__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;display:flex}.contact-form__footer .field__hint{max-width:34rem;margin:0}.btn:disabled{opacity:.6;cursor:wait;transform:none}.hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.form-status{border-radius:12px;margin:0;padding:.9rem 1.1rem}.form-status p{margin:0 0 .75rem}.form-status--ok{border:2px solid var(--green);background:#42cc311f}.form-status--error{background:#fff1ef;border:2px solid #e0533d}.footer{color:var(--cream);background:var(--bark)}.footer__inner{grid-template-columns:auto 1fr;align-items:center;gap:1.25rem 2rem;max-width:1100px;margin:0 auto;padding:2rem 1.25rem;display:grid}.footer__brand{align-items:center;gap:.9rem;display:flex}.footer__brand img{width:64px}.footer__brand p{margin:0;font-weight:700;line-height:1.3}.footer__brand span{opacity:.8;font-size:.95rem;font-weight:400}.footer__links{flex-wrap:wrap;justify-content:flex-end;gap:.5rem 1.25rem;margin:0;padding:0;list-style:none;display:flex}.footer a{color:var(--sand);font-weight:700;text-decoration:none}.footer a:hover{text-decoration:underline}.footer__sep{margin:0 .4em}.footer__legal{opacity:.8;border-top:1px solid #fff4e126;grid-column:1/-1;margin:0;padding-top:1rem;font-size:.9rem}@media (width<=640px){.footer__inner{grid-template-columns:1fr}.footer__links{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}