@charset "UTF-8";
@font-face{font-family:Galmuri;src:url('/fonts/Galmuri11.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--white:#fffef2;--footer-height:80px}
*{box-sizing:border-box}
html{min-height:100%;background:#168df0}
body{position:relative;isolation:isolate;min-height:100svh;margin:0;display:grid;grid-template-rows:64px minmax(0,1fr) var(--footer-height);color:var(--white);font-family:Galmuri,"Apple SD Gothic Neo",sans-serif;word-break:keep-all}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid #fff5aa;outline-offset:6px}
svg{display:block;shape-rendering:crispEdges}
::selection{background:#fff5aa;color:#17496f}
.world{position:fixed;inset:0 0 var(--footer-height);z-index:-1;background:#168df0 url('/assets/sky-scene-v3.png') center bottom/cover no-repeat;image-rendering:pixelated}
.skip-link{position:fixed;top:0;left:20px;z-index:10;transform:translateY(-160%);padding:12px 16px;background:#143b5d;border:2px solid var(--white);font-size:13px}
.skip-link:focus{transform:translateY(10px)}
.header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 38px;text-shadow:1px 2px 0 #14689f}
.brand{font-size:14px;letter-spacing:2px;line-height:1.4}
.header-caption{font-size:9px;letter-spacing:1.5px;opacity:.9}
main{min-width:0;min-height:0;display:grid;place-items:center;padding:0 20px 24svh}
.intro{position:relative;z-index:2;text-align:center;transform:translateY(-10px)}
h1{margin:0;font-size:96px;font-weight:400;line-height:1.2;letter-spacing:.13em;text-indent:.13em;text-shadow:0 3px 0 #14649b}
.description{margin:20px 0 0;font-size:16px;line-height:1.8;text-shadow:1px 2px 0 #14649b}
.contact{display:inline-flex;justify-content:center;align-items:center;gap:13px;min-height:46px;margin-top:27px;padding:12px 22px;border:2px solid #e4f5ff;background:#145786;color:#fffef2;box-shadow:0 3px 0 #0b4877;font-size:13px;line-height:1.4;transition:background .15s,color .15s,transform .15s}
.contact:hover{background:#fffef2;color:#145786}
.contact:active{transform:translateY(2px);box-shadow:0 1px 0 #0b4877}
.cursor{width:6px;height:9px;fill:currentColor;flex:none}
.characters{position:fixed;z-index:1;width:min(500px,92vw);height:auto;max-width:none;left:50%;bottom:calc(11svh + 56px);transform:translateX(-50%);image-rendering:pixelated;pointer-events:none;user-select:none}
.footer{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:10px 20px;background:#193c50;border-top:2px solid #284a58;text-align:center}
.footer address{font-style:normal;font-size:12px;line-height:1.5;color:#f2f1df}
.footer p{font-size:9px;line-height:1.5;letter-spacing:.65px;margin:0;color:#a9c1c9}
.error-title{font-size:36px;letter-spacing:0;text-indent:0;line-height:1.6}
.error-code{font-size:11px;letter-spacing:2px;margin:0 0 20px}

@media(min-width:1600px){main{padding-bottom:26svh}h1{font-size:110px}.description{font-size:17px}.characters{width:760px}}
@media(max-width:640px){:root{--footer-height:76px}body{grid-template-rows:54px minmax(0,1fr) var(--footer-height)}.world{background-image:url('/assets/sky-mobile-v3.png')}.header{padding-inline:22px}.brand{font-size:12px;letter-spacing:1.7px}.header-caption{font-size:8px;letter-spacing:.8px}main{padding-bottom:26svh}h1{font-size:76px;letter-spacing:.1em;text-indent:.1em}.description{font-size:13px;margin-top:24px}.contact{font-size:12px;min-height:46px;padding:11px 18px;margin-top:22px}.characters{width:min(110vw,620px);bottom:calc(8svh + 58px)}.footer address{font-size:11px}.footer p{font-size:8px}}
@media(max-width:360px){.header{padding-inline:17px}.header-caption{display:none}h1{font-size:66px}.description{font-size:12px}.contact{font-size:11px}.characters{width:110vw}}
@media(max-height:650px){body{grid-template-rows:42px minmax(0,1fr) var(--footer-height)}main{padding-bottom:24svh}h1{font-size:64px}.description{font-size:12px;margin-top:15px}.contact{font-size:11px;min-height:44px;margin-top:16px;padding-block:10px}.characters{width:min(500px,116vw)}.header-caption{font-size:8px}}
@media(max-height:500px){:root{--footer-height:62px}.header{padding-inline:18px}.header-caption{display:none}main{padding-bottom:20svh}h1{font-size:46px}.description{font-size:11px;margin-top:9px}.contact{font-size:11px;margin-top:12px;min-height:40px;padding:9px 15px}.characters{width:min(340px,100vw);bottom:calc(11svh + 44px)}.footer{gap:5px}.footer address{font-size:10px}.footer p{font-size:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(max-height:740px) and (min-height:501px){.characters{width:min(500px,110vw)}}

@media(max-width:640px) and (max-height:500px){.characters{bottom:calc(8svh + 48px)}}

.game-feature{display:block;width:270px;max-width:calc(100vw - 40px);padding:6px;margin:20px auto 0}
.game-card{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:14px;width:100%;min-height:80px;padding:8px 0;border:0;background:transparent;box-shadow:none;transition:transform .15s}
.game-card:hover,.game-card:focus-visible{background:transparent}
.game-card:active{transform:translateY(1px)}
.game-icon{display:block;width:64px;height:64px;object-fit:contain;border-radius:0}
.game-info{display:block;position:relative;min-width:0;height:52px;text-align:left}
.game-title{display:block;font-size:15px;line-height:22px;color:#fffef2}
.game-subtitle{display:block;margin-top:8px;font-size:10px;line-height:20px;color:#d3e9f7;white-space:nowrap;transition:opacity .15s}
.game-action{position:absolute;top:27px;left:0;display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:5px 10px;background:#fffef2;color:#145786;font-size:11px;line-height:16px;white-space:nowrap;opacity:0;transform:translateY(4px);transition:opacity .15s,transform .15s}
.game-action svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.5;shape-rendering:auto}
.game-feature:hover .game-action,.game-feature:focus-within .game-action{opacity:1;transform:translateY(0)}
.game-feature:hover .game-subtitle,.game-feature:focus-within .game-subtitle{opacity:0}
.footer{gap:3px;padding-block:8px}
.footer-line{display:flex;align-items:center;justify-content:center;gap:16px;max-width:100%;min-height:44px}
.footer-line address{min-width:0}
.footer-contact{display:inline-flex;align-items:center;justify-content:center;min-height:44px;flex:none;padding-left:16px;border-left:1px solid #52707d;font-size:11px;line-height:1.5;color:#fffef2;text-underline-offset:4px}
.footer-contact:hover,.footer-contact:focus-visible{text-decoration:underline;color:#fff5aa}
@media(max-width:640px){:root{--footer-height:84px}.description{margin-top:20px}.game-feature{margin-top:18px}.characters{bottom:calc(8svh + 65px)}.game-action{opacity:1;transform:none}.game-subtitle{opacity:0}.footer-line{gap:12px}.footer-contact{padding-left:12px}}
@media(hover:none),(pointer:coarse){.game-action{opacity:1;transform:none}.game-subtitle{opacity:0}}
@media(max-height:650px){.game-feature{margin-top:12px}.game-card{grid-template-columns:52px minmax(0,1fr);gap:12px;min-height:72px;padding:8px 0}.game-icon{width:52px;height:52px}.game-info{height:50px}.game-title{font-size:14px}.game-action{font-size:11px;gap:7px;padding-inline:9px}.game-subtitle{font-size:9px}.description{margin-top:15px}.characters{width:min(360px,106vw)}}
@media(max-height:500px){:root{--footer-height:76px}.description{margin-top:9px}.game-feature{margin-top:9px}.game-card{min-height:64px;grid-template-columns:46px minmax(0,1fr);padding:7px 0;gap:10px}.game-icon{width:46px;height:46px}.game-title{font-size:12px}.game-info{height:48px}.game-action{font-size:10px;padding-inline:7px;gap:6px}.characters{bottom:calc(11svh + 57px)}.footer address{font-size:10px}.footer-contact{font-size:10px}}
@media(max-width:640px) and (max-height:500px){.characters{bottom:calc(8svh + 61px)}}

.intro{max-width:100%}
.description{max-width:540px;margin-inline:auto;text-wrap:balance}
.people{display:block;width:100%;height:auto;image-rendering:pixelated}
.companion-cat{position:absolute;right:6.5%;bottom:3.5%;width:15%;height:auto;image-rendering:pixelated}
