@font-face{font-family:Pixelify;src:url('../assets/fonts/pixelify-sans.ttf') format('truetype');font-weight:400 700;font-display:swap}
:root{--paper:#f7f1df;--ink:#263b3e;--subtle:#77837c;--button:#2e5c52;--button-edge:#1c403a}
body.minimal{background:var(--paper);color:var(--ink);font-family:Pixelify,monospace;margin:0;min-height:100svh;isolation:isolate}
.minimal .title-screen{position:relative;inset:auto;min-height:100svh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:64px 24px 110px;text-align:center}
.minimal .logo-text{font-family:Pixelify,monospace;font-size:clamp(45px,5vw,62px);font-weight:400;letter-spacing:-2px;line-height:1;margin:0 0 21px;color:var(--ink)}
.minimal .wordmark{width:310px;max-width:86vw;margin:0 0 23px;filter:none}
.minimal .description{font-size:17px;line-height:1.6;color:var(--subtle);margin:0 0 27px}
.minimal .play{font-family:Pixelify,monospace;width:190px;max-width:85vw;min-height:47px;padding:10px 22px;gap:23px;font-size:20px;font-weight:400;letter-spacing:0;border:0;border-top:2px solid #ffffff33;border-bottom:3px solid var(--button-edge);background:var(--button);color:#faf2d6;box-shadow:3px 0 var(--button),-3px 0 var(--button),0 3px #00000012;clip-path:none;transition:transform .12s,filter .12s}
.minimal .play span{font-size:18px}.minimal .play:hover{filter:brightness(1.1);transform:translateY(-1px)}.minimal .play:active{transform:translateY(1px)}
.minimal .duration{font-size:13px;letter-spacing:.2px;color:var(--subtle);margin:16px 0 0}
.minimal .how{font-family:Pixelify,monospace;font-size:14px;color:var(--subtle);padding:9px 5px;background:none;border:0;margin-top:19px;text-underline-offset:4px}
.minimal .how:hover{color:var(--ink);text-decoration:underline}
.minimal .version-link{position:absolute;left:22px;bottom:17px;font:11px Pixelify,monospace;color:var(--subtle);text-decoration:none;padding:8px;z-index:3;opacity:.7}
.minimal .version-link:hover{opacity:1}.embedded .version-link{display:none}
.minimal .earth{position:relative;overflow:hidden;width:64px;height:64px;margin:0 0 26px}
.minimal .earth img{position:absolute;width:96px;height:96px;max-width:none;left:-16px;top:-16px;image-rendering:pixelated;mix-blend-mode:screen}
.pocket{--paper:#0b1d32;--ink:#efe1ba;--subtle:#96a5b4;--button:#e0c487;--button-edge:#a98b50}
.pocket .title-screen{padding-bottom:110px}.pocket .description{font-size:16px;color:#b4bfca}.pocket .play{color:#192c3c}
.pocket .earth{margin-bottom:28px}.pocket .wordmark{width:320px}
.paper .hourglass{width:30px;height:40px;margin-bottom:28px;image-rendering:pixelated;color:#b1985f}
.paper .logo-text{margin-bottom:21px}.paper .description{font-size:16px}.paper .duration{color:#828b7b}
.postcard{--paper:#dbe9ee;--ink:#213f50;--subtle:#69818b;--button:#31556c;--button-edge:#203f54}
.postcard .postage{width:154px;aspect-ratio:3/2;padding:5px;background:#fff7e1;border:1px solid #bcbea9;box-shadow:0 3px 0 #b9c7ca;margin-bottom:30px}
.postcard .postage img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;display:block}
.postcard .logo-text{font-size:52px}.postcard .description{font-size:16px;line-height:1.5;margin-bottom:24px}
.horizon{--paper:#87b6dc;--ink:#1e4662;--subtle:#416c8b;--button:#f1dba8;--button-edge:#c1a574}
.horizon .play{color:#4c4b35}.horizon .title-screen{z-index:1;padding-bottom:150px}.horizon .description{font-size:16px;color:#2d5c7c}.horizon .wordmark{width:320px;filter:drop-shadow(0 2px 2px #3f6d8e66)}
.horizon .landscape{position:fixed;inset:auto 0 0;height:24svh;background:url('../assets/landscape-wide.png') center bottom / 100% auto no-repeat;opacity:.66;filter:saturate(.75);mask-image:linear-gradient(to bottom,transparent,black 50%);z-index:0}
.horizon .version-link{color:#eff0d7;text-shadow:1px 1px #3e615a}
.minimal dialog{font-family:Pixelify,monospace;font-size:19px}.minimal dialog h2{font:30px Pixelify,monospace}.minimal dialog .eyebrow{font:12px Pixelify,monospace;letter-spacing:1px}.minimal dialog .pixel-button{font:17px Pixelify,monospace}
.minimal button:focus-visible,.minimal a:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
@media(max-width:600px){.minimal .title-screen{padding:55px 22px 100px}.minimal .description{font-size:16px}.minimal .wordmark{width:290px}.minimal .logo-text{font-size:50px}.minimal .version-link{left:12px;bottom:12px}.horizon .title-screen{padding-bottom:160px}.horizon .landscape{height:24svh;background-size:auto 60svh;opacity:.55}.postcard .postage{width:140px}.minimal .duration{font-size:12px}}
@media(max-height:600px) and (min-width:601px){.minimal .title-screen{padding:40px 24px 55px}.minimal .earth{width:45px;height:45px;margin-bottom:15px}.minimal .earth img{width:68px;height:68px;left:-11.5px;top:-11.5px}.minimal .wordmark{width:250px;margin-bottom:13px}.minimal .description{margin-bottom:18px}.minimal .how{margin-top:10px}.minimal .postage{width:100px;margin-bottom:18px}.minimal .logo-text{font-size:42px;margin-bottom:13px}.minimal .hourglass{height:28px;margin-bottom:16px}.horizon .title-screen{padding-bottom:90px}}