:root{font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#374638;background:#cbdcbe;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #486a54;outline-offset:5px}.playground{position:fixed;top:0;right:0;bottom:0;left:0;min-height:100svh;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 40%,#e4ebcc 0,#cfdcbd 56%,#b8d0b3)}.is-hidden{visibility:hidden;pointer-events:none}.meadow-texture{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.45;background-image:radial-gradient(ellipse at center,#859c6a80 0 1px,transparent 1.8px),radial-gradient(ellipse at center,#fef4c9 0 1.5px,transparent 2.4px);background-size:127px 103px,183px 167px;background-position:15px 65px,91px 21px;pointer-events:none}.intro{position:absolute;top:max(24px,env(safe-area-inset-top));left:0;right:0;text-align:center;z-index:2000;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:.3em;opacity:.52}.intro h1{font-family:Songti SC,"Noto Serif CJK SC",serif;font-size:28px;letter-spacing:.13em;font-weight:500;margin:9px 0}.intro p{font-size:11px;letter-spacing:.12em;opacity:.6;margin:0}.field{position:absolute;top:55px;right:0;bottom:0;left:0;opacity:0;transition:opacity .7s}.field.ready{opacity:1}.creature{position:absolute;top:0;left:0;background:none;padding:0;border:0;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;will-change:transform;outline-offset:0;border-radius:40%}.creature-body,.sprite{display:block;position:absolute;top:0;right:0;bottom:0;left:0}.sprite{background-image:url(/assets/characters.png);background-size:400% 400%;background-repeat:no-repeat;filter:drop-shadow(0 2px 0 #41433316)}.ground-shadow{position:absolute;left:25%;bottom:7%;width:50%;height:9%;border-radius:50%;background:#52714e25;filter:blur(1px)}.creature-body{transition:filter .3s,opacity .3s}.is-open .creature-body{filter:blur(1px);opacity:.24}.note{position:absolute;left:50%;top:45%;width:164px;min-height:136px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:17px 12px 12px;color:#514734;background:linear-gradient(135deg,#fff9c5,#ffe69b);border-radius:2px 3px 12px;box-shadow:0 7px 14px #4f57322b;transform:translate(-50%,-50%) rotate(-4deg) scale(.6) rotateY(90deg);opacity:0;pointer-events:none;transition:transform .4s cubic-bezier(.2,.9,.25,1.2),opacity .2s}.note:before{content:"";position:absolute;left:calc(50% - 21px);top:-7px;width:42px;height:15px;transform:rotate(5deg);background:#e6d8aaad}.note-small{font-size:10px;letter-spacing:.12em;opacity:.65}.note strong{font-family:Songti SC,"Noto Serif CJK SC",serif;font-size:27px;font-weight:600;letter-spacing:.1em}.note-bottom{font-size:10px;opacity:.55}.enter-label{font-size:12px;letter-spacing:.15em;margin-top:3px;border-top:1px solid #6f6b4c26;padding-top:9px;width:100%}.enter-label>span{margin-left:12px}.is-open .note{opacity:1;transform:translate(-50%,-50%) rotate(-3deg) scale(1)}.is-winner .note{background:linear-gradient(135deg,#fffbe4,#fff0ae);box-shadow:0 0 35px #fff8cfad,0 8px 20px #46562f33}.seen-dot{position:absolute;bottom:3%;left:calc(50% - 2px);width:4px;height:4px;background:#536e45;border-radius:50%;opacity:.55}.play-footer{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:32px;right:32px;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.08em;z-index:2000;color:#5e755c}.reset{background:none;border:0;padding:12px 0 12px 16px;color:inherit;font-size:11px;cursor:pointer;min-height:44px}.reset span{font-size:17px;margin-left:6px;vertical-align:middle}.galaxy{position:fixed;top:0;right:0;bottom:0;left:0;background:#02030a;isolation:isolate;overflow:hidden;animation:arrive 1.5s ease both}.galaxy-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.galaxy-canvas canvas{display:block;width:100%;height:100%;touch-action:none}.galaxy-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 43%,transparent 40%,#01020b55 100%)}.back{position:absolute;z-index:4;top:max(24px,env(safe-area-inset-top));left:max(28px,env(safe-area-inset-left));display:flex;gap:12px;align-items:center;min-width:80px;min-height:44px;padding:8px 14px 8px 10px;border:1px solid #d6dfff22;border-radius:25px;background:#02030b40;color:#e6e8f7ad;text-decoration:none;font-size:11px;letter-spacing:.2em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:color .2s,border-color .2s}.back>span:first-child{font-size:19px}.back:hover{color:#fff;border-color:#d6dfff66}.back:focus-visible{outline-color:#d5caff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@keyframes arrive{0%{opacity:0}to{opacity:1}}@media(max-width:600px){.intro{top:max(23px,env(safe-area-inset-top))}.intro h1{font-size:25px}.intro p{font-size:10px}.field{top:48px;right:0;bottom:0;left:0}.play-footer{left:22px;right:22px;bottom:max(16px,env(safe-area-inset-bottom));font-size:9px}.note{width:146px;min-height:126px}.note strong{font-size:25px}.back{left:16px;top:max(17px,env(safe-area-inset-top))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.is-open .note{pointer-events:auto}.quiet,.quiet *{animation:none!important;transition:none!important}.galaxy.no-webgl .render-status{position:absolute;inset:45% 24px auto;text-align:center;color:#c5c9e2;font-size:13px;letter-spacing:.1em;line-height:2}.galaxy{background:#010107}.galaxy-canvas:has(+.render-status){visibility:hidden}