*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;background:radial-gradient(circle at 50% 30%,#17324a 0,#07111c 48%,#03070c);font-family:system-ui,-apple-system,Segoe UI,sans-serif;overscroll-behavior:none;user-select:none;-webkit-user-select:none;touch-action:none}#app{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.shell{position:relative;overflow:hidden;border-radius:22px;box-shadow:0 28px 80px #000000a6,0 0 0 1px #8fd0ff1f;background:#0b1220}#game{display:block;width:375px;height:812px;touch-action:none}.btn{position:absolute;z-index:5;border:none;background:#ffffff29;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.btn.paint{right:16px;bottom:24px;width:68px;height:68px;font-size:30px;background:#46c76b59;border:2px solid rgba(70,199,107,.8)}.btn.paint:active{transform:scale(.92)}.btn.pause{top:12px;right:12px;width:44px;height:44px;font-size:18px;background:#ffffff14;border:1px solid rgba(255,255,255,.15)}.overlay{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:radial-gradient(circle at 50% 33%,rgba(73,180,156,.24),transparent 31%),linear-gradient(180deg,#07151ff2,#050b13fb);padding:62px 28px 24px;text-align:center;color:#e8edf6}.overlay.hidden{display:none}.title{font-size:46px;line-height:.95;letter-spacing:2px;margin:8px 0 6px;color:#f7fbff;text-shadow:0 5px 0 #132b3e,0 10px 24px rgba(0,0,0,.45);font-weight:950}.title span{color:#73e0a4}.menu-kicker{color:#72d49b;font-size:10px;letter-spacing:2.1px;font-weight:900}.menu-kicker span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ffd365;box-shadow:0 0 10px #ffd365}.subtitle{margin:0;color:#b8cad8;font-size:14px;font-weight:650}.hero{position:relative;width:270px;height:238px;margin:2px 0}.hero:before{content:"";position:absolute;inset:42px 10px 13px;border-radius:50%;background:radial-gradient(ellipse,rgba(73,180,156,.22),transparent 66%)}.blob{position:absolute;left:93px;top:73px;width:92px;height:104px;border-radius:48% 52% 44% 46%;background:linear-gradient(145deg,#7fe8b0 0 47%,#e0a85e 48%);box-shadow:inset 8px 9px #ffffff26,inset -8px -10px #00000021,0 16px 20px #00000059;transform:rotate(-3deg);z-index:3}.blob-patch{position:absolute;right:0;top:5px;width:50%;height:88%;border-radius:45% 58% 45% 40%;background:repeating-linear-gradient(45deg,#d79b51 0 10px,#f1c16e 10px 20px);opacity:.9}.blob i{position:absolute;top:30px;width:20px;height:25px;border-radius:50%;background:#fff;box-shadow:inset 0 -3px #d6e9ef;z-index:2}.blob i:nth-of-type(1){left:23px}.blob i:nth-of-type(2){right:20px}.blob i:after{content:"";position:absolute;width:8px;height:10px;border-radius:50%;background:#173142;left:7px;top:8px}.blob b{position:absolute;width:25px;height:9px;border:3px solid #173142;border-top:0;border-radius:0 0 22px 22px;left:34px;top:66px;z-index:3}.crate{position:absolute;left:22px;bottom:22px;width:82px;height:70px;background:#d19a50;border:6px solid #87532d;border-radius:10px;transform:rotate(-5deg);box-shadow:0 12px #00000038}.crate:after{content:"";position:absolute;left:31px;top:-6px;width:9px;height:70px;background:#9c6237;transform:rotate(36deg)}.seeker{position:absolute;right:23px;top:61px;width:49px;height:62px;border-radius:23px 23px 15px 15px;background:linear-gradient(#ff7d6e,#c9434e);box-shadow:inset 5px 6px #ffffff1f,0 10px 15px #0000004d;transform:rotate(8deg)}.seeker b{position:absolute;left:10px;top:12px;width:29px;height:11px;border-radius:8px;background:#263c50}.seeker i{position:absolute;left:20px;top:-10px;width:10px;height:18px;border-radius:8px;background:#ffd365}.scan-cone{position:absolute;right:55px;top:92px;width:100px;height:90px;background:linear-gradient(135deg,rgba(255,214,99,.3),transparent);clip-path:polygon(100% 0,0 60%,100% 100%);filter:blur(1px)}.leaf{position:absolute;width:35px;height:18px;border-radius:100% 0;background:#44b77d}.leaf-a{left:30px;top:48px;transform:rotate(-20deg)}.leaf-b{right:35px;bottom:35px;transform:rotate(130deg)}.paint-drop{position:absolute;border-radius:60% 40% 65% 35%;background:#77dca2}.drop-a{width:13px;height:18px;left:77px;top:72px}.drop-b{width:9px;height:12px;right:76px;bottom:34px;background:#ffd365}.big{width:82%;min-height:56px;padding:14px;margin:5px 0;border:none;border-radius:18px;font-size:18px;font-weight:700;background:linear-gradient(180deg,#70e29e,#3fc574);color:#092b1a;box-shadow:0 6px #228b50,0 12px 22px #28bf6933,inset 0 2px #ffffff4d;cursor:pointer}.big.ghost{min-height:45px;background:#ffffff0b;color:#e8edf6;border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px #ffffff0f}.big:active{transform:scale(.97)}.stats{display:flex;width:82%;gap:10px;margin-top:15px}.meta{flex:1;margin:0;padding:9px 6px;font-size:14px;color:#dce8f0;background:#ffffff0b;border:1px solid rgba(255,255,255,.08);border-radius:13px}.meta small{display:block;font-size:8px;letter-spacing:1px;color:#7590a5;margin-bottom:3px}.meta strong{font-size:16px}.meta:nth-child(2) strong{color:#ffd365}.hint{margin-top:15px;font-size:11px;color:#6f899e}.hint span{color:#b8cad8;font-weight:800}.hint b{padding:0 6px;color:#3c586e}.result-card{background:#111a2e;border-radius:18px;padding:32px 24px;min-width:260px;border:1px solid rgba(255,255,255,.08)}.result-card .win{color:#46c76b;font-size:28px;margin:0 0 10px}.result-card .lose{color:#ff5b5b;font-size:28px;margin:0 0 10px}#resultBody{white-space:pre-line;color:#c3cfe2;margin:0 0 18px}