:root{--sky:#77c8ff;--sky2:#bcecff;--cream:#fff6d9;--cream2:#e7e4bd;--ink:#513b2c;--brown:#744321;--gold:#ffbf3f;--mint:#75d9c3}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:ui-rounded,"Arial Rounded MT Bold","Microsoft YaHei",system-ui,sans-serif;background:linear-gradient(#65b9fa,#c9f3ff);color:var(--ink);touch-action:pan-x pan-y}button{font:inherit;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}#app{position:relative;width:100%;height:100dvh;min-height:540px;max-width:600px;margin:auto;overflow:hidden;background:linear-gradient(180deg,#64b7fa 0%,#c4f1ff 57%,#a3e2cf 100%);isolation:isolate}.sky-decor{position:absolute;color:#fff9c7;font-size:30px;opacity:.8;animation:float 4s ease-in-out infinite;pointer-events:none}.d1{top:20%;left:9%}.d2{top:28%;right:12%;animation-delay:-2s}.topbar{position:absolute;z-index:5;top:max(12px,env(safe-area-inset-top));left:14px;right:14px;display:flex;justify-content:space-between;align-items:center}.coin,.round-btn{background:#fff8dfd9;border:3px solid #d6d9b6;box-shadow:0 4px 0 #9f9f7b,0 8px 18px #336b7540}.coin{display:flex;align-items:center;gap:7px;border-radius:30px;padding:7px 13px;font-size:14px}.coin span{font-size:21px}.coin small{font-size:10px;color:#84785a}.top-actions{display:flex;gap:9px}.round-btn{width:45px;height:45px;border-radius:50%;font-size:23px;color:#695944}.screen{position:absolute;inset:0}.hidden{display:none!important}.home-screen{display:flex;flex-direction:column;align-items:center;padding:72px 22px 22px;overflow:hidden}.brand{text-align:center;z-index:2;position:relative}.brand-kicker{font-size:12px;font-weight:900;letter-spacing:3px;color:#eaffff;text-shadow:0 2px 2px #3c8ebc}.brand h1{margin:7px 0 0;font-size:clamp(39px,10vw,57px);line-height:1.05;letter-spacing:-2px;color:#ffcc55;-webkit-text-stroke:2px #8a4b20;text-shadow:0 4px 0 #8a4b20,2px 7px 0 #623919,0 10px 18px #2b63855c;font-weight:1000}.brand h1 span{display:block;color:#fff4db;-webkit-text-stroke:2px #7a4a29;text-shadow:0 4px 0 #7a4a29,0 8px 12px #2b638855}.slogan{display:inline-block;margin-top:10px;padding:6px 18px;border-radius:30px;background:#8d5128;border:2px solid #dba04b;color:#fff4d7;font-weight:900;box-shadow:0 4px 0 #653818}.hero-stage{position:relative;flex:1;width:100%;min-height:250px;max-height:420px;margin-top:8px}.floating-island{position:absolute;border-radius:50%;background:linear-gradient(#7be6a1 0 23%,#a06a42 24% 60%,#65432d 61%);box-shadow:inset 0 7px 0 #b9f4a4,0 16px 22px #245c5845;transform:rotate(-7deg)}.island-a{width:68%;height:34%;left:8%;bottom:16%}.island-b{width:35%;height:20%;right:3%;bottom:31%;transform:rotate(9deg);opacity:.9}.home-hero{position:absolute;z-index:2;width:44%;height:45%;left:26%;bottom:26%;border-radius:48% 50% 43% 44%;background:radial-gradient(circle at 35% 24%,#ffdc9b 0 7%,transparent 8%),radial-gradient(circle at 32% 25%,#ffb54b,#ed7629 61%,#b84d24 100%);border:4px solid #9e4c25;box-shadow:inset -9px -12px 0 #b94f27, inset 7px 8px 0 #ffe0a0,0 12px 0 #80431e,0 22px 20px #3d654f66;transform:rotate(-8deg);animation:bob 2.4s ease-in-out infinite}.home-hero:before{content:"";position:absolute;width:58%;height:29%;left:17%;top:-11%;border-radius:60% 60% 25% 25%;background:linear-gradient(#ffcb72,#e77a2e);border:3px solid #9e4c25;transform:rotate(-12deg)}.eye{position:absolute;top:20%;width:37%;height:43%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 60%,#e9e7d6 72%);border:3px solid #9e4c25;box-shadow:inset -3px -4px #d7b98b}.eye-left{left:12%}.eye-right{right:8%;top:15%;width:39%;height:46%}.eye i{position:absolute;bottom:15%;left:38%;width:32%;height:38%;border-radius:50%;background:#3d2c24;box-shadow:inset 2px 2px #fff}.snout{position:absolute;left:31%;top:53%;width:39%;height:22%;border-radius:50%;background:#f4a66a;border:3px solid #9e4c25;box-shadow:inset 0 4px #ffd19c}.tongue{position:absolute;left:38%;top:70%;width:27%;height:22%;background:#f36b88;border:3px solid #9e4c25;border-radius:8px 8px 50% 50%;transform:rotate(8deg)}.body-patch{position:absolute;bottom:-8%;left:13%;width:70%;height:27%;border-radius:50%;background:#f9a34a;opacity:.7}.home-poop{position:absolute;z-index:3;width:22%;height:20%;right:13%;bottom:24%;border-radius:45% 45% 38% 38%;background:linear-gradient(135deg,#b97639,#70401f);border:3px solid #58321e;box-shadow:inset 5px 4px #e5a15b,0 8px 0 #6b3b21,0 13px 13px #345b4a66;animation:poopBob 2s ease-in-out infinite}.home-poop:before,.home-poop:after{content:"";position:absolute;left:12%;top:-32%;width:76%;height:54%;border-radius:50%;background:linear-gradient(135deg,#d99b57,#79401d);border:3px solid #58321e}.home-poop:after{left:27%;top:-60%;width:47%;height:42%;background:linear-gradient(135deg,#e5b46b,#8a4b20)}.poop-eye{position:absolute;z-index:2;left:29%;top:15%;width:14%;height:13%;border-radius:50%;background:#fff}.poop-eye.two{left:57%}.poop-mouth{position:absolute;z-index:3;left:36%;top:30%;color:#27170d;font-size:25px;font-weight:1000}.island-grass{position:absolute;bottom:14%;left:4%;width:90%;height:12%;background:linear-gradient(#77e49a,#4cba78);border-radius:50%;filter:drop-shadow(0 6px 0 #367a51)}.orbit{position:absolute;color:#fff4a9;font-size:30px;animation:float 3s infinite}.orb1{left:18%;top:26%}.orb2{right:17%;top:14%;animation-delay:-1.4s}.home-buttons{z-index:3;width:min(100%,370px);display:flex;flex-direction:column;gap:12px;margin-top:0}.main-button,.pill-button,.charge-button{border:4px solid #d4d9b4;background:linear-gradient(#fffbe7,#f2efcf);color:#67543b;border-radius:38px;font-weight:1000;box-shadow:0 6px 0 #a0a37e,0 10px 15px #2b64704a;transition:transform .1s}.main-button:active,.pill-button:active,.charge-button:active{transform:translateY(4px);box-shadow:0 2px 0 #a0a37e}.main-button{height:68px;font-size:23px;background:linear-gradient(#ffe98d,#ffbd3f);border-color:#fff0b6;color:#74441e;text-shadow:0 1px #fff5c7}.main-button span{font-size:20px;margin-right:8px}.pill-button{height:52px;font-size:17px}.home-stats{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:17px;color:#f9ffff;text-shadow:0 2px 3px #397b9c}.home-stats div{display:flex;flex-direction:column;align-items:center;gap:2px}.home-stats b{font-size:20px}.home-stats small{font-size:10px}.home-stats i{height:28px;width:1px;background:#ffffff88}.home-note{font-size:11px;color:#e8ffff;margin:10px 0 0;text-shadow:0 1px 2px #3178a0}.game-screen{display:flex;flex-direction:column;padding:65px 10px 14px;background:linear-gradient(#79caff,#c9f4ff 52%,#a6e6bf)}.game-hud{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:0 2px 10px}.hud-btn{width:39px;height:39px;border-radius:50%;background:#fff6d9;border:2px solid #d0d4b0;box-shadow:0 3px 0 #9fa17c;font-size:20px;color:#68543a}.hud-pill{border-radius:24px;background:#fff6d9;border:2px solid #d0d4b0;padding:8px 11px;font-size:12px;box-shadow:0 3px 0 #9fa17c;white-space:nowrap}.hud-pill b{font-size:14px}.canvas-wrap{position:relative;flex:1;min-height:200px;border-radius:24px;overflow:hidden;border:4px solid #e8f1ce;box-shadow:0 6px 0 #9ca783,0 12px 22px #397b7855;background:#8bd6f7}#gameCanvas{width:100%;height:100%;display:block;touch-action:none}.taunt-bubble{position:absolute;left:4%;bottom:24%;max-width:64%;padding:10px 13px;border-radius:18px;background:#fff7dd;border:3px solid #b7a56c;color:#65401f;font-weight:900;font-size:13px;box-shadow:0 4px 0 #97784b;pointer-events:none}.return-stamp{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%) rotate(-8deg);padding:9px 20px;background:#ffcc48;border:4px solid #fff0a5;border-radius:15px;color:#85421e;font-size:24px;font-weight:1000;text-shadow:0 2px #fff2b2;box-shadow:0 5px 0 #a65b2d;pointer-events:none}.bottom-hud{padding:13px 8px 0;display:flex;flex-direction:column;align-items:center;gap:8px}.power-track{width:80%;height:13px;border-radius:20px;background:#ffffff9c;border:2px solid #e8f0d3;overflow:hidden;box-shadow:inset 0 2px 4px #3c8b9a55}.power-track div{height:100%;width:0;background:linear-gradient(90deg,#72e6a0,#ffdc48,#ff824a);border-radius:20px;transition:width .04s}.power-label{font-size:12px;font-weight:900;color:#427f7b}.charge-button{width:100%;height:62px;background:linear-gradient(#ffe98d,#ffbf41);border-color:#fff1b4;color:#74441e;font-size:20px;touch-action:none;user-select:none}.charge-button.charging{background:linear-gradient(#ffce63,#ff9146);transform:scale(.98)}.tip-line{font-size:10px;color:#427d77;text-align:center}.modal-screen{z-index:10;display:flex;align-items:center;justify-content:center;padding:20px;background:#214b4c66;backdrop-filter:blur(7px)}.modal-card{position:relative;width:min(100%,390px);padding:25px 22px 22px;border-radius:30px;background:linear-gradient(145deg,#fffbe8,#e9f2d1);border:5px solid #fff9d9;box-shadow:0 9px 0 #9ca27d,0 18px 40px #183d4e66;text-align:center;max-height:90%;overflow:auto}.modal-emoji{font-size:44px;filter:drop-shadow(0 4px 0 #d0c49c)}.modal-card h2{margin:8px 0;color:#79451f;font-size:27px}.modal-card p{font-size:13px;color:#8c7654;line-height:1.5}.modal-card .main-button{width:100%;margin-top:14px}.modal-card .pill-button{width:100%;margin-top:11px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.result-grid div{border-radius:18px;padding:13px;background:#d9f4e9;border:2px solid #b7dfca;display:flex;flex-direction:column}.result-grid b{font-size:27px;color:#467c61}.result-grid small{font-size:11px;color:#6d8a70}.close-btn{position:absolute;right:12px;top:10px;width:36px;height:36px;border-radius:50%;font-size:26px;background:#f3e6bf;color:#785532}.rank-tabs{display:flex;gap:8px;margin:16px 0}.rank-tab{flex:1;border-radius:22px;padding:10px;background:#e2e8cf;color:#796c4e;font-weight:900}.rank-tab.active{background:#ffc94b;color:#74441e;box-shadow:0 3px 0 #bc8731}.rank-list{display:flex;flex-direction:column;gap:7px;text-align:left}.rank-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:15px;background:#fffef0;border:1px solid #d9ddb9}.rank-num{font-weight:1000;color:#c58b2d;width:25px}.rank-name{flex:1;font-weight:800;font-size:13px}.rank-score{font-weight:1000;color:#4b8c72}.my-record{margin-top:12px;background:#d9f4e9;border-radius:14px;padding:10px;font-size:12px;color:#527b67}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:14px 5px;border-bottom:1px solid #dddcb8;font-weight:800}.setting-row input{width:22px;height:22px;accent-color:#61b88a}.setting-hint{font-size:11px!important}.paused *{animation-play-state:paused!important}@keyframes bob{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-9px) rotate(-4deg)}}@keyframes poopBob{0%,100%{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-6px) rotate(-3deg)}}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(12deg)}}@media(min-height:800px){.home-screen{padding-top:84px}.hero-stage{max-height:440px}.brand h1{font-size:60px}.home-buttons{gap:14px}.home-stats{margin-top:22px}}@media(max-height:650px){.home-screen{padding-top:60px}.brand h1{font-size:38px}.hero-stage{min-height:190px}.home-buttons .main-button{height:56px}.home-stats{margin-top:10px}.home-note{margin-top:5px}}