@font-face{font-family:Fredoka;src:url(/fonts/Fredoka.ttf) format("truetype");font-weight:300 700;font-display:swap}:root{--night: #0a0f0c;--cream: #f3e7cc;--cream-dim: #b9ad93;--ink: #160d12;--warm: #ffb766;--font-ui: "Fredoka", ui-rounded, sans-serif;--gutter: clamp(16px, 5vw, 96px);--ease: cubic-bezier(.22, .61, .36, 1);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%}body{min-height:100svh;background:var(--night);color:var(--cream);font-family:var(--font-ui);overflow-x:hidden}.art img{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%}.shade{position:fixed;inset:0;background:linear-gradient(90deg,#0a0f0ce6,#0a0f0cb8 28%,#0a0f0c33 55%,#0a0f0c00 72%)}.page{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(14px,2.4vh,26px);padding:48px var(--gutter);animation:arrive 1.2s var(--ease) both}.logo{margin:0;line-height:0}.logo img{width:clamp(260px,34vw,560px);height:auto;filter:drop-shadow(0 6px 18px rgb(0 0 0 / .45))}.release{margin:0;padding-left:clamp(4px,.6vw,10px);font-size:clamp(17px,1.4vw,21px);font-weight:500;letter-spacing:.04em;color:var(--cream-dim);text-shadow:0 1px 2px var(--ink)}.version{margin-left:.45em;padding:.1em .5em;border-radius:999px;background:#f3e7cc1f;color:var(--cream);font-weight:600}.downloads{display:flex;flex-wrap:wrap;gap:14px}.bark-button{position:relative;display:grid;place-items:center;width:clamp(196px,15vw,248px);aspect-ratio:384 / 112;background:url(/ui/button_normal.webp) center / 100% 100% no-repeat;color:var(--cream);text-decoration:none;transition:filter .35s var(--ease)}.bark-button:before,.bark-button:after{content:"";position:absolute;inset:0;background:center / 100% 100% no-repeat;opacity:0;transition:opacity .3s var(--ease)}.bark-button:before{background-image:url(/ui/button_hover.webp)}.bark-button:after{background-image:url(/ui/button_pressed.webp);transition-duration:.1s}.bark-button:hover:before,.bark-button:focus-visible:before{opacity:1}.bark-button:active:after{opacity:1}.bark-button:focus-visible{outline:none;filter:drop-shadow(0 0 10px rgb(255 183 102 / .5))}.bark-button span{position:relative;z-index:1;font-size:clamp(18px,1.35vw,22px);font-weight:600;letter-spacing:.01em;text-shadow:0 2px 0 var(--ink),0 0 2px var(--ink),1px 0 0 var(--ink),-1px 0 0 var(--ink);transform:translateY(-1px);transition:transform .15s var(--ease)}.bark-button:active span{transform:translateY(1px)}@keyframes arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width: 760px){.art img{height:62svh;object-position:72% 40%}.shade{background:linear-gradient(180deg,rgb(10 15 12 / 0) 30%,rgb(10 15 12 / .75) 52%,var(--night) 62%)}.page{justify-content:flex-end;align-items:center;text-align:center;padding-bottom:56px}.release{padding-left:0}.downloads{justify-content:center}}@media (prefers-reduced-motion: reduce){.page{animation:none}.bark-button,.bark-button:before,.bark-button:after,.bark-button span{transition:none}}
