html.mobile-site,body.mobile-site{-webkit-overflow-scrolling:touch;height:auto;min-height:100dvh;overflow:hidden auto}body.mobile-site{-webkit-user-select:text;user-select:text}body.mobile-site #mobile-site{min-height:100dvh;padding-bottom:calc(118px + env(safe-area-inset-bottom,0px));flex-direction:column;display:flex}body.mobile-site #viewport,body.mobile-site #dock,body.mobile-site #minimap{display:none!important}.m-header{z-index:50;background:var(--paper);border-bottom:1.5px solid var(--ink);position:sticky;top:0;box-shadow:0 2px #1b18130f}.m-header-inner{align-items:center;gap:10px;max-width:640px;margin:0 auto;padding:10px 14px;display:flex}.m-logo{width:36px;height:36px;image-rendering:pixelated;flex:none}.m-brand{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.m-brand-name{font-family:var(--serif);color:var(--ink);font-size:17px;font-weight:500;line-height:1.1}.m-brand-tag{letter-spacing:.4px;color:var(--muted);text-transform:uppercase;font-size:9px}.m-discord{letter-spacing:.5px;text-transform:uppercase;color:var(--ink);border:1.5px solid var(--ink);background:var(--paper);border-radius:999px;flex:none;padding:6px 10px;font-size:10px;text-decoration:none}.m-main{flex:1;width:100%;max-width:640px;margin:0 auto}.m-section{border-bottom:1px dashed var(--hair);padding:28px 16px 32px;scroll-margin-top:62px}.m-section:last-of-type{border-bottom:none}.m-art-banner{min-height:140px;margin:16px 0 20px}.m-story-card{margin-top:8px}.m-comm-intro{flex-direction:column;gap:16px;margin-bottom:16px;display:flex}body.mobile-site .doodle-grid-panel{width:100%;max-width:100%;height:200px}body.mobile-site .comm-intro .doodle-grid-panel{justify-self:stretch}.m-plane-lab{width:100%;max-width:280px;margin:16px 0 20px}body.mobile-site #p-updates .dev-pixel-portal,body.mobile-site .m-plane-lab .dev-pixel-portal{width:100%;transform:none}body.mobile-site .howgrid{grid-template-columns:1fr;gap:12px}body.mobile-site .prices{gap:10px}body.mobile-site .rindex,body.mobile-site .cindex{columns:1}body.mobile-site .cards{flex-direction:column;gap:10px;display:flex}body.mobile-site .subnav{flex-wrap:wrap;gap:6px;margin-bottom:18px}body.mobile-site .updates-tools{margin-bottom:12px}body.mobile-site h2.head,body.mobile-site h2.head-lg{font-size:clamp(26px,7vw,34px)}body.mobile-site main,body.mobile-site .m-section{padding-left:16px;padding-right:16px}.m-footer{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:24px 16px 12px;font-size:11px;display:flex}.m-footer a{color:var(--ink);text-decoration:none}.m-dock{left:50%;bottom:calc(58px + env(safe-area-inset-bottom,0px));z-index:200;background:var(--paper);border:1.5px solid var(--ink);max-width:calc(100vw - 12px);box-shadow:3px 3px 0 var(--ink);-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:999px;flex-wrap:nowrap;gap:4px;padding:6px 8px;display:flex;position:fixed;overflow-x:auto;transform:translate(-50%)}.m-dock::-webkit-scrollbar{display:none}.m-dock-btn{font-family:var(--mono);color:var(--ink);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:7px 10px;font-size:10px;line-height:1.2;transition:all .13s}.m-dock-btn.active{background:var(--ink);color:var(--paper)}body.mobile-site .mp3-strip{bottom:calc(10px + env(safe-area-inset-bottom,0px));width:min(100vw - 16px,360px);left:50%;transform:translate(-50%)}body.mobile-site .mp3-strip.is-open{opacity:1;pointer-events:auto}body.mobile-site #toast{bottom:calc(112px + env(safe-area-inset-bottom,0px))}body.mobile-site .doodle-game-overlay.is-open{z-index:400}body.mobile-site .pixel-editor-overlay.is-open{z-index:450}body.mobile-site.has-pixel-editor .m-dock,body.mobile-site.has-pixel-editor .mp3-strip{opacity:0;pointer-events:none}@media (width<=380px){.m-dock-btn{padding:7px 8px;font-size:9px}}@media (prefers-reduced-motion:reduce){.m-dock-btn{transition:none}}