@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=Nunito:wght@700;800;900&display=swap";:root{--ink: #000000;--paper: #ffffff;--bg: #ffd27d;--bg-lime: #c5e86c;--bg-pink: #ffb7d5;--bg-cyan: #7ef0e0;--bg-lilac: #c9b6ff;--card-yellow: #ffe08a;--card-lime: #d4f08a;--card-pink: #ffc4df;--card-mint: #9ef0c8;--card-coral: #ff8f7a;--card-purple: #8b5cf6;--muted: #2a2a2a;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--font-display: "Archivo Black", "PingFang SC", "Noto Sans SC", sans-serif;--font: "Nunito", "PingFang SC", "Noto Sans SC", sans-serif;--border: 3px solid var(--ink);--radius: 24px;--radius-sm: 16px;--shadow: 5px 5px 0 var(--ink);--shadow-sm: 3px 3px 0 var(--ink);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#ffd27d!important;color:var(--ink);font-family:var(--font);font-weight:800;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#app{min-height:100dvh;width:100%;max-width:430px;margin:0 auto;position:relative;overflow-x:hidden;background:#ffd27d!important}.bgm-toggle{position:fixed;right:max(12px,calc(50% - 203px));top:calc(10px + var(--safe-top));z-index:50;width:44px;height:44px;background:#fff}.screen{min-height:100dvh;padding:calc(16px + var(--safe-top)) 18px calc(24px + var(--safe-bottom));display:flex;flex-direction:column;align-items:center;gap:16px}.hint{color:var(--muted);font-size:14px;font-weight:800;text-align:center;margin:0}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--border);border-radius:999px;padding:14px 22px;font-family:var(--font);font-size:17px;font-weight:900;color:var(--ink);background:var(--paper);box-shadow:var(--shadow);cursor:pointer;touch-action:manipulation;transition:transform .08s ease,box-shadow .08s ease}.btn:active:not(:disabled){transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:2px 2px 0 var(--ink)}.btn--primary{background:var(--bg-lime);width:min(100%,320px)}.btn--ghost{background:var(--paper)}.btn--icon{width:44px;height:44px;padding:0;display:grid;place-items:center;font-size:18px;border-radius:14px;box-shadow:var(--shadow-sm)}.landing{justify-content:flex-start;gap:12px;background:#000!important;color:#fff}.landing .hint{color:#d0d0d0}.landing__brand{font-family:var(--font-display);font-size:clamp(28px,8vw,38px);letter-spacing:-.02em;line-height:1.05;margin:8px 0 0;text-align:center;color:#000;background:#ffe08a;border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 18px;max-width:100%;position:relative;z-index:20;flex-shrink:0}.landing__sub{margin-top:auto;flex-shrink:0}.landing__stage{position:relative;width:100%;flex:1 1 auto;min-height:0;height:auto;display:flex;align-items:flex-start;justify-content:center;background:transparent;border:none;border-radius:0;box-shadow:none;overflow:visible;padding-top:16px;margin-top:4px}.landing__abduct{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:0}.landing__ufo-beam{display:flex;flex-direction:column;align-items:center;animation:ufo-hover 2.8s ease-in-out infinite}.ufo-art{position:relative;display:block;width:min(64%,240px);height:auto;z-index:3;pointer-events:none;margin-bottom:-6px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.landing .beam{position:relative;top:auto;left:auto;width:96px;height:min(26vh,190px);margin:0;background:#fff59a;border-left:4px solid #000;border-right:4px solid #000;clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);animation:beam-pulse 1.6s ease-in-out infinite;z-index:1;opacity:.95;flex-shrink:0}.landing .sample-head{position:relative;bottom:auto;margin-top:-32px;font-size:60px;z-index:2;animation:struggle 1.1s ease-in-out infinite;background:#fff;border:var(--border);border-radius:50%;width:96px;height:96px;display:grid;place-items:center;box-shadow:var(--shadow-sm);flex-shrink:0}.landing .btn--primary{background:#c5e86c;color:#000;flex-shrink:0}@keyframes ufo-hover{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes twinkle{50%{opacity:.15;transform:scale(.8)}}.ufo{position:absolute;top:8%;font-size:64px;animation:ufo-hover 2.4s ease-in-out infinite;z-index:3;filter:none;text-shadow:3px 3px 0 rgba(0,0,0,.15)}.beam{position:absolute;top:22%;width:78px;height:55%;background:#fff59a;border-left:3px solid var(--ink);border-right:3px solid var(--ink);clip-path:polygon(35% 0,65% 0,100% 100%,0 100%);animation:beam-pulse 1.6s ease-in-out infinite;z-index:1;opacity:.95}.sample-head{position:absolute;bottom:12%;font-size:56px;z-index:2;animation:struggle 1.1s ease-in-out infinite;background:var(--paper);border:var(--border);border-radius:50%;width:84px;height:84px;display:grid;place-items:center;box-shadow:var(--shadow-sm)}@keyframes ufo-hover{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes beam-pulse{0%,to{opacity:.75}50%{opacity:1}}@keyframes struggle{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-18px) rotate(6deg)}}.cutout{background:#7ef0e0!important;position:relative}.cutout__viewport{position:relative;width:100%;max-height:50vh;overflow:hidden;border-radius:var(--radius);background:var(--paper);border:var(--border);box-shadow:var(--shadow)}.cutout__viewport img{display:block;width:100%;height:auto;max-height:50vh;object-fit:contain}.cutout__ring{position:absolute;border:4px solid var(--ink);border-radius:50%;box-shadow:4px 4px 0 var(--ink);touch-action:none;cursor:grab;z-index:2;background:transparent}.cutout__ring-shade{position:absolute;border-radius:50%;box-shadow:0 0 0 9999px #7ef0e08c;pointer-events:none;z-index:1}.pick-write__viewport{width:100%;max-height:36vh;overflow:hidden;isolation:isolate}.cutout__preview{width:128px;height:128px;border-radius:50%;overflow:hidden;border:var(--border);box-shadow:var(--shadow);background:var(--paper)}.cutout__preview img{width:100%;height:100%;object-fit:cover;display:block}.cutout__naming{display:flex;flex-direction:column;gap:12px;width:min(100%,320px)}.cutout__naming input{padding:14px 16px;border-radius:var(--radius-sm);border:var(--border);background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;font-weight:800;box-shadow:var(--shadow-sm);outline:none}.cutout__naming input:focus{background:#fff8e0}.fly-to-planet{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#ffd27d;padding:24px}.fly-to-planet__stage{position:relative;width:100%;height:320px;display:grid;place-items:center}.fly-head{width:88px;height:88px;border-radius:50%;object-fit:cover;border:var(--border);box-shadow:var(--shadow);position:absolute;left:12%;top:60%;z-index:2}.fly-trail{position:absolute;left:30%;top:50%;font-size:28px;opacity:0;z-index:1}.fly-planet{width:180px;height:180px;border:none;box-shadow:none;background:transparent;display:grid;place-items:center;position:absolute;right:4%;top:12%}.fly-planet img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(4px 4px 0 rgba(0,0,0,.35))}.fly-to-planet.is-flying .fly-head{animation:fly-into-planet 1.5s cubic-bezier(.4,0,.2,1) forwards}.fly-to-planet.is-flying .fly-trail{animation:trail-fade 1.5s ease forwards}.fly-to-planet.is-flying .fly-planet{animation:planet-catch 1.5s ease forwards}@keyframes fly-into-planet{0%{left:12%;top:60%;transform:scale(1) rotate(0);opacity:1}70%{left:58%;top:28%;transform:scale(.55) rotate(18deg);opacity:1}to{left:62%;top:22%;transform:scale(.12) rotate(36deg);opacity:0}}@keyframes trail-fade{20%{opacity:1}to{opacity:0;transform:translate(40vw,-30vh)}}@keyframes planet-catch{0%,60%{transform:scale(1)}75%{transform:scale(1.12)}to{transform:scale(1)}}.pick-planet{background:#c9b6ff!important;gap:10px;overflow:hidden;justify-content:flex-start;position:relative}.pick-planet__head{width:100%;display:flex;align-items:center;gap:10px;flex-shrink:0}.pick-planet__title{font-family:var(--font-display);font-size:22px;margin:0;flex:1}.pick-planet__hint{flex-shrink:0}.pick-planet__stage{flex:1 1 auto;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.sphere-track{width:100%;display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:8px 0}.sphere-track::-webkit-scrollbar{display:none}.sphere-slide{flex:0 0 100%;scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 20px;opacity:.45;transform:scale(.86);transition:opacity .2s ease,transform .2s ease}.sphere-slide.is-active{opacity:1;transform:scale(1)}.sphere{position:relative;width:min(92vw,360px);height:min(92vw,360px);border-radius:0;border:none;box-shadow:none;background:transparent;display:grid;place-items:center}.sphere__art{width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(5px 5px 0 rgba(0,0,0,.35));animation:planet-float 2.8s ease-in-out infinite;transform-origin:center center}.sphere-slide:not(.is-active) .sphere__art{animation-play-state:paused}.sphere-slide:not(.is-active) .sphere__add{opacity:.35;pointer-events:none}.sphere-slide.is-locked .sphere__art{filter:grayscale(.35) brightness(.92)}.sphere__lock{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);z-index:3;background:#fff59a;border:3px solid var(--ink);border-radius:999px;padding:8px 14px;font-family:var(--font-display);font-size:16px;box-shadow:3px 3px 0 var(--ink);pointer-events:none;white-space:nowrap}.sphere-slide:not(.is-active) .sphere__lock{opacity:.4}.pick-toast{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);z-index:40;background:#fff;border:3px solid var(--ink);border-radius:999px;padding:12px 22px;font-family:var(--font-display);font-size:20px;box-shadow:5px 5px 0 var(--ink);animation:float-up 1.2s ease-out forwards;pointer-events:none}.info-card--locked{opacity:.85}.sphere__add{position:absolute;right:4%;bottom:8%;width:64px;height:64px;border-radius:50%;border:3px solid var(--ink);background:#c5e86c;color:var(--ink);font-size:40px;font-weight:900;line-height:1;box-shadow:4px 4px 0 var(--ink);cursor:pointer;display:grid;place-items:center;padding:0;font-family:var(--font);transition:opacity .2s ease;z-index:2;transform:none}.sphere__add:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}@keyframes planet-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.sphere-dots{display:flex;gap:8px;justify-content:center;flex-shrink:0}.sphere-dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--ink);background:#fff;box-shadow:1px 1px 0 var(--ink)}.sphere-dot.is-active{background:#c5e86c;width:22px;border-radius:999px}.pick-planet__info{width:100%;flex-shrink:0;margin-top:auto}.info-card{display:flex;align-items:center;gap:12px;background:#fff;border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px}.info-card__art{width:52px;height:52px;object-fit:contain;background:#ffe08a;border:2px solid var(--ink);border-radius:16px;padding:2px}.info-card__name{font-family:var(--font-display);font-size:18px}.info-card__desc{font-size:13px;font-weight:700;color:var(--muted)}.sphere__head{position:absolute;left:50%;top:52%;width:88px;height:auto;max-height:100px;object-fit:contain;border:none;border-radius:0;box-shadow:none;transform:translate(-50%,-50%);z-index:2;background:transparent}.pick-planet__ready{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0;padding-bottom:4px}.ready-head{width:56px;height:56px;object-fit:contain;border:none;border-radius:0;box-shadow:none;flex-shrink:0;background:transparent;image-rendering:auto}.pick-planet__ready .btn--primary:disabled{opacity:.45;background:#cfcfcf}.pick-write{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#281e46b8;display:grid;place-items:center;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.pick-write[hidden]{display:none!important}.pick-write__card{width:min(100%,360px);background:#fff;border:var(--border);border-radius:24px;box-shadow:var(--shadow);padding:18px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;z-index:1}.pick-write__actions{width:100%;display:flex;flex-direction:column;gap:8px;position:relative;z-index:5;isolation:isolate}.pick-write__card .btn{width:100%;position:relative;z-index:2;pointer-events:auto;touch-action:manipulation}.pick-write__spinner{width:48px;height:48px;border:5px solid #000;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.abduct-anim{position:relative;width:100%;height:40vh;display:grid;place-items:center;background:var(--bg-pink);border:var(--border);border-radius:32px;box-shadow:var(--shadow);overflow:hidden}.abduct-head{width:72px;height:72px;border-radius:50%;object-fit:cover;position:absolute;bottom:10%;animation:suck-up 1.5s ease-in forwards;z-index:2;border:var(--border);box-shadow:var(--shadow-sm);background:var(--paper)}@keyframes suck-up{to{transform:translateY(-40vh) scale(.3);opacity:.2}}.planet{padding:calc(10px + var(--safe-top)) 0 calc(12px + var(--safe-bottom));position:relative;gap:8px;overflow:visible;justify-content:flex-start}.planet--mine{background-color:#050510!important;background-image:url(/planet-mine-sky.jpg)!important;background-size:cover;background-position:center top;background-repeat:no-repeat;color:#fff}.planet--mine .planet__title{color:#fff;text-shadow:2px 2px 0 #000}.planet--moon{background:#9ed0ff!important;color:var(--ink)}.planet--poop{background:#ffd27d!important;color:var(--ink)}.planet__hud{width:100%;display:flex;align-items:center;gap:8px;padding:0 14px;flex-shrink:0;z-index:5}.planet__back{background:#fff;flex-shrink:0}.planet__timer{font-variant-numeric:tabular-nums;font-family:var(--font-display);font-size:14px;flex:1;background:#fff;color:#000;border:var(--border);border-radius:999px;padding:8px 12px;box-shadow:var(--shadow-sm)}.badge-demo{font-size:12px;font-weight:900;padding:6px 10px;border-radius:999px;background:#ffe08a;color:var(--ink);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);white-space:nowrap}.planet__sky{flex:1 1 auto;min-height:40px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;padding:0 16px 8px;z-index:2}.planet__title{margin:0;padding:0 16px;width:100%;text-align:center;font-family:var(--font-display);font-size:22px;color:var(--ink);flex-shrink:0;order:-1;z-index:6;position:relative}.planet__name{margin:0;font-size:14px;font-weight:800;color:var(--muted)}.planet__world{position:relative;width:100%;height:min(52vh,460px);flex-shrink:0;overflow:visible;display:flex;align-items:flex-end;justify-content:center;z-index:1}.planet__art{position:absolute;left:50%;bottom:calc(-52% - 300px);width:296%;max-width:none;height:auto;transform:translate(-50%);pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 12px 24px rgba(0,0,0,.45));z-index:1}.planet__worker{position:absolute;left:50%;bottom:52%;transform:translate(-50%);z-index:3;display:flex;flex-direction:column;align-items:center}.role--on-planet .role-head{width:80px;height:auto;max-height:96px}.role-head{width:80px;height:auto;max-height:96px;border:none;border-radius:0;object-fit:contain;box-shadow:none;background:transparent;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.35))}.planet__action{width:100%;display:flex;justify-content:center;padding:0 16px;flex-shrink:0;z-index:10;position:relative}.planet__tip{color:var(--muted)!important}.moon-arena--on-planet{min-height:auto;gap:12px}.poop-progress{margin:4px 0 0;font-size:12px;font-weight:800;color:#fff;background:#0000008c;border:2px solid #000;border-radius:999px;padding:2px 8px}.share-controls{display:flex;gap:8px}.feedback-float{position:absolute;left:calc(50% + var(--fx, 0px));top:calc(40% + var(--fy, 0px));transform:translate(-50%);font-size:18px;font-weight:900;color:var(--ink);background:#fff59a;border:2px solid var(--ink);border-radius:999px;padding:6px 12px;box-shadow:3px 3px 0 var(--ink);text-shadow:none;animation:float-up .9s ease-out forwards;pointer-events:none;z-index:20;white-space:nowrap}@keyframes float-up{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-60px)}}.btn--cooldown{position:relative;overflow:hidden}.cooldown-ring{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:conic-gradient(from -90deg,rgba(0,0,0,.35) calc(var(--cd, 1) * 360deg),transparent 0);border-radius:inherit;opacity:.9}.btn--cooldown:not(:disabled) .cooldown-ring{opacity:0}.role{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}.role-body{font-size:42px;line-height:1;background:var(--bg-lime);border:2px solid var(--ink);border-radius:18px;padding:4px 10px;box-shadow:2px 2px 0 var(--ink)}.role--mine{animation:none}.role--mine.role--fast{animation:shake .35s ease-in-out}.miner-loop{width:min(72vw,300px);height:min(72vw,300px);filter:drop-shadow(3px 3px 0 rgba(0,0,0,.35))}.miner-loop__canvas{width:100%;height:100%;display:block;image-rendering:auto}.miner-fallback{position:relative;width:min(72vw,300px);height:min(72vw,300px)}.miner-fallback__body{width:100%;height:100%;object-fit:contain;display:block}.miner-fallback__head{position:absolute;left:52%;top:22%;width:28%;height:auto;max-height:none;transform:translate(-50%,-50%);pointer-events:none}.whip-slot{position:absolute;left:50%;bottom:calc(-104px + var(--safe-bottom));transform:translate(-50%);width:min(125vw,560px);height:min(125vw,560px);pointer-events:none;z-index:8}.whip-slot[hidden]{display:none!important}.whip-layer{width:100%;height:100%;filter:drop-shadow(4px 4px 0 rgba(0,0,0,.3))}.whip-layer__canvas{width:100%;height:100%;display:block}.role--shake{animation:shake .8s ease-in-out}@keyframes dig{0%,to{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(10deg) translateY(8px)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-10px) rotate(-4deg)}40%{transform:translate(10px) rotate(4deg)}60%{transform:translate(-8px)}80%{transform:translate(8px)}}.moon-arena{position:relative;width:100%;min-height:220px;display:flex;align-items:center;justify-content:center;gap:24px}.role--moon{animation:moon-fight var(--pound-dur, 2s) ease-in-out infinite}.rice-row{font-size:22px;letter-spacing:-2px;max-width:200px;text-align:center;line-height:1.2;background:var(--card-yellow);border:2px solid var(--ink);border-radius:14px;padding:4px 8px;box-shadow:2px 2px 0 var(--ink)}@keyframes moon-fight{0%,to{transform:translate(0) translateY(0)}50%{transform:translate(14px) translateY(12px)}}.rabbit{font-size:48px;animation:rabbit-bump 1.2s ease-in-out infinite;background:var(--paper);border:2px solid var(--ink);border-radius:50%;width:72px;height:72px;display:grid;place-items:center;box-shadow:var(--shadow-sm)}.rabbit--rage{animation-duration:.45s;background:#ff8f7a}@keyframes rabbit-bump{0%,to{transform:translate(0)}50%{transform:translate(-18px)}}.planet--poop .planet__world{cursor:crosshair}.poop-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.poop-layer .poop-drop,.poop-layer .space-animal{pointer-events:auto}.space-animal{position:absolute;font-size:40px;transition:left .9s ease-out;z-index:5;filter:drop-shadow(2px 2px 0 #000)}.poop-drop{position:absolute;font-size:32px;background:var(--paper);border:2px solid var(--ink);border-radius:50%;width:48px;height:48px;padding:0;cursor:pointer;z-index:6;box-shadow:2px 2px 0 var(--ink);transition:transform .25s ease,opacity .25s ease}.poop-drop--gone{transform:scale(0);opacity:0}.farewell{position:absolute;top:0;right:0;bottom:0;left:0;background:#1c1c1eeb;display:grid;place-items:center;z-index:30}.farewell[hidden]{display:none!important}.farewell .ufo{position:absolute;top:18%}.farewell .beam{position:absolute;top:28%;height:40%}.farewell-head{width:80px;height:80px;border-radius:50%;object-fit:cover;animation:suck-up 1.6s ease-in forwards;position:relative;z-index:2;border:var(--border);box-shadow:var(--shadow)}.farewell-text{position:absolute;bottom:22%;font-family:var(--font-display);font-size:28px;background:var(--paper);border:var(--border);border-radius:var(--radius);padding:10px 18px;box-shadow:var(--shadow);animation:float-up 2s ease-out forwards}.abduct-anim .beam{top:28%;height:45%}.abduct-anim .ufo{top:4%}