:root{--font-pixel:"Press Start 2P", "Courier New", monospace;--font-ui:"ZCOOL KuaiLe", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--sky-top:#5fb8ff;--sky-bottom:#c9ecff;--ground:#6cbf3a;--ground-deep:#8b5a2b;--accent:#ffe14d;--ink:#1b1b1b;--ok:#5f5;--bad:#f55}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font-ui);color:var(--ink);background:linear-gradient(var(--sky-top), var(--sky-bottom));transition:background .6s;overflow:hidden}canvas{image-rendering:pixelated;image-rendering:crisp-edges}#app{z-index:1;height:100vh;position:relative;overflow:auto}.ground{z-index:0;background:repeating-linear-gradient(90deg, transparent 0 46px, #0000001f 46px 48px), repeating-linear-gradient(0deg, transparent 0 46px, #0000001f 46px 48px), linear-gradient(var(--ground) 0 30px, color-mix(in srgb, var(--ground) 70%, black) 30px 34px, var(--ground-deep) 34px 100%);height:96px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px #0000002e}.cloud{z-index:0;pointer-events:none;background:#ffffffe6;width:24px;height:24px;animation:linear infinite drift;position:fixed;box-shadow:24px 0 #ffffffe6,48px 0 #ffffffe6,72px 0 #ffffffe6,96px 0 #ffffffe6,24px -24px #ffffffe6,48px -24px #ffffffe6,72px -24px #ffffffe6}.cloud-1{animation-duration:70s;top:12%}.cloud-2{animation-duration:95s;animation-delay:-30s;top:26%;transform:scale(.7)}.cloud-3{animation-duration:120s;animation-delay:-70s;top:6%;transform:scale(1.3)}@keyframes drift{0%{left:110%}to{left:-20%}}.mc-btn{font-family:var(--font-ui);color:#fff;text-shadow:2px 2px #3f3f3f;cursor:pointer;background:#8b8b8b;border:3px solid #000;padding:10px 26px;font-size:22px;transition:transform 50ms;box-shadow:inset 3px 3px #b5b5b5,inset -3px -3px #555}.mc-btn:hover{background:#7a8bff;box-shadow:inset 3px 3px #a8b3ff,inset -3px -3px #4d5ac0}.mc-btn:active{transform:translateY(2px)}.mc-btn.small{padding:5px 12px;font-size:15px}.music-toggle.off{opacity:.7}.mc-btn.primary{background:#4caf50;box-shadow:inset 3px 3px #8fdc92,inset -3px -3px #2e6d31}.mc-btn.primary:hover{background:#5fcf63}.mc-panel{background:#c6c6c6f7;border:4px solid #000;padding:16px;box-shadow:inset 4px 4px #fff,inset -4px -4px #555,0 8px #00000040}.stars{color:#ffcf1f;text-shadow:2px 2px #7a5a00;letter-spacing:3px;font-size:22px}.stars.big{font-size:44px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body.blind .keyboard{display:none}.keyboard{flex-direction:column;align-items:center;gap:6px;padding:6px 0 4px;display:flex}.kb-row{gap:6px;display:flex}.kb-row:nth-child(2){padding-left:26px}.kb-row:nth-child(3){padding-left:54px}.kb-row:nth-child(4){padding-left:100px}.kb-key{width:42px;height:42px;font-family:var(--font-pixel);text-transform:uppercase;color:#222;-webkit-user-select:none;user-select:none;background:#dcdcdc;border:3px solid #000;place-items:center;font-size:13px;transition:background .1s;display:grid;box-shadow:inset 2px 2px #fffc,inset -3px -3px #00000040,0 4px #000}.kb-key.home-bump:before{content:"";background:#333;width:12px;height:3px;margin-left:-6px;position:absolute;bottom:4px;left:50%}.kb-key{position:relative}.kb-key.next{z-index:2;color:#000;animation:.5s steps(2,jump-none) infinite key-blink;transform:scale(1.22)}@keyframes key-blink{0%{background:#ffe14d;box-shadow:0 0 0 4px #fff,0 0 0 7px #000,0 0 28px 8px #ffe14df2}to{background:#fff;box-shadow:0 0 0 4px #ffe14d,0 0 0 7px #000,0 0 40px 12px #fffffff2}}.kb-key.next:after{content:"▼";font-family:var(--font-pixel);color:#ffe14d;text-shadow:2px 2px #000,0 0 10px #fff;font-size:15px;animation:.45s ease-in-out infinite alternate arrow-bounce;position:absolute;top:-30px;left:50%}@keyframes arrow-bounce{0%{transform:translate(-50%)}to{transform:translate(-50%,-9px)}}@keyframes key-pulse{0%{filter:brightness()}to{filter:brightness(1.25)}}.kb-key.ok{background:var(--ok)!important}.kb-key.bad{background:var(--bad)!important}.battle{grid-template-rows:auto 1fr auto auto;gap:6px;height:100vh;padding:12px 24px 104px;display:grid;position:relative}.hud{justify-content:space-between;align-items:center;gap:16px;display:flex}.hearts{gap:4px;min-width:200px;display:flex}.hearts canvas{width:28px;height:24px}.hud-mid{text-align:center}.level-name{color:#fff;text-shadow:2px 2px #0000008c;font-size:24px}.speed{font-family:var(--font-pixel);color:#fff;text-shadow:2px 2px #000;margin-top:4px;font-size:10px}.hud-right{align-items:center;gap:12px;display:flex}.boss-bar-wrap{width:300px}.waves{justify-content:center;gap:4px;margin-bottom:4px;display:flex}.wave-dot{background:#3a2a44;border:2px solid #000;width:16px;height:10px}.wave-dot.done{background:#52c41a}.wave-dot.current{background:#ff6fd2;animation:.5s infinite alternate key-pulse}.boss-name{color:#f9c0ff;text-shadow:2px 2px #000;text-align:center;margin-bottom:4px;font-size:18px}.boss-bar{background:#2a1436;border:3px solid #000;height:18px;position:relative;box-shadow:0 3px #0006}.boss-bar-fill{background:linear-gradient(#ff6fd2 0 50%,#c0208f 50% 100%);height:100%;transition:width .15s steps(3,end)}.boss-hp-text{font-family:var(--font-pixel);color:#fff;text-shadow:1px 1px #000;place-items:center;font-size:9px;display:grid;position:absolute;inset:0}.stage{justify-content:space-evenly;align-items:flex-end;min-height:0;padding-bottom:8px;display:flex;position:relative}.player{display:inline-block;position:relative}.player .hero{display:block}.player .sword{transform-origin:12% 88%;position:absolute;top:28%;right:-30px;transform:rotate(-20deg)}.player.swing .sword{animation:.26s ease-out swing}@keyframes swing{0%{transform:rotate(-20deg)}40%{transform:rotate(75deg)translate(8px)}to{transform:rotate(-20deg)}}.player.ouch{animation:.36s ouch}@keyframes ouch{0%,to{filter:none;transform:translate(0)}30%{filter:sepia()saturate(6)hue-rotate(-40deg);transform:translate(-18px)}}.boss{animation:2.4s ease-in-out infinite bob;position:relative}.boss .boss-canvas{display:block}.boss.enraged{animation:1s ease-in-out infinite bob}.boss.enraged .boss-canvas{filter:saturate(1.8)contrast(1.15)drop-shadow(0 0 14px #ff3c00d9)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.boss.hurt{animation:.3s shake}.boss.hurt .boss-canvas{filter:sepia()saturate(9)hue-rotate(-40deg)brightness(1.2)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-14px)}40%{transform:translate(12px)}60%{transform:translate(-7px)}80%{transform:translate(4px)}}.boss.attack{animation:.36s lunge}@keyframes lunge{0%,to{transform:translate(0)}40%{transform:translate(-70px)scale(1.06)}}.boss.dead{animation:1.1s forwards die}.boss.dead .boss-canvas{filter:sepia()saturate(9)hue-rotate(-40deg)}@keyframes die{0%{opacity:1;transform:rotate(0)}55%{opacity:1;transform:rotate(90deg)translateY(24px)}to{opacity:0;transform:rotate(90deg)translateY(48px)}}.taunt{white-space:nowrap;color:#222;background:#fff;border:3px solid #000;padding:6px 12px;font-size:18px;animation:3.2s forwards taunt-fade;position:absolute;top:-46px;left:50%;transform:translate(-50%)}@keyframes taunt-fade{0%,75%{opacity:1}to{opacity:0;visibility:hidden}}.pop{font-family:var(--font-pixel);color:#fff;text-shadow:3px 3px #000;pointer-events:none;font-size:20px;animation:.8s forwards popup;position:absolute;top:0}@keyframes popup{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-80px)}}.combo{font-family:var(--font-pixel);color:var(--accent);text-shadow:3px 3px #000;font-size:22px;position:absolute;top:10%;left:50%;transform:translate(-50%)}.target-box{justify-content:center;justify-self:center;gap:8px;min-width:300px;margin-bottom:22px;padding:12px 30px;display:flex;position:relative}.char{font-family:var(--font-pixel);color:#4a4a4a;padding:8px 6px;font-size:40px;line-height:1}.char.done{color:#1f8f2a}.char.current{color:#000;background:var(--accent);animation:.9s steps(2,end) infinite blink;box-shadow:0 4px #000}@keyframes blink{50%{background:#fff}}.target-box:after{content:attr(data-zh);color:#fff;text-shadow:2px 2px #000;white-space:nowrap;font-size:17px;position:absolute;bottom:-26px;left:50%;transform:translate(-50%)}.target-box.golden{background:linear-gradient(#fff3b0,#ffd84d);box-shadow:inset 4px 4px #fff,inset -4px -4px #b8860b,0 0 26px #ffd84d}.target-box.golden .char{color:#7a4a00}.target-box.golden .char.current{background:#fff}.target-box.golden:before{content:"金色目标 ×3";color:#ffd84d;text-shadow:2px 2px #000;white-space:nowrap;font-size:15px;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.flash{opacity:0;pointer-events:none;z-index:5;background:#ff1e1e59;position:fixed;inset:0}.flash.on{animation:.3s flash}@keyframes flash{0%{opacity:1}to{opacity:0}}.particle{pointer-events:none;z-index:3;width:8px;height:8px;animation:.7s cubic-bezier(.2,.8,.3,1) forwards particle-fly;position:absolute;top:45%;left:50%;box-shadow:0 0 0 1px #00000059}@keyframes particle-fly{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--dx), var(--dy)) rotate(180deg);opacity:0}}.slash{pointer-events:none;z-index:3;width:140%;height:8px;transform:rotate(var(--angle)) scaleX(0);background:linear-gradient(90deg,#0000,#fff 30%,#ffe14d 50%,#fff 70%,#0000);animation:.3s ease-out forwards slash-cut;position:absolute;top:50%;left:-20%;box-shadow:0 0 14px #fff,0 0 30px #ffe14d}.slash.tier-2{height:12px}.slash.tier-3{background:linear-gradient(90deg,#0000,#fff 25%,#ff8c1a 50%,#fff 75%,#0000);height:18px;box-shadow:0 0 20px #ff8c1a,0 0 40px #ff3b3b}@keyframes slash-cut{0%{transform:rotate(var(--angle)) scaleX(0);opacity:1}50%{transform:rotate(var(--angle)) scaleX(1);opacity:1}to{transform:rotate(var(--angle)) scaleX(1.15);opacity:0}}.shake-1{--amp:4px;animation:.3s screen-shake}.shake-2{--amp:9px;animation:.3s screen-shake}.shake-3{--amp:16px;animation:.35s screen-shake}@keyframes screen-shake{0%,to{transform:translate(0)}20%{transform:translate(calc(var(--amp) * -1), var(--amp))}40%{transform:translate(var(--amp), calc(var(--amp) * -.6))}60%{transform:translate(calc(var(--amp) * -.6), calc(var(--amp) * .4))}80%{transform:translate(calc(var(--amp) * .4), 0)}}.boss.hurt-strong{animation:.3s shake}.boss.hurt-strong .boss-canvas{filter:sepia()saturate(12)hue-rotate(-40deg)brightness(1.8)}.flash.white{background:#fff5c88c}.pop.tier-1{color:#ffe14d;font-size:26px}.pop.tier-2{color:#ff8c1a;font-size:34px;animation:.9s forwards popup-big}.pop.tier-3{color:#ff4d4d;text-shadow:4px 4px #000,0 0 18px #ffe14d;font-size:44px;animation:.9s forwards popup-big}@keyframes popup-big{0%{opacity:1;transform:translateY(0)scale(.5)rotate(-8deg)}30%{opacity:1;transform:translateY(-30px)scale(1.3)rotate(4deg)}to{opacity:0;transform:translateY(-110px)scale(1)rotate(0)}}.combo.tier-1{color:#ffe14d;font-size:24px}.combo.tier-2{color:#ff8c1a;font-size:30px}.combo.tier-3{color:#ff5c5c;font-size:36px;animation:.8s linear infinite rainbow}.combo.bump{animation:.2s bump}@keyframes bump{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.35)}}@keyframes rainbow{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}.announce{font-family:var(--font-pixel);color:#fff;text-shadow:4px 4px #000;white-space:nowrap;pointer-events:none;z-index:6;background:#0000008c;border:4px solid #fff;padding:10px 22px;font-size:26px;animation:1.2s ease-out forwards announce;position:absolute;top:32%;left:50%;transform:translate(-50%,-50%)}.announce.tier-2{color:#ff8c1a;border-color:#ff8c1a}.announce.lower{top:54%}.announce.tier-3{color:#ff4d4d;border-color:#ffe14d;font-size:32px}@keyframes announce{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}30%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-70%)scale(1)}}.frenzy:after{content:"";pointer-events:none;z-index:4;animation:.5s ease-in-out infinite alternate frenzy-pulse;position:fixed;inset:0;box-shadow:inset 0 0 90px 24px #ff5a0073}@keyframes frenzy-pulse{0%{opacity:.6}to{opacity:1}}.fireworks{pointer-events:none;image-rendering:pixelated;position:fixed;inset:0}.fireworks.front{z-index:7}.fireworks.back{z-index:0}.victory-banner{text-align:center;pointer-events:none;z-index:8;animation:.7s cubic-bezier(.2,1.6,.4,1) both victory-in;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.victory-title{color:#ffe14d;letter-spacing:6px;text-shadow:4px 4px #7a4a00,8px 8px #00000073,0 0 30px #ffe14dcc;font-size:64px;animation:.6s ease-in-out infinite alternate victory-glow}.victory-sub{font-family:var(--font-pixel);color:#fff;text-shadow:3px 3px #000;letter-spacing:4px;margin-top:10px;font-size:22px}@keyframes victory-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)rotate(-6deg)}60%{opacity:1;transform:translate(-50%,-50%)scale(1.15)rotate(2deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}}@keyframes victory-glow{0%{filter:brightness()}to{filter:brightness(1.35)}}.player.cheer .hero{animation:.45s ease-in-out infinite cheer}.player.cheer .sword{animation:.45s ease-in-out infinite cheer-sword}@keyframes cheer{0%,to{transform:translateY(0)}50%{transform:translateY(-36px)}}@keyframes cheer-sword{0%,to{transform:translateY(0)rotate(-20deg)}50%{transform:translateY(-36px)rotate(-60deg)}}.home{flex-direction:column;align-items:center;min-height:100vh;padding:28px 24px 120px;display:flex}.home-header{text-align:center;margin-bottom:18px;animation:.6s cubic-bezier(.2,1.4,.4,1) drop-in}.title{color:#ffe14d;text-shadow:4px 4px #7a4a00,8px 8px #00000059;letter-spacing:4px;margin:0;font-size:56px}.subtitle{color:#fff;text-shadow:2px 2px #00000080;margin:8px 0 0;font-size:22px}@keyframes drop-in{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.level-grid{grid-template-columns:repeat(4,200px);justify-content:center;gap:18px;display:grid}@media (width<=900px){.level-grid{grid-template-columns:repeat(2,200px)}}.level-card{font-family:var(--font-ui);cursor:pointer;animation:.5s backwards card-in;animation-delay:calc(var(--i,0) * 60ms);background:#c6c6c6f7;border:4px solid #000;flex-direction:column;align-items:center;gap:4px;padding:12px 10px 10px;transition:transform .12s;display:flex;box-shadow:inset 4px 4px #fff,inset -4px -4px #555,0 8px #00000040}.level-card:hover:not(:disabled){background:#dfe6ff;transform:translateY(-6px)}.level-card:disabled{cursor:not-allowed;color:#bdbdbd;background:#6b6b6b}.level-card:disabled .card-boss{filter:brightness(0)opacity(.5)}.level-card .card-boss{width:auto;height:100px;display:block}.level-card .level-no{color:#444;font-size:15px}.level-card:disabled .level-no{color:#bdbdbd}.level-card .level-title{color:#1b1b1b;font-size:20px}.level-card:disabled .level-title{color:#ddd}.level-card .level-hint{color:#555;min-height:2.4em;font-size:13px}.level-card .level-waves{color:#7a5a00;font-size:12px}.level-card:disabled .level-waves,.level-card:disabled .level-hint{color:#aaa}.level-card .stars{font-size:20px}.level-card:disabled .stars{color:#ddd;text-shadow:none;font-size:15px}@keyframes card-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.home-tools{margin-top:10px}.player-card{align-items:center;gap:18px;width:min(860px,92vw);margin-bottom:18px;padding:12px 20px;display:flex}.player-info{flex-direction:column;flex:1;gap:6px;display:flex}.player-level{font-size:26px}.player-level .rank{color:#b3261e;margin-left:10px;font-size:22px}.xp-bar{background:#2a2a2a;border:3px solid #000;height:16px;box-shadow:inset 0 3px #0006}.xp-fill{background:linear-gradient(#b9ff6b 0 50%,#52c41a 50% 100%);height:100%;transition:width .6s}.xp-text{font-family:var(--font-pixel);color:#333;font-size:10px}.player-stats{color:#555;font-size:16px}.xp-panel{text-align:left;margin:4px 0 18px}.xp-total{color:#1f8f2a;text-align:center;margin-bottom:6px;font-size:26px}.xp-rows{grid-template-columns:1fr auto;gap:4px 16px;margin:0 0 10px;font-size:16px;display:grid}.xp-rows dt{color:#555}.xp-rows dd{font-family:var(--font-pixel);text-align:right;margin:0;font-size:12px}.xp-level{margin-bottom:6px;font-size:18px}.level-up{color:#ff8c1a;text-align:center;text-shadow:3px 3px #000;margin-bottom:8px;font-size:30px;animation:.9s cubic-bezier(.2,1.4,.4,1) level-up}@keyframes level-up{0%{opacity:0;transform:scale(.3)}60%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.home-tip{color:#fff;text-shadow:2px 2px #00000080;margin-top:22px;font-size:18px}.result-wrap{place-items:center;min-height:100vh;padding:24px 24px 120px;display:grid}.result{text-align:center;width:min(560px,92vw);padding:28px 24px;animation:.5s cubic-bezier(.2,1.4,.4,1) drop-in}.result-boss canvas{display:inline-block}.result.won .result-boss canvas{filter:grayscale(.7)opacity(.6)}.result-title{margin:10px 0 4px;font-size:34px}.result.won .result-title{color:#1f8f2a}.result.lost .result-title{color:#b3261e}.stats{grid-template-columns:auto auto;justify-content:center;gap:6px 18px;margin:12px 0;font-size:18px;display:grid}.stats dt{text-align:right;color:#555}.stats dd{text-align:left;font-family:var(--font-pixel);margin:0;font-size:15px}.actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.player-head{align-items:center;gap:12px;display:flex}.player-name{color:#1b1b1b;font-size:28px}.player-head .mc-btn:first-of-type{margin-left:auto}.hero-name{white-space:nowrap;color:#fff;text-shadow:2px 2px #000;font-size:18px;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.profile-dialog{width:min(600px,92vw);font-family:var(--font-ui);color:var(--ink);padding:20px 24px}.profile-dialog::backdrop{background:#0000008c}.profile-title{text-align:center;margin:0 0 14px;font-size:30px}.profile-body{align-items:flex-start;gap:20px;display:flex}.profile-preview{background:#00000014;border:3px solid #000;flex:none;padding:10px}.profile-fields{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.profile-label{flex-direction:column;gap:4px;font-size:18px;display:flex}.profile-name{font-family:var(--font-ui);color:var(--ink);background:#fff;border:3px solid #000;width:100%;padding:6px 10px;font-size:22px}.profile-name:focus{outline:3px solid var(--accent)}.swatch-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.swatch-label{width:44px;font-size:18px}.swatch{cursor:pointer;border:3px solid #000;width:30px;height:30px;padding:0;box-shadow:inset 2px 2px #ffffff80,inset -2px -2px #0000004d}.swatch:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.swatch.selected{outline-offset:2px;outline:3px solid #000;transform:scale(1.15)}.profile-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.story-wrap,.finale-wrap{place-items:center;min-height:100vh;padding:24px 24px 120px;display:grid}.story,.finale{width:min(780px,94vw);padding:24px 28px;animation:.5s cubic-bezier(.2,1.4,.4,1) drop-in}.story-head{align-items:baseline;gap:14px;margin-bottom:14px;display:flex}.story-chapter{font-family:var(--font-pixel);color:#7a4a00;letter-spacing:2px;font-size:12px}.story-title{color:#1b1b1b;margin:0;font-size:34px}.story-body{align-items:flex-start;gap:22px;display:flex}.story-cast{flex-direction:column;flex:none;align-items:center;gap:12px;display:flex}.story-spirit canvas{animation:2s ease-in-out infinite bob}.silhouette{filter:brightness(0)opacity(.55)}.story-text{color:#222;cursor:pointer;flex:1;min-height:170px;font-size:20px;line-height:1.65}.story-text .story-p{min-height:1.65em;margin:0 0 12px}.story-tip{color:#5a3a00;background:#fff7cf;border:3px solid #000;margin-top:10px;padding:10px 14px;font-size:17px}.story-actions{justify-content:flex-end;align-items:center;gap:14px;margin-top:16px;display:flex}.story-hint{color:#666;font-size:14px}.story-panel{flex-direction:column;gap:6px;width:min(860px,92vw);margin-bottom:18px;padding:12px 20px;display:flex}.story-panel-head{align-items:center;gap:12px;display:flex}.story-panel-title{font-size:22px}.story-panel-count{font-family:var(--font-pixel);color:#555;font-size:10px}.chapter-dots{gap:4px;display:flex}.chapter-dot{background:#6b6b6b;border:2px solid #000;width:18px;height:12px}.chapter-dot.done{background:#52c41a}.chapter-dot.current{background:#ffe14d;animation:.6s infinite alternate key-pulse}.story-panel-line{color:#333;font-size:16px}.story-panel-goal{color:#7a4a00;font-size:15px}.story-panel-status{color:#1f8f2a;font-size:15px}.story-panel .mc-btn{align-self:flex-start;margin-top:4px}.result-story{text-align:left;color:#333;background:#fff7cf;border:3px solid #000;align-items:flex-start;gap:12px;margin:0 0 16px;padding:12px 14px;font-size:17px;line-height:1.55;display:flex}.result-story p{margin:0 0 6px}.result-story canvas{flex:none}.finale{text-align:center}.finale-title{color:#b3261e;text-shadow:3px 3px #00000026;margin:4px 0 14px;font-size:40px}.finale .story-text{text-align:left}.finale .story-actions{justify-content:center}.posture-figure svg{width:100%;max-width:520px;height:auto;margin:0 auto;display:block}.posture-tips{color:#333;grid-template-columns:1fr 1fr;gap:6px 18px;margin:14px 0 0;padding-left:22px;font-size:17px;line-height:1.5;display:grid}.posture-tips strong{color:#b3261e;margin-right:6px}.posture-dialog{width:min(760px,94vw);font-family:var(--font-ui);color:var(--ink);padding:20px 24px}.posture-dialog::backdrop{background:#0000008c}.posture-title{text-align:center;margin:0 0 12px;font-size:30px}.story-guide{background:#ffffff73;border:3px solid #000;align-items:center;gap:16px;margin-top:12px;padding:10px 14px;display:flex}.story-guide-figure{flex:0 0 360px}.story-guide-figure svg{width:100%;height:auto;display:block}.story-guide-side{flex-direction:column;flex:1;align-items:flex-start;gap:8px;display:flex}.story-guide-caption{color:#333;font-size:16px;line-height:1.5}@media (width<=700px){.story-guide{flex-direction:column}.story-guide-figure{flex-basis:auto;width:100%}.posture-tips{grid-template-columns:1fr}}.shooter{grid-template-rows:auto 1fr auto auto;gap:6px;height:100vh;padding:12px 24px 104px;display:grid;position:relative}.sky{min-height:0;position:relative;overflow:hidden}.sky canvas.field{width:100%;height:100%;display:block}.sky .combo{top:8px}.sky .pop{position:absolute;transform:translate(-50%)}.shooter .target-box{min-height:72px}.shooter .target-box:before{color:#fff;text-shadow:2px 2px #000;white-space:nowrap;font-size:15px;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.shooter .target-box.locked:before{content:"已锁定 · 打完整个词就开火"}.shooter .target-box.suggest{opacity:.8}.shooter .target-box.suggest:before{content:"打第一个字母锁定它"}.score-wrap{text-align:center;min-width:220px}.score{font-family:var(--font-pixel);color:#fff;text-shadow:2px 2px #000;margin-top:4px;font-size:11px}.weapon-badge{font-family:var(--font-pixel);color:#fff;text-shadow:2px 2px #000;background:#0000008c;border:3px solid #000;padding:8px 12px;font-size:11px;position:absolute;bottom:12px;right:12px}.weapon-badge.tier-1{color:#ffe14d}.weapon-badge.tier-2{color:#ff8c1a;box-shadow:0 0 14px #ff8c1acc}.weapon-badge.tier-3{color:#5cf0e8;animation:.4s infinite alternate key-pulse;box-shadow:0 0 22px #5cf0e8}.shooter-locked{color:#7a4a00;background:#fff7cf;border:3px solid #000;padding:8px 12px;font-size:16px}.stage-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}@media (width<=900px){.stage-grid{grid-template-columns:repeat(2,1fr)}}.stage-card{font-family:var(--font-ui);cursor:pointer;background:#e9eef5;border:3px solid #000;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;display:flex;box-shadow:inset 3px 3px #fff,inset -3px -3px #8a8a8a}.stage-card:hover:not(:disabled){background:#dfe6ff;transform:translateY(-3px)}.stage-card:disabled{cursor:not-allowed;color:#ccc;background:#6b6b6b}.stage-card:disabled .card-boss{filter:brightness(0)opacity(.5)}.stage-card .level-title{font-size:16px}.stage-card .level-hint{color:#555;font-size:12px}.stage-card:disabled .level-hint{color:#bbb}.stage-best{font-family:var(--font-pixel);color:#1f8f2a;font-size:9px}.stage-card:disabled .stage-best{color:#ccc}.training-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.training-note{color:#555;font-size:14px}.training-section{flex-direction:column;gap:6px;display:flex}.training-title{font-size:20px}.training-sub{color:#555;font-size:15px}.stage-grid.cols-3{grid-template-columns:repeat(3,1fr)}.mole{grid-template-rows:auto 1fr auto;gap:6px;height:100vh;padding:12px 24px 104px;display:grid;position:relative}.lawn{place-items:center;min-height:0;display:grid;position:relative}.holes{grid-template-columns:repeat(var(--cols,3), 130px);gap:18px 24px;display:grid}.hole{width:130px;height:120px;position:relative}.hole-window{position:absolute;inset:0 0 26px;overflow:hidden}.hole-dirt{background:#5a3a1e;border:4px solid #000;border-radius:50%/60%;height:40px;position:absolute;bottom:0;left:10px;right:10px;box-shadow:inset 0 8px #3a2410}.mole-pop{flex-direction:column;align-items:center;gap:2px;transition:transform .16s ease-out;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%,110%)}.hole.up .mole-pop{transform:translate(-50%)}.mole-key{font-family:var(--font-pixel);color:#ffe14d;text-shadow:3px 3px #000;background:#0000008c;border:3px solid #000;padding:6px 10px;font-size:20px}.hole.hit .hole-window{animation:.3s hole-hit}@keyframes hole-hit{0%{filter:brightness(2)}to{filter:none}}.hole.escape .hole-dirt{animation:.4s hole-escape}@keyframes hole-escape{0%,to{background:#5a3a1e}50%{background:#b3261e}}.mole-progress{color:#fff;text-shadow:2px 2px #000;font-size:16px}.race{grid-template-rows:auto 1fr auto auto;gap:8px;height:100vh;padding:12px 24px 104px;display:grid;position:relative}.race .hud{justify-content:space-between}.track{flex-direction:column;justify-content:center;gap:6px;min-height:0;padding:8px 0;display:flex}.lane{background:repeating-linear-gradient(90deg,#0000 0 22px,#00000059 22px 28px),linear-gradient(#0000 0 20px,#6b4a2b 20px 26px,#0000 26px 38px,#6b4a2b 38px 44px,#0000 44px 100%);border-bottom:3px solid #00000059;height:64px;position:relative}.lane-name{color:#fff;text-shadow:2px 2px #000;font-size:14px;position:absolute;top:2px;left:8px}.lane-flag{background:repeating-conic-gradient(#fff 0 25%, #000 0 50%) 0 0 / 12px 12px;border:3px solid #000;width:26px;height:26px;position:absolute;top:10px;right:10px}.cart{flex-direction:column;align-items:center;transition:left .12s linear;display:flex;position:absolute;bottom:6px;left:0}.cart .rider{margin-bottom:-6px}.cart.nitro-1{filter:drop-shadow(0 0 6px #ffe14d)}.cart.nitro-2{filter:drop-shadow(0 0 10px #ff8c1a)}.cart.nitro-3{filter:drop-shadow(0 0 16px #5cf0e8);animation:.8s linear infinite rainbow}.race-text{flex-wrap:wrap;justify-content:center;justify-self:center;gap:4px;max-width:900px;padding:12px 22px;display:flex}.race-text .char{min-width:14px;padding:4px 3px;font-size:22px}.race-meaning{text-align:center;color:#fff;text-shadow:2px 2px #000;margin-top:-4px;font-size:17px}.workbench-panel,.daily-panel{flex-direction:column;gap:10px;display:flex}.daily-streak{color:#b3261e;font-size:15px}.daily-panel .mc-btn{align-self:flex-start}.resource-row{flex-wrap:wrap;gap:10px;display:flex}.resource{background:#00000014;border:2px solid #000;align-items:center;gap:6px;padding:4px 10px;font-size:15px;display:inline-flex}.resource.short{color:#b3261e;background:#b3261e1f}.result-drops{color:#333;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0 0 14px;font-size:16px;display:flex}.bestiary-dialog{width:min(820px,94vw);font-family:var(--font-ui);color:var(--ink);padding:20px 24px}.bestiary-dialog::backdrop{background:#0000008c}.bestiary-summary{text-align:center;color:#555;margin-bottom:10px;font-size:17px}.bestiary-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.mob-card{background:#ffffff80;border:3px solid #000;flex-direction:column;align-items:center;gap:4px;padding:8px;display:flex}.mob-card.unseen canvas{filter:brightness(0)opacity(.5)}.mob-name{font-size:16px}.mob-count{color:#555;font-size:12px}.bestiary-sub{margin:14px 0 6px;font-size:20px}.word-cloud{flex-wrap:wrap;gap:6px;max-height:160px;display:flex;overflow-y:auto}.word-chip{font-family:var(--font-pixel);background:#fff7cf;border:2px solid #000;padding:6px 8px;font-size:10px}.runner{grid-template-rows:auto 1fr auto auto;gap:6px;height:100vh;padding:12px 24px 104px;display:grid;position:relative}.run-distance{color:#fff;text-shadow:2px 2px #000;font-size:16px}.result-score{font-family:var(--font-pixel);color:#ff8c1a;text-shadow:3px 3px #000;margin:6px 0 2px;font-size:18px}.result-score b{font-size:26px}.rolling,.xp-total.rolling{color:#ff8c1a}.drops-label{color:#333;font-size:16px}.drop{background:#fff7cf;animation:.45s cubic-bezier(.2,1.4,.4,1) drop-pop;position:relative}.drop b{font-family:var(--font-pixel);font-size:12px}.drop.pending,.level-up.pending{display:none}@keyframes drop-pop{0%{opacity:0;transform:scale(.2)translateY(24px)}60%{opacity:1;transform:scale(1.25)}to{transform:scale(1)}}.pickaxe-hint{color:#7a4a12;background:#fff3c4;border:2px dashed #c8961e;padding:6px 10px;font-size:15px}.gear-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width<=720px){.gear-grid{grid-template-columns:1fr}}.gear-card{background:#ffffff80;border:3px solid #000;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.gear-top{align-items:center;gap:12px;display:flex}.gear-top>canvas{flex:none}.gear-name{font-size:18px}.gear-effect{color:#555;font-size:14px}.gear-route{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.route-step{border:2px solid #0000;flex-direction:column;align-items:center;gap:2px;padding:3px 4px;display:flex}.route-step.done{opacity:.7}.route-step.current{background:#1f8f2a26;border-color:#1f8f2a}.route-step.next{border:2px dashed #c8961e}.route-step.locked{opacity:.35;filter:grayscale(.6)}.route-step.glow{background:#ffe14d59;border-color:#ffe14d;animation:1s ease-in-out infinite alternate route-glow}.route-name{color:#333;white-space:nowrap;font-size:11px}.route-arrow{color:#999;font-size:14px}.route-arrow.done{color:#1f8f2a}.gear-action{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.gear-cost{color:#333;flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;display:flex}.gear-max{color:#1f8f2a;font-size:15px}.craft-dialog{text-align:center;width:min(560px,92vw);font-family:var(--font-ui);color:var(--ink);padding:20px 24px 24px;overflow:hidden}.craft-dialog::backdrop{background:#0009}.craft-stage{place-items:center;height:180px;display:grid;position:relative;overflow:hidden}.craft-rays{background:repeating-conic-gradient(from 0deg, #ffe14d73 0 9deg, transparent 9deg 20deg);width:520px;height:520px;margin:-260px 0 0 -260px;animation:12s linear infinite rays-spin;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#000 20%,#0000 62%);mask:radial-gradient(circle,#000 20%,#0000 62%)}.craft-item{filter:drop-shadow(0 0 12px #ffe14de6);animation:.8s cubic-bezier(.2,1.4,.4,1) craft-pop;position:relative}.craft-title{color:#ff8c1a;text-shadow:3px 3px #000;margin:4px 0 6px;font-size:34px;animation:.9s cubic-bezier(.2,1.4,.4,1) level-up}.craft-name{font-size:22px}.craft-name b{color:#1f8f2a}.craft-effect{color:#555;margin:4px 0 12px;font-size:16px}.craft-route{justify-content:center;display:flex}@keyframes craft-pop{0%{opacity:0;transform:scale(.2)rotate(-20deg)}60%{opacity:1;transform:scale(1.25)rotate(6deg)}to{transform:scale(1)rotate(0)}}@keyframes rays-spin{to{transform:rotate(360deg)}}@keyframes route-glow{0%{box-shadow:0 0 #ffe14d80}to{box-shadow:0 0 14px 6px #ffe14de6}}.market-head{align-items:center;gap:14px;display:flex}.market-head>canvas{flex:none}.market-intro{flex-direction:column;flex:1;gap:4px;min-width:200px;display:flex}.wallet{background:#fff7cf;border:3px solid #000;flex-direction:column;align-items:center;gap:2px;padding:8px 14px;display:flex}.wallet-text{font-size:18px}.wallet-yuan{color:#7a4a12;font-size:13px}.market-section{flex-direction:column;gap:8px;display:flex}.market-title{font-size:19px}.trade-row{background:#ffffff80;border:3px solid #000;align-items:center;gap:12px;padding:6px 10px;display:flex}.trade-name{flex:1;font-size:17px}.trade-price{color:#7a4a12;white-space:nowrap;font-size:15px}.trade-action{align-items:center;display:flex}.trade-confirm{color:#b3261e;align-items:center;gap:8px;font-size:14px;display:flex}.material-market{grid-template-columns:auto 1fr auto auto auto auto;align-items:center;gap:6px 12px;font-size:15px;display:grid}.material-market .mc-btn.small{padding:4px 8px;font-size:13px}.material-buttons{gap:6px;display:flex}@media (width<=760px){.market-head{flex-wrap:wrap}.material-market{grid-template-columns:auto 1fr auto auto}}.home{flex-direction:column;align-items:center;gap:12px;min-height:100vh;padding:18px 24px 120px;display:flex}.home-header{margin-bottom:0}.home .title{font-size:44px}.home .subtitle{margin-top:4px;font-size:18px}.home-top{align-items:stretch;gap:12px;width:min(960px,94vw);display:flex}.player-strip{flex:1;align-items:center;gap:14px;padding:10px 16px;display:flex}.player-strip .player-info{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.player-strip .player-head{align-items:baseline;gap:12px;display:flex}.player-strip .player-name{font-size:24px}.player-strip .player-level{color:#b3261e;font-size:17px}.player-strip .player-stats{color:#555;font-size:14px}.player-actions{flex-direction:column;gap:6px;display:flex}.home-toggles{flex-direction:column;justify-content:center;gap:8px;display:flex}.home-toggles .mc-btn{width:150px}.home-tabs{gap:6px;width:min(960px,94vw);margin-bottom:-12px;display:flex}.tab-button{font-family:var(--font-ui);color:#fff;text-shadow:2px 2px #3f3f3f;cursor:pointer;background:#8b8b8b;border:4px solid #000;border-bottom:none;flex:1;padding:10px 6px 12px;font-size:22px;box-shadow:inset 3px 3px #b5b5b5,inset -3px 0 #555}.tab-button:hover{background:#9a9a9a}.tab-button.active{color:#1b1b1b;text-shadow:none;background:#c6c6c6;box-shadow:inset 4px 4px #fff,inset -4px 0 #555}.tab-panel{flex-direction:column;gap:14px;width:min(960px,94vw);padding:18px 20px;display:flex}.tab-panel[hidden]{display:none}.adventure-top{grid-template-columns:3fr 2fr;gap:12px;display:grid}.home .story-panel,.home .daily-panel,.home .training-section,.home .workbench-panel{width:auto;box-shadow:none;background:#ffffff73;border:3px solid #000;margin:0;padding:10px 14px}.home .training-panel{flex-direction:column;gap:12px;width:auto;margin:0;padding:0;display:flex}.home .daily-panel{margin:0}.home .level-grid{grid-template-columns:repeat(4,1fr);gap:12px}.home .level-card{animation:none}.home .home-tip{color:#444;text-shadow:none;text-align:center;margin:0;font-size:15px}@media (width<=760px){.home-top{flex-direction:column}.adventure-top{grid-template-columns:1fr}.home .level-grid{grid-template-columns:repeat(2,1fr)}}.accounts-wrap{place-items:center;min-height:100vh;padding:24px 24px 120px;display:grid}.accounts{text-align:center;width:min(820px,94vw);padding:28px 24px;animation:.5s cubic-bezier(.2,1.4,.4,1) drop-in}.accounts .subtitle{margin:4px 0 18px}.account-grid{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:18px;display:flex}.account-empty{color:#555;width:100%;font-size:17px}.account-card{cursor:pointer;background:#ffffff80;border:3px solid #000;flex-direction:column;align-items:center;gap:6px;width:190px;padding:14px 12px 10px;transition:transform .1s;display:flex;position:relative}.account-card:hover,.account-card:focus-visible{background:#fff7cf;outline:none;transform:translateY(-3px)}.account-card.current{border-color:#1f8f2a;box-shadow:0 0 0 3px #1f8f2a59}.account-name{font-size:22px}.account-summary{color:#555;font-size:13px;line-height:1.5}.account-badge{color:#fff;background:#1f8f2a;border:2px solid #000;padding:2px 6px;font-size:12px;position:absolute;top:8px;right:8px}.account-footer{justify-content:center;align-items:center;min-height:30px;margin-top:4px;display:flex}.account-footer .trade-confirm{flex-wrap:wrap;justify-content:center}.account-new{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.account-input{font-family:var(--font-ui);background:#fff;border:3px solid #000;width:min(240px,60vw);padding:8px 12px;font-size:20px}.account-input.pin{letter-spacing:4px;width:120px}.account-msg{color:#b3261e;margin:-6px 0 12px;font-size:16px}.account-cloud{color:#555;align-items:center;gap:6px;font-size:13px;display:flex}.account-code{font-family:var(--font-pixel);color:#1f8f2a;font-size:11px}.account-restore{margin-top:10px}.sync-note{text-align:center;color:#fff;text-shadow:2px 2px #000;margin:40vh auto 0;font-size:22px}.account-invite{color:#1f8f2a;margin:-6px 0 10px;font-size:18px}.gift-row{flex-wrap:wrap}.gift-wait{color:#7a4a12;font-size:14px}.gift-done{color:#1f8f2a;font-size:14px}.gift-short{color:#b3261e;font-size:14px}.gift-parent{border-top:3px dashed #999;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:6px;display:flex}.parent-dialog{width:min(640px,94vw);font-family:var(--font-ui);color:var(--ink);padding:20px 24px}.parent-dialog::backdrop,.share-dialog::backdrop{background:#0009}.parent-hint{color:#555;margin:0 0 12px;font-size:15px}.parent-msg{color:#b3261e;min-height:20px;margin:10px 0 0;font-size:16px}.parent-form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.parent-form .account-input.name{width:min(220px,50vw)}.parent-form .account-input.pin{letter-spacing:2px;width:130px}.parent-section{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.parent-section .trade-row{gap:10px}.share-dialog{width:min(700px,94vw);font-family:var(--font-ui);color:var(--ink);text-align:center;padding:20px 24px}.share-preview{justify-content:center;display:flex}.share-canvas{width:100%;max-width:640px;height:auto;image-rendering:pixelated;border:3px solid #000}.share-link{word-break:break-all;margin:10px 0 0}.share-dialog .profile-actions{flex-wrap:wrap;justify-content:center}