:root{font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#234d36;font-weight:600;background:#fafbed;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible{outline:4px solid #8752cc;outline-offset:5px}button{border:0}img{max-width:100%}button svg{flex-shrink:0}button{touch-action:manipulation}.garden{min-height:100svh;background:#f9fbed url(/assets/garden.png) center/cover fixed no-repeat;padding:25px 32px 16px;position:relative;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5;max-width:1420px;margin:auto}.brand{display:flex;align-items:center;gap:12px;font-size:32px;font-weight:900;background:none;padding:0;letter-spacing:2px}.brand svg{width:45px;height:45px;color:#568d46}.tools{display:flex;gap:13px;align-items:center}.icon-button{display:grid;place-items:center;width:65px;height:65px;border:2px solid #567850;border-radius:50%;background:#f6ffe4e0;box-shadow:0 3px #a3bd85}.icon-button svg{width:35px;height:35px}.board-link{display:flex;align-items:center;gap:8px;background:#ffffedb8;padding:12px 18px;border:1px solid #c4d495;border-radius:28px;font-size:17px}.board-link svg{width:25px;height:25px}.home-content{text-align:center;max-width:960px;margin:-7px auto 0}.home-title h1{font-size:clamp(64px,8.7vw,130px);font-weight:1000;letter-spacing:.025em;line-height:1.15;margin:0;color:#2b5937;text-shadow:3px 4px 0 #fff,-3px -3px 0 #fff,0 8px 0 #bbd785;position:relative}.title-leaf{position:absolute;top:-20px;right:15%;transform:rotate(20deg);color:#82b13b}.title-leaf svg{width:55px;height:55px}.home-title p{margin:20px auto 0;font-size:29px;font-weight:900;letter-spacing:3px;background:#dcefaaa8;display:table;padding:3px 25px;border-radius:60% 25% 45% 30%}.hero-character{height:290px;position:relative;width:90%;margin:12px auto 0}.hero-leaf{position:absolute;left:0;width:100%;height:100%;object-fit:contain;transform:rotate(-5deg)}.hero-worm{position:absolute;width:70%;height:88%;object-fit:contain;top:0;left:15%;filter:drop-shadow(0 7px 1px #4d69393b)}.primary,.secondary,.outline{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:40px;font-weight:900;min-height:60px;padding:12px 30px;font-size:22px;transition:transform .16s,filter .16s;line-height:1.3}.primary{color:#fff;background:linear-gradient(#b2dd6a,#70b841 35%,#57a738 80%,#8bcc55);border:3px solid #4d7532;box-shadow:inset 0 0 0 5px #c4e99e,0 4px #395d2b;text-shadow:0 2px 0 #466e38}.primary:hover{filter:brightness(1.05);transform:translateY(-2px)}.primary:active{transform:translateY(3px);box-shadow:inset 0 0 0 5px #c4e99e}.primary svg,.secondary svg,.outline svg{width:26px;height:26px}.start-button{min-width:370px;min-height:105px;font-size:46px;border-width:4px;padding:16px 45px;margin-top:-8px;position:relative}.start-button svg{width:34px;height:34px}.home-tagline{font-size:26px;margin:18px 0 20px;letter-spacing:2px}.home-tagline strong{font-size:44px;color:#4b8c37}.rules{display:flex;align-items:center;justify-content:center;max-width:930px;margin:auto;padding:20px 12px;background:#ffffefdf;border:2px solid #d1dda9;border-radius:52px}.rule{display:flex;align-items:center;justify-content:center;gap:14px;flex:1;min-width:0}.rule+.rule{border-left:1px solid #9fb993}.rule img{width:115px;height:80px;object-fit:contain}.rule.ladybug img{width:100px}.rule div{text-align:left;white-space:nowrap}.rule span{display:block;font-size:22px;letter-spacing:2px}.rule strong{font-size:34px;color:#377a32;line-height:1.3}.rule.ladybug strong{color:#c93a3c}.rules-intro{display:none}.hint{font-size:17px;letter-spacing:2px;margin:16px 0 8px}.identity-note{display:flex;gap:8px;align-items:center;justify-content:center;font-size:14px}.identity-note .avatar{width:30px;height:30px}.identity-note button{background:none;text-decoration:underline;font-size:13px}.play-content{max-width:1240px;margin:-60px auto 0;text-align:center}.hud{display:flex;justify-content:center;max-width:660px;margin:auto;gap:5px}.hud>div{flex:1;padding:9px 20px 7px;background:#fbffe8e8;border:2px solid #d1dda0;border-radius:50px}.hud span{font-size:20px;display:block}.hud strong{display:block;line-height:1.2;font-size:48px;color:#408039;font-variant-numeric:tabular-nums}.hud>div:nth-child(2) strong{color:#234d36}.hud small{font-size:26px;margin-left:5px}.hud .purple{color:#8042c4}.hud .gold{color:#e2a021}.hud .urgent{color:#c63e3b}progress{width:550px;height:20px;display:block;margin:10px auto;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:2px solid #c2d992;border-radius:20px;background:#ffffef;padding:3px}progress::-webkit-progress-bar{background:#eaf1d7;border-radius:20px}progress::-webkit-progress-value{background:linear-gradient(90deg,#38744b,#8dc841);border-radius:20px}progress::-moz-progress-bar{background:#74b942;border-radius:20px}.combo-banner{height:75px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:42px;font-weight:1000;letter-spacing:2px;color:#8143c6;text-shadow:3px 3px 0 white,-2px -2px 0 white}.combo-banner svg{color:#f3d466}.combo-banner span{font-size:22px;color:#4d7b3e;text-shadow:none}.leaf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 15px;max-width:1200px;margin:auto}.leaf-slot{background:none;position:relative;aspect-ratio:2.07;min-width:0;padding:0;isolation:isolate}.leaf-art{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 3px #456d273d)}.target{position:absolute;width:84%;height:86%;left:8%;bottom:9%;object-fit:contain;animation:pop .17s ease-out;filter:drop-shadow(0 4px 2px #39522740)}.target.ladybug{width:43%;left:28%;height:80%;bottom:8%}.leaf-slot kbd{position:absolute;bottom:8%;right:20%;font:600 11px system-ui;color:#397536aa}.points{position:absolute;top:5%;right:12%;color:#f5cf48;font-size:36px;line-height:1;font-weight:1000;text-shadow:2px 2px #674d25,-1px -1px #674d25;z-index:2;animation:float-up .65s forwards}.points.negative{color:#e54e43}.rules.compact{padding:9px 22px;max-width:1020px;margin-top:14px}.compact .rules-intro{display:block;flex:1.5;font-size:23px;white-space:nowrap}.compact .rule{gap:9px;flex:1}.compact .rule img{width:84px;height:54px}.compact .rule span{font-size:15px;letter-spacing:0}.compact .rule strong{font-size:25px}.compact .rule.normal{border-left:1px solid #9fb993}.keyboard-hint{font-size:12px;color:#537345;letter-spacing:1px;margin:8px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#25463066;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;z-index:10}.pause-card{background:#fffde9;border:3px solid #bed688;border-radius:36px;padding:35px 55px;min-width:290px;box-shadow:0 14px 50px #284c3659;text-align:center}.pause-card>svg{width:55px;height:55px;color:#75a645}.pause-card h2{font-size:32px}.pause-card p{font-size:18px}.countdown{font-size:100px;line-height:1.1;color:#66a942}.result-content{text-align:center;max-width:1020px;margin:2px auto}.result-content h1,.leaderboard-content h1{font-size:52px;font-weight:1000;margin:6px 0 8px;letter-spacing:3px;text-shadow:2px 3px 0 white}.subtitle{font-size:20px;letter-spacing:2px;margin:0 0 12px;color:#57744c}.result-score{display:flex;align-items:center;justify-content:center;gap:30px;margin:8px auto 0;max-width:710px}.result-score>img{width:230px;height:130px;object-fit:contain}.result-score>svg{width:85px;height:85px;color:#8eb849;transform:rotate(25deg)}.result-score>div{display:flex;align-items:center;flex-direction:column}.result-score>div>span:first-child{font-size:19px}.result-score strong{font-size:84px;color:#428537;line-height:1.14;font-variant-numeric:tabular-nums}.status{display:flex;gap:6px;align-items:center;background:#f5e9c3;border-radius:20px;padding:5px 13px;color:#947140;font-size:14px}.status.saved{background:#e2f0cb;color:#417638}.result-stats{display:flex;justify-content:center;gap:40px;font-size:17px;margin:15px 0}.result-stats strong{font-size:24px;color:#7046ac}.choose-title{font-size:25px;letter-spacing:2px;margin:17px 0}.identity-options{display:flex;gap:24px;margin:auto;max-width:910px}.identity-card{flex:1;border-radius:28px;padding:24px 28px 20px;text-align:left;background:#fffff0eb;border:2px solid #bdd395;box-shadow:0 7px #6e91551c}.identity-card.fanlink{background:#f9f5ffed;border-color:#c6b0e3}.card-heading{display:flex;align-items:center;gap:15px}.avatar{width:58px;height:58px;object-fit:cover;border-radius:50%;border:2px solid #d1daa8;background:#f9f6e4;flex-shrink:0}.card-heading h2{font-size:27px;letter-spacing:1px;margin:0 0 5px}.card-heading p{margin:0;font-size:14px;color:#728363}.identity-card label{display:block;font-size:13px;margin:20px 0 7px}.identity-card input{width:100%;background:#fffef9;border:1px solid #afc398;border-radius:12px;height:47px;padding:10px 14px;outline-offset:3px;font-size:18px;color:#345436}.identity-card .primary,.identity-card .secondary{width:100%;font-size:20px;margin-top:15px;min-height:62px;padding:12px 10px}.card-foot{text-align:center;font-size:12px;color:#7b896d;margin:13px 0 0}.fanlink-mark{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:#e8dbf7;color:#8a60b0;flex-shrink:0}.fanlink-mark svg{width:45px;height:45px}.fanlink .card-heading h2{color:#68438d}.fanlink-description{font-size:17px;line-height:1.85;color:#795c97;margin:27px 0 25px;min-height:60px}.secondary{background:linear-gradient(#e2cdfc,#b292d7);color:#fff;border:3px solid #9870ba;box-shadow:inset 0 0 0 4px #eee0ff,0 3px #7e56a0;text-shadow:0 1px 1px #795c9a}.outline{background:#ffffe8c9;border:2px solid #afc591;box-shadow:0 3px #a0b979;color:#3e6939;font-size:21px}.result-actions{display:flex;justify-content:center;gap:22px;margin:25px 0 15px}.result-actions .primary{min-width:250px}.draft-note{font-size:12px;color:#718365}.saved-card{display:flex;align-items:center;gap:20px;max-width:590px;background:#fffdeeea;border:2px solid #bdd392;border-radius:25px;padding:25px;margin:30px auto}.saved-card>div{text-align:left;flex:1}.saved-card strong{font-size:25px}.saved-card p{font-size:18px;margin:8px 0 0}.saved-card>svg{width:35px;height:35px;color:#71a34a}.binding-note{font-size:14px}.binding-note a{color:#8656b5;margin-left:8px}.leaderboard-content{max-width:900px;margin:5px auto;text-align:center}.leaderboard-content h1{display:flex;align-items:center;justify-content:center;gap:15px}.leaderboard-content h1 svg{color:#e7b450;width:52px;height:52px}.ranking-panel{background:#ffffeee8;border:2px solid #ccdca3;border-radius:30px;padding:20px 28px;margin-top:25px}.ranking-header{display:grid;grid-template-columns:80px 1fr 120px;font-size:14px;color:#7b9067;text-align:left;border-bottom:1px solid #d2ddbc;padding:0 0 13px}.ranking-header>span:last-child{text-align:right}.ranking-list{list-style:none;margin:0;padding:0;max-height:490px;overflow:auto}.ranking-list li{display:grid;grid-template-columns:80px 1fr 120px;align-items:center;min-height:77px;border-bottom:1px solid #d8e2c4;text-align:left;padding:8px 0}.ranking-list li.is-me{background:#e9f5d480;border-radius:15px}.rank{font-size:26px;position:relative;width:44px;text-align:center;color:#779565}.rank svg{width:43px;height:43px;color:#e5af3c}.rank small{position:absolute;inset:15px 0 auto;font-size:14px;color:#805124}.rank-2 svg{color:#a9b9bc}.rank-3 svg{color:#ce9778}.rank-player{display:flex;align-items:center;gap:13px;min-width:0;font-size:20px}.rank-player .avatar{width:49px;height:49px}.rank-player span{overflow-wrap:anywhere}.rank-player small{display:block;font-size:10px;color:#8b65b0;font-weight:700}.rank-player em{font-style:normal;background:#d8eab6;border-radius:8px;padding:2px 6px;font-size:12px}.rank-score{text-align:right;font-size:29px;color:#4f8735;white-space:nowrap}.rank-score small{font-size:13px;margin-left:7px}.my-rank{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:17px 20px;background:#e8f3d0;border:1px solid #b6ce91;border-radius:15px;margin-top:18px;font-size:17px}.board-rule{font-size:13px;color:#7a8c66;letter-spacing:1px;margin:20px 0 0}.empty-board{padding:30px 0 40px}.empty-board img{width:250px;height:125px;object-fit:contain}.empty-board h2{font-size:23px}.empty-board p{font-size:16px;color:#758765}.notice{position:fixed;top:100px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;max-width:90%;padding:13px 18px;background:#fff9e8;border:1px solid #d7bf77;border-radius:15px;box-shadow:0 4px 15px #6c692526;z-index:20;font-size:15px}.notice button{background:none;display:grid;place-items:center;padding:3px}.notice svg{width:20px;height:20px}footer{text-align:center;color:#608051;font-size:11px;letter-spacing:2px;margin:18px auto 0}.screen-play footer{display:none}@keyframes pop{0%{opacity:0;transform:translateY(12px) scale(.86)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes float-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-35px)}}@media(min-width:1200px)and (min-height:950px){.home-content{margin:5px auto}.hero-character{height:330px}.play-content{margin:-55px auto 0}.leaf-slot{aspect-ratio:1.92}.combo-banner{height:100px}}@media(max-width:1100px){.play-content{margin:15px auto 0}.hud{max-width:580px}.hud strong{font-size:39px}.hud>div{padding:7px 10px}.hud span{font-size:16px}.hero-character{height:250px}.home-title h1{font-size:100px}.home-title p{font-size:23px}.compact .rules-intro{font-size:18px}.compact .rule img{width:65px}.rule img{width:95px}.rule span{font-size:18px}.result-content h1,.leaderboard-content h1{font-size:44px}}@media(max-width:650px){.garden{padding:16px 13px 20px;background-position:center;background-attachment:scroll}.brand{font-size:21px;letter-spacing:1px;gap:7px}.brand svg{width:30px;height:30px}.tools{gap:8px}.icon-button{width:42px;height:42px;box-shadow:0 2px #a3bd85}.icon-button svg{width:24px;height:24px}.board-link{font-size:13px;padding:8px 11px;gap:5px}.board-link svg{width:18px;height:18px}.home-content{margin:55px auto 0}.home-title h1{font-size:clamp(55px,15vw,94px);letter-spacing:0;text-shadow:2px 3px 0 #fff,-2px -2px 0 #fff,0 6px 0 #bbd785}.title-leaf{right:9%;top:-25px}.title-leaf svg{width:34px;height:34px}.home-title p{font-size:18px;letter-spacing:1px;padding:4px 12px;margin-top:15px}.hero-character{width:100%;height:200px;margin-top:20px}.hero-worm{width:90%;left:5%;height:90%}.hero-leaf{transform:rotate(-5deg) scale(1.1)}.start-button{font-size:30px;min-width:270px;min-height:80px;margin-top:0;padding:13px 22px}.start-button svg{width:25px;height:25px}.home-tagline{font-size:19px;letter-spacing:0;margin:20px 0}.home-tagline strong{font-size:34px}.rules{padding:15px 7px;border-radius:28px;gap:0}.rule{flex-direction:column;gap:5px}.rule img{width:80px;height:53px}.rule.ladybug img{width:64px}.rule div{text-align:center}.rule span{font-size:14px;letter-spacing:1px}.rule strong{font-size:25px}.hint{font-size:12px;letter-spacing:1px;margin-top:17px}.play-content{margin:20px auto 0}.hud{gap:4px}.hud>div{padding:10px 3px;border-radius:25px}.hud span{font-size:13px}.hud strong{font-size:30px}.hud small{font-size:16px;margin-left:3px}progress{width:86%;height:17px;margin:10px auto}.combo-banner{height:75px;font-size:27px}.combo-banner span{font-size:17px}.combo-banner svg{width:23px;height:23px}.leaf-grid{gap:22px 0;margin:5px -7px}.leaf-slot{aspect-ratio:1.2}.leaf-art{object-fit:contain;transform:scale(1.05)}.target{height:85%;width:95%;left:2.5%;bottom:18%}.target.ladybug{height:65%;width:50%;left:25%;bottom:20%}.leaf-slot kbd{display:none}.points{font-size:24px;top:14%;right:7%}.rules.compact{padding:10px 2px;border-radius:22px;margin-top:23px}.compact .rules-intro{display:none}.compact .rule{flex-direction:row;gap:5px}.compact .rule.normal{border-left:0}.compact .rule img{width:46px;height:35px}.compact .rule div{text-align:left}.compact .rule span{font-size:11px}.compact .rule strong{font-size:19px}.keyboard-hint{display:none}.pause-card{padding:28px 25px}.result-content{margin:25px auto 0}.result-content h1,.leaderboard-content h1{font-size:31px;letter-spacing:1px}.subtitle{font-size:14px;letter-spacing:1px}.result-score{gap:6px;margin-top:15px}.result-score>img{width:130px;height:95px}.result-score>svg{width:36px;height:36px}.result-score strong{font-size:60px}.result-score>div>span:first-child{font-size:14px}.status{font-size:11px;padding:4px 9px}.result-stats{font-size:13px;gap:22px}.result-stats strong{font-size:20px}.choose-title{font-size:19px;margin:24px 0 16px}.identity-options{flex-direction:column;gap:16px;max-width:410px}.identity-card{padding:21px 23px;border-radius:25px}.card-heading h2{font-size:23px}.identity-card label{margin-top:17px}.identity-card .primary,.identity-card .secondary{font-size:19px;min-height:57px}.fanlink-description{font-size:15px;margin:18px 0 8px;min-height:0}.fanlink-description br{display:none}.fanlink .card-heading p{font-size:13px}.result-actions{gap:10px;margin-top:22px}.result-actions .primary{min-width:0}.result-actions .primary,.result-actions .outline{font-size:17px;min-height:55px;padding:10px 20px}.result-actions svg{width:21px;height:21px}.saved-card{gap:14px;padding:20px 15px}.saved-card strong{font-size:20px}.saved-card p{font-size:13px}.binding-note{font-size:12px;line-height:1.8}.leaderboard-content{margin-top:28px}.leaderboard-content h1 svg{width:33px;height:33px}.ranking-panel{padding:18px 13px;border-radius:23px;margin-top:22px}.ranking-header{grid-template-columns:42px 1fr 72px;font-size:11px}.ranking-list li{grid-template-columns:42px 1fr 72px;min-height:70px}.rank{font-size:21px;width:30px}.rank svg{width:29px;height:29px}.rank small{font-size:11px;top:9px}.rank-player{gap:8px;font-size:15px}.rank-player .avatar{width:36px;height:36px}.rank-score{font-size:22px}.rank-score small{font-size:10px;margin-left:3px}.my-rank{font-size:12px;gap:7px;padding:13px 10px}.board-rule{font-size:11px;letter-spacing:0}.empty-board p{font-size:12px}.notice{top:76px;font-size:13px;width:calc(100% - 26px)}footer{margin-top:25px;font-size:10px}.empty-board img{width:200px;height:100px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@font-face{font-family:ZCOOL KuaiLe;src:url(/fonts/ZCOOLKuaiLe-Regular.ttf) format("truetype");font-display:swap}.home-title h1,.result-content h1,.leaderboard-content h1{font-family:ZCOOL KuaiLe,PingFang SC,sans-serif;font-weight:400}.home-title h1{font-size:clamp(64px,9.2vw,137px);letter-spacing:.05em}.hero-leaf{transform:rotate(-5deg) scale(1.22)}@media(max-width:650px){.home-title h1{font-size:clamp(55px,15vw,94px);letter-spacing:0}.hero-leaf{transform:rotate(-5deg) scale(1.18)}}.result-content h1{font-size:68px;margin:15px 0 0}.result-hero{height:180px;max-width:570px;position:relative;margin:0 auto}.result-leaf{width:100%;height:100%;object-fit:contain;position:absolute;top:0;right:0;bottom:0;left:0}.result-worm{width:72%;height:85%;object-fit:contain;position:absolute;left:14%;top:0}.result-score{margin:0 auto;gap:12px}.result-score>svg{display:none}.result-score>div{position:relative}.result-score strong{font-size:85px}.result-score .status{position:absolute;left:calc(100% + 15px);bottom:27px;white-space:nowrap}.result-stats{margin:10px 0}.choose-title{margin:15px 0}.rule img{width:140px;height:83px}.rule.ladybug img{width:126px}.home-title h1{font-size:clamp(64px,10.3vw,153px);letter-spacing:.045em}.compact .rule img{width:100px;height:57px}@media(max-width:650px){.home-title h1{font-size:clamp(55px,15vw,94px);letter-spacing:0}.result-content h1{font-size:33px;margin:18px 0 4px}.result-hero{height:120px;max-width:340px}.result-score strong{font-size:64px}.result-score .status{position:static;font-size:11px}.result-stats{margin:15px 0}.choose-title{font-size:19px;margin:20px 0 15px}.rule img{width:83px;height:58px}.rule.ladybug img{width:76px}.compact .rule img{width:52px;height:40px}.result-actions{flex-wrap:wrap}.result-actions .primary{font-size:16px}}.binding-note>input{border:1px solid #b4c993;border-radius:10px;background:#fffef2;padding:9px 12px;width:160px;margin:0 8px;color:#345d39}.binding-note>button{border-radius:10px;background:#e2edce;padding:9px 13px}.binding-note>label{font-size:13px}.binding-note p{margin:10px 0}.guest-upgrade{display:inline-flex;align-items:center;gap:6px;color:#7956a1;background:#f3e9fcbf;padding:10px 18px;border-radius:20px;font-size:14px}.guest-upgrade svg{width:17px;height:17px}.result-hero{max-width:650px;height:195px}.result-leaf{transform:scale(1.35)}.result-worm{transform:scale(1.2);height:85%;top:-2px}.identity-card.guest{background:#f3fff0ed}@media(max-width:650px){.result-hero{height:120px;max-width:330px}.result-leaf{transform:scale(1.18)}.result-worm{transform:scale(1.05)}}@media(min-width:651px){.combo-banner{font-size:64px}.hud strong{font-size:52px}}