@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/mirror/monster-block/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2) format("woff2"),url(/mirror/monster-block/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff) format("woff")}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/mirror/monster-block/assets/barlow-condensed-latin-800-normal-BKzMuPgK.woff2) format("woff2"),url(/mirror/monster-block/assets/barlow-condensed-latin-800-normal-e9GbPXiK.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/mirror/monster-block/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/mirror/monster-block/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/mirror/monster-block/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(/mirror/monster-block/assets/dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/mirror/monster-block/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2) format("woff2"),url(/mirror/monster-block/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/mirror/monster-block/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2) format("woff2"),url(/mirror/monster-block/assets/dm-sans-latin-700-normal-CUSSCpQX.woff) format("woff")}:root{font-family:DM Sans,sans-serif;color:#283e33;background:#f5f2e9;font-synthesis:none;font-weight:400;--paper:#f5f2e9;--ink:#283e33;--muted:#777c6d;--orange:#e95932;--line:#dcded0;--display:"Barlow Condensed",sans-serif}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;cursor:pointer;background:none}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:5px}button{touch-action:manipulation}svg{width:22px;height:22px;flex-shrink:0}a{color:inherit;text-decoration:none}button:not(:disabled){transition:background .16s,transform .16s,color .16s}button:not(:disabled):active{transform:translateY(2px)}h1,h2,h3,p{margin:0}.hidden{display:none!important}.header{height:102px;margin:0 5%;display:flex;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:20;gap:44px}.brand{display:flex;align-items:center;gap:12px;text-align:left;padding:0;font:800 22px/.86 var(--display);letter-spacing:.3px}.brand>span:last-child{position:relative}.brand-dot{font:12px DM Sans,sans-serif;position:absolute;top:-3px;right:-13px}.brand-mark{position:relative;width:39px;height:38px;border-radius:8px 8px 11px 11px;background:var(--orange);display:flex;align-items:center;justify-content:center;gap:8px;transform:rotate(-5deg)}.brand-mark:before,.brand-mark:after{content:"";position:absolute;top:-6px;width:12px;height:15px;background:var(--orange);border-radius:3px}.brand-mark:before{left:1px;transform:rotate(-20deg)}.brand-mark:after{right:1px;transform:rotate(20deg)}.brand-mark i{width:6px;height:9px;border-radius:2px;background:var(--paper);z-index:1;transform:rotate(5deg)}.header-note{font-size:10px;letter-spacing:1.7px;color:var(--muted);margin-left:12px}.header nav{display:flex;align-items:center;gap:23px;margin-left:auto}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:600;padding:8px 0}.text-button:hover{color:var(--orange)}.text-button svg{width:15px;height:15px}.help-button{font-size:12px}.nav-divider{width:1px;height:18px;background:var(--line)}.language-button{font-size:11px;min-width:28px;padding:10px 0;font-weight:600}.icon-button{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%}.icon-button svg{width:17px;height:17px}.icon-button:hover{background:#e9eadd}main{position:relative;max-width:1800px;margin:auto}.hero{min-height:610px;height:calc(100svh - 276px);max-height:840px;position:relative;padding:66px 5% 44px;display:flex;align-items:center;pointer-events:none}.hero-copy{width:36%;position:relative;z-index:3;pointer-events:auto}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.7px;display:flex;align-items:center;gap:9px}.little-star{color:var(--orange);font-size:25px;font-weight:400;line-height:1}.hero h1{font:800 clamp(76px,7.1vw,119px)/.91 var(--display);letter-spacing:-1.5px;margin-top:24px;margin-bottom:25px}.hero h1>span:last-child{color:var(--orange)}.hero p{max-width:295px;font-size:13px;line-height:1.85;color:#717767}.primary{background:var(--orange);color:#fff7e9;display:flex;justify-content:space-between;align-items:center;gap:25px;min-height:54px;padding:15px 23px;font-size:12px;font-weight:700;letter-spacing:1px;border-radius:5px}.primary:hover{background:#d94b24}.primary svg{width:20px;height:20px}.start-button{margin-top:29px;width:258px;height:61px;box-shadow:0 5px #d1d4c3}.free-note{display:flex;align-items:center;gap:7px;margin-top:17px;font-size:9px;color:#777e6c}.status-dot{width:5px;height:5px;border-radius:50%;background:#7b9264;display:inline-block;flex-shrink:0}.hero-numbers{display:flex;align-items:center;gap:20px;margin-top:39px}.hero-numbers>div{display:flex;align-items:baseline;gap:6px}.hero-numbers strong{font:700 32px var(--display)}.hero-numbers span{font-size:8px;letter-spacing:.6px;color:#838878}.hero-numbers>span{font-size:19px;color:#cdd0c0;font-weight:400}.stage-shell{position:absolute;inset:25px 1% 114px 33%;overflow:hidden}.stage{position:absolute;inset:0;background:radial-gradient(ellipse at 55% 54%,#e9ecdf 0,rgba(238,238,226,.1) 61%,transparent 75%)}.stage canvas{display:block;width:100%;height:100%;outline:0;touch-action:none}.stage-label{position:absolute;z-index:2;top:20px;left:15%;right:8%;display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.1px;font-weight:600;color:#6b7767;pointer-events:none}.stage-coordinate{margin-left:auto;font-size:8px;font-weight:400;letter-spacing:.6px;color:#8c9586}.monster-sticker{position:absolute;right:5.5%;bottom:81px;display:flex;gap:11px;align-items:center;transform:rotate(-5deg);background:#f8f4e7;border:1px solid #cfd5c3;padding:12px 16px;box-shadow:3px 4px #d8ddce;pointer-events:none}.sticker-star{color:var(--orange);font-size:34px;line-height:1}.monster-sticker strong{display:block;font:700 20px var(--display);letter-spacing:.4px}.monster-sticker div>span{display:block;font-size:8px;margin-top:1px;color:#73816a}.scene-bottom{position:absolute;left:12%;right:5%;bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:15px}.asset-status{display:flex;align-items:center;gap:7px;font-size:9px;color:#7a8371}.asset-status .status-dot{background:var(--orange)}.asset-status[data-loaded=true] .status-dot{background:#7b9264}.scene-bottom button{font-size:9px}.scene-bottom button svg{width:12px}.corner{position:absolute;width:15px;height:15px;border-color:#c9d0bd;border-style:solid;pointer-events:none}.corner-a{top:19px;right:5%;border-width:1px 1px 0 0}.corner-b{bottom:50px;left:6%;border-width:0 0 1px 1px}.popups{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:8}.score-pop{position:absolute;font:800 34px var(--display);color:#fffbdf;text-shadow:2px 2px #795440,-1px -1px #795440,1px -1px #795440,-1px 1px #795440;animation:score-pop .8s ease-out forwards;transform:translate(-50%,-50%)}.score-pop.big{font-size:45px;color:#ffe9a3}@keyframes score-pop{0%{opacity:0;transform:translate(-50%,-10%) scale(.8)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-180%)}}.how-strip{margin:0 5%;height:112px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.how-strip>div{display:flex;gap:19px;align-items:center}.step-number{font:700 35px var(--display);color:#b0b9a5}.how-strip h3{font-size:10px;letter-spacing:1px;font-weight:700}.how-strip p{font-size:10px;color:#7c8273;margin-top:7px}.step-arrow{font-size:22px;color:#bcc4b0;font-weight:400;margin:0 18px}footer{margin:0 5%;min-height:62px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#8c9281}footer>div{display:flex;align-items:center;gap:18px}.footer-divider{width:1px;height:12px;background:var(--line)}.tripo-link{font-size:16px;font-weight:700;letter-spacing:-.5px;margin-left:4px;color:#55664e;display:inline-flex;gap:3px;align-items:center;vertical-align:middle}.tripo-link svg{width:11px;height:11px}.record-toggle{display:flex;align-items:center;gap:6px;padding:10px 0;font-size:9px}.record-toggle i{height:6px;width:6px;border:1px solid #a4ae96;border-radius:50%}.record-toggle[aria-pressed=true] i{background:var(--orange);border-color:var(--orange)}body[data-mode=playing],body[data-mode=paused],body[data-mode=ended]{overflow:hidden}body:not([data-mode=ready]) .hero,body:not([data-mode=ready]) .how-strip,body:not([data-mode=ready]) footer{display:none}body:not([data-mode=ready]) .header{height:80px}body:not([data-mode=ready]) main{height:calc(100svh - 80px);max-width:none}body:not([data-mode=ready]) .stage-shell{inset:0;overflow:hidden}body:not([data-mode=ready]) .stage-label,body:not([data-mode=ready]) .monster-sticker,body:not([data-mode=ready]) .scene-bottom,body:not([data-mode=ready]) .corner{display:none}body[data-mode=paused] .stage,body[data-mode=ended] .stage{filter:saturate(.7)}body[data-mode=paused] .stage:after,body[data-mode=ended] .stage:after{content:"";position:absolute;inset:0;background:#f5f2e95c;pointer-events:none}.hud{position:absolute;top:26px;left:5%;right:5%;z-index:5;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.score-hud,.buildings-hud{display:flex;flex-direction:column;min-width:160px}.score-hud>span,.buildings-hud>span{font-size:9px;font-weight:700;letter-spacing:1.6px;color:#78826e}.score-hud>strong,.buildings-hud>strong{font:800 52px/.98 var(--display);letter-spacing:.3px;margin-top:7px}.score-hud small{margin-top:10px;font-size:8px;letter-spacing:1px;color:#7c8772}.score-hud small b{margin-left:5px;color:var(--ink)}.buildings-hud{text-align:right;align-items:flex-end}.buildings-hud>strong small{font-size:26px;color:#a6af99}.damage-track{width:112px;height:3px;background:#d5dccb;margin-top:15px}.damage-track i{display:block;width:100%;height:100%;background:var(--orange);transform-origin:left;transition:transform .2s}.timer-hud{width:92px;height:92px;display:flex;align-items:center;flex-direction:column;justify-content:center;position:absolute;top:-7px;left:50%;transform:translate(-50%);background:#f6f4e8b8;border-radius:50%}.timer-hud svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.timer-hud circle{fill:none;stroke:var(--orange);stroke-width:2.4;stroke-dasharray:276.46;transition:stroke-dashoffset .1s linear}.timer-hud .timer-track{stroke:#d9dece}.timer-hud strong{font:800 38px/.95 var(--display)}.timer-hud span{font-size:6px;letter-spacing:.7px;margin-top:5px;font-weight:600}.timer-hud.urgent strong{color:var(--orange)}.timer-hud.urgent{background:#f9e5d7}.combo{position:absolute;left:5%;top:165px;display:flex;flex-direction:column;color:var(--orange);font-size:9px;letter-spacing:1.5px;font-weight:700;z-index:6;min-width:100px}.combo strong{font:800 58px/.95 var(--display);letter-spacing:-2px}.combo i{height:3px;margin-top:9px;background:var(--orange);transform-origin:left;max-width:100px}.game-controls{position:absolute;bottom:26px;left:5%;right:5%;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px}.move-legend{display:flex;gap:13px;align-items:center;color:#6a7762;font-size:11px}.arrow-keys{display:flex;flex-direction:column;align-items:center;gap:3px}.arrow-keys>span{display:flex;gap:3px}kbd{font-family:inherit;font-size:9px;letter-spacing:.4px;display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:23px;border:1px solid #c2cab6;border-bottom-width:2px;border-radius:4px;padding:3px 6px;background:#f6f4eae8;color:#65725d;font-weight:600}.action-controls{display:flex;gap:11px;align-items:center}.action{display:flex;gap:11px;align-items:center;padding:11px 16px;background:#f9f6ebf0;border:1px solid #cdd4c0;border-radius:8px;box-shadow:0 3px #cdd3c0;min-height:63px;touch-action:none;user-select:none;-webkit-user-select:none}.action>span:last-child{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600}.action kbd{height:23px;font-size:8px}.action-icon{position:relative;display:grid;place-items:center;overflow:hidden}.action-icon svg{width:23px;height:23px;z-index:1}.smash-action{background:var(--orange);color:var(--paper);border-color:#d64c28;box-shadow:0 3px #cf542e}.smash-action:hover{background:#dd4c27}.smash-action kbd{border-color:#f59672;background:#ed754f;color:#fff1df}.stomp-action .action-icon{width:32px;height:32px;border-radius:50%;color:var(--orange)}.stomp-action .action-icon i{position:absolute;inset:0;background:#c8cfbebd;transform-origin:bottom;z-index:2}.stomp-action.cooldown{color:#87927f}.action.has-car{background:#f9e3b5;border-color:#dfa457}.record-indicator{display:flex;gap:7px;align-items:center;font-size:9px;color:#7b8772;min-width:84px;justify-content:flex-end}.record-indicator i{background:var(--orange);width:6px;height:6px;border-radius:50%;animation:rec 1.5s ease-in-out infinite}@keyframes rec{50%{opacity:.3}}.joystick{display:none;position:absolute;z-index:12;width:106px;height:106px;bottom:30px;left:25px;border:1px solid #bbc7af;border-radius:50%;background:#e5eada96;touch-action:none;-webkit-user-select:none;user-select:none}.joystick>span:last-child{position:absolute;width:45px;height:45px;left:30px;top:30px;border:1px solid #93a283;border-radius:50%;background:#c6d1b8d9;box-shadow:0 2px 3px #84957922;pointer-events:none}.joystick-cross:before,.joystick-cross:after{content:"";position:absolute;background:#b6c1aa;left:25px;right:25px;height:1px;top:52px}.joystick-cross:after{transform:rotate(90deg)}.overlay-panel{position:absolute;z-index:15;left:50%;top:50%;transform:translate(-50%,-50%);background:#f8f5eb;border:1px solid #d4d9c8;border-radius:10px;box-shadow:0 15px 90px #34493222}.pause-panel{width:390px;padding:38px;text-align:center}.panel-symbol{color:var(--orange);font-size:35px;letter-spacing:4px}.pause-panel h2{font:700 43px var(--display);margin:13px 0 10px}.pause-panel p{font-size:12px;color:#818776;line-height:1.8}.pause-panel .primary{width:100%;margin-top:23px}.pause-panel>.text-button{margin-top:15px;font-size:11px}.result-panel{padding:29px 34px 20px;width:410px;max-height:calc(100svh - 96px);overflow-y:auto}.result-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.result-top .eyebrow{font-size:8px;letter-spacing:1.1px}.result-stamp{font-size:6px;font-weight:700;letter-spacing:.5px;color:var(--orange);padding:4px 5px;border:1px solid #e59d81;transform:rotate(-5deg)}.result-panel h2{font:800 41px/.98 var(--display);margin-top:20px;letter-spacing:-.5px}.result-panel>p{font-size:10px;color:#848979;margin-top:10px;line-height:1.6}.final-score{display:flex;align-items:baseline;gap:15px;margin-top:16px}.final-score>span{font:800 89px/.95 var(--display);letter-spacing:-1.5px;color:var(--orange)}.final-score small{font-size:7px;letter-spacing:1px;font-weight:600;color:#8a907f}.record-label{font-size:8px;color:var(--orange);font-weight:700;letter-spacing:.8px;min-height:14px;margin-top:6px}.result-stats{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:10px 0 21px}.result-stats>div{display:flex;flex-direction:column;gap:6px}.result-stats b{font:700 24px var(--display)}.result-stats span{font-size:8px;color:#858d7a}.result-panel .primary{width:100%;min-height:49px}.secondary{border:1px solid #aebca2;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border-radius:5px;min-height:44px;margin-top:9px;font-size:11px;font-weight:600}.secondary:hover{background:#ebeedf}.secondary svg{width:16px;height:16px}.export-actions{display:flex;align-items:center;justify-content:space-between;margin-top:11px;gap:10px}.export-actions button{font-size:9px}.export-actions svg{width:13px;height:13px}.result-home{display:flex;margin:8px auto 0;font-size:9px;color:#8c9381;text-decoration:underline;text-underline-offset:3px}.share-fallback{font-size:10px;display:flex;flex-direction:column;gap:8px;margin-top:8px}.share-fallback input{width:100%;padding:8px;border:1px solid var(--line);border-radius:4px;color:var(--ink);background:var(--paper)}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,15px);z-index:50;background:#2e4438;color:#f7f3e5;box-shadow:0 5px 25px #2338281a;max-width:calc(100vw - 40px);width:max-content;font-size:12px;line-height:1.6;padding:12px 22px;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}.toast.show{opacity:1;transform:translate(-50%)}body[data-mode=playing] .toast{bottom:116px}dialog{border:1px solid #d1d7c4;background:#f8f5eb;color:var(--ink);border-radius:10px;width:510px;max-width:calc(100vw - 32px);padding:34px;box-shadow:0 25px 100px #30452a22;max-height:90svh;overflow:auto}dialog::backdrop{background:#354d3b52;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:16px;top:16px;width:29px;height:29px}.dialog-close svg{width:15px;height:15px}dialog>.eyebrow{font-size:8px;letter-spacing:1.1px}dialog h2{font:800 49px var(--display);margin:16px 0 4px}dialog>p{font-size:12px;color:#7d8673}.help-rows{margin-top:23px}.help-rows>div{display:flex;gap:19px;align-items:center;border-top:1px solid var(--line);padding:14px 0}.help-rows kbd{width:110px;font-size:8px;flex-shrink:0}.help-rows strong{font-size:11px}.help-rows p{font-size:10px;color:#7b8671;line-height:1.7;margin-top:3px}.help-tip{display:flex;gap:13px;background:#e8eddd;padding:15px;border-radius:5px;font-size:10px;line-height:1.75;color:#728366;margin:7px 0 23px}.help-tip svg{color:#85976d;width:21px}dialog .primary{width:100%}.graphics-error{position:absolute;inset:30% 10%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.graphics-error h2{font:700 28px var(--display)}.graphics-error p{font-size:12px}.graphics-error .primary{margin:10px auto}html[lang=zh-CN] .hero h1{font-family:DM Sans,PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(49px,5.6vw,87px);line-height:1.14;letter-spacing:-3px;font-weight:800}html[lang=zh-CN] .hero-copy{width:38%}html[lang=zh-CN] .hero p{max-width:270px}html[lang=zh-CN] .hero h1{margin-top:25px;margin-bottom:23px}html[lang=zh-CN] .result-panel h2,html[lang=zh-CN] .pause-panel h2,html[lang=zh-CN] dialog h2{font-family:DM Sans,PingFang SC,sans-serif;font-size:32px;line-height:1.2;font-weight:700}html[lang=zh-CN] .monster-sticker strong{font-size:15px}@media(min-width:1600px){.hero-copy{width:36%}.hero p{font-size:15px;max-width:335px}.primary{font-size:13px}.stage-shell{right:0;left:31%}.header{margin:0 max(5%,calc((100vw - 1640px)/2))}.how-strip{height:130px}.hero{height:calc(100svh - 294px)}}@media(max-width:1150px){.header{height:84px}.header-note{display:none}.hero{padding-top:46px;min-height:580px}.hero h1{font-size:83px}.hero-copy{width:36%}.hero p{font-size:12px;max-width:260px}.stage-shell{inset:24px 0 125px 30%}.stage-label{left:19%;font-size:8px}.stage-coordinate{display:none}.hero-numbers{gap:14px}.hero-numbers>div{gap:4px}.hero-numbers strong{font-size:28px}.hero-numbers span{font-size:7px}.monster-sticker{right:5%;bottom:92px}.how-strip>div{gap:12px}.how-strip h3{font-size:9px;letter-spacing:.4px}.how-strip p{font-size:9px}.step-arrow{margin:0 10px}.scene-bottom{left:18%}.action{padding:10px 12px}.action>span:last-child{gap:7px}.record-indicator{display:none}}@media(max-width:800px){.header{height:78px;margin:0 5%;gap:20px}.header nav{gap:15px}.brand{font-size:19px}.brand-mark{width:33px;height:33px;gap:6px}.brand-mark i{width:5px;height:8px}.hero{min-height:545px;max-height:none;height:auto;padding-top:55px;padding-bottom:30px}.hero h1{font-size:72px}.hero-copy{width:41%}.hero p{font-size:11px;max-width:230px}.eyebrow{font-size:7px;letter-spacing:1px}.little-star{font-size:19px}.start-button{width:225px;font-size:11px;height:55px}.free-note{font-size:8px}.hero-numbers{gap:10px;margin-top:31px}.stage-shell{left:31%;bottom:111px;top:30px}.stage-label{font-size:7px;left:25%;top:0}.monster-sticker{right:6%;bottom:62px;padding:9px}.monster-sticker strong{font-size:17px}.monster-sticker div>span{font-size:7px;max-width:130px}.sticker-star{font-size:28px}.scene-bottom{left:27%;font-size:8px;bottom:0}.asset-status{font-size:7px}.scene-bottom button{font-size:8px}.how-strip{height:101px}.how-strip>div{gap:9px}.step-number{font-size:27px}.how-strip h3{font-size:8px}.how-strip p{font-size:8px;max-width:130px;line-height:1.5}.step-arrow{font-size:17px;margin:0 8px}.header-note{display:none}.game-controls{bottom:24px;left:4%;right:4%;gap:12px}.move-legend{font-size:9px;gap:7px}.action-controls{gap:8px}.action{gap:8px;padding:10px}.action>span:last-child{flex-direction:column;align-items:flex-start;gap:4px;font-size:10px}.action kbd{font-size:7px;height:20px}.hud{left:5%;right:5%;top:20px}.score-hud>strong,.buildings-hud>strong{font-size:45px}.score-hud,.buildings-hud{min-width:110px}.timer-hud{width:81px;height:81px}}@media(max-width:600px){.header{height:74px;margin:0 6%}.header nav{gap:13px}.help-button{font-size:10px}.help-button svg{width:12px}.nav-divider{display:none}.icon-button{width:31px;height:31px}.brand{gap:10px;font-size:18px}.brand-mark{width:29px;height:30px}.hero{padding:36px 7% 0;min-height:0;display:block}.hero-copy{width:100%!important}.eyebrow{font-size:8px;letter-spacing:1.2px}.hero h1{font-size:81px;line-height:.93;margin-top:16px;margin-bottom:17px;letter-spacing:-1px}.hero p{font-size:12px;max-width:315px;line-height:1.75}.start-button{margin-top:21px;width:100%;height:53px;min-height:53px;font-size:12px}.free-note{font-size:9px;justify-content:center;margin-top:13px}.hero-numbers{display:none}.stage-shell{position:relative;inset:auto;height:355px;width:100%;margin-top:18px}.stage{inset:-17px -16px -6px}.stage-label{top:11px;left:7%;right:7%;font-size:7px}.stage-coordinate{display:block;font-size:6px;letter-spacing:0}.monster-sticker{right:7%;bottom:51px;padding:7px 9px;gap:7px}.monster-sticker strong{font-size:16px}.monster-sticker div>span{font-size:6px;max-width:160px}.sticker-star{font-size:26px}.scene-bottom{left:7%;right:7%;bottom:8px}.asset-status,.scene-bottom button{font-size:8px}.corner-a{top:10px;right:5%}.corner-b{left:5%;bottom:44px}.how-strip{margin:0 7%;height:auto;display:block;padding:7px 0}.how-strip>div{padding:15px 0;gap:15px}.step-number{font-size:30px}.how-strip h3{font-size:9px;letter-spacing:.8px}.how-strip p{font-size:10px;max-width:none;margin-top:4px}.step-arrow{display:none}.how-strip>div:not(:last-child){border-bottom:1px solid #e6e8dc}footer{margin:0 7%;min-height:85px;gap:10px;align-items:flex-start;flex-direction:column;justify-content:center;font-size:8px}footer>div{width:100%;justify-content:space-between;gap:10px}.footer-divider{margin-left:auto}.tripo-link{font-size:14px}.record-toggle{font-size:8px;padding:3px 0}body:not([data-mode=ready]) .header{height:67px}body:not([data-mode=ready]) .header nav{gap:10px}body:not([data-mode=ready]) .help-button{display:none}body:not([data-mode=ready]) main{height:calc(100svh - 67px)}body:not([data-mode=ready]) .stage-shell{position:absolute;margin:0;height:auto;width:auto;inset:0}body:not([data-mode=ready]) .stage{inset:0}.hud{top:24px;left:6%;right:6%}.score-hud,.buildings-hud{min-width:80px}.score-hud>span,.buildings-hud>span{font-size:7px;letter-spacing:1px}.score-hud>strong,.buildings-hud>strong{font-size:38px;margin-top:7px}.score-hud small{font-size:6px;letter-spacing:.4px;max-width:100px;line-height:1.6;margin-top:9px}.score-hud small b{margin-left:0;display:block}.buildings-hud>strong small{font-size:18px}.damage-track{width:71px;margin-top:12px}.timer-hud{height:77px;width:77px;top:-5px}.timer-hud strong{font-size:32px}.timer-hud span{font-size:5px}.combo{left:6%;top:150px;min-width:70px;font-size:7px}.combo strong{font-size:44px}.combo i{max-width:65px}.move-legend{display:none}.joystick:not(.hidden){display:block;bottom:max(29px,env(safe-area-inset-bottom));left:21px;width:100px;height:100px}.joystick>span:last-child{width:43px;height:43px;left:28px;top:28px}.joystick-cross:before,.joystick-cross:after{top:49px}.game-controls{left:auto;right:18px;bottom:max(27px,env(safe-area-inset-bottom));gap:0}.action-controls{display:grid;grid-template-columns:repeat(2,64px);gap:9px}.action{min-height:61px;border-radius:50%;width:61px;height:61px;padding:7px;justify-content:center;gap:0;flex-direction:column;box-shadow:0 2px #cdd3c0}.action>span:last-child{align-items:center;font-size:7px;gap:0}.action>span:last-child>kbd{display:none}.action-icon svg{width:20px;height:20px}.action-icon{margin-bottom:3px}.smash-action{width:70px;height:70px;grid-column:2;grid-row:1 / 3;align-self:center;box-shadow:0 3px #cc522a}.smash-action .action-icon svg{width:28px;height:28px}.smash-action>span:last-child{font-size:9px}.stomp-action .action-icon{width:25px;height:25px;margin-bottom:0}.stomp-action.cooldown #stomp-label{display:block;border:none;background:none;height:10px;padding:0;line-height:1;color:#7e8c70;font-size:7px}.stomp-action.cooldown>span:last-child>span{display:none}.overlay-panel{max-width:calc(100vw - 32px)}.pause-panel{width:350px;padding:28px}.result-panel{width:352px;padding:24px 25px 15px;max-height:calc(100svh - 89px)}.result-panel h2{font-size:37px}.final-score>span{font-size:78px}.result-panel .primary{min-height:46px}.result-stats{padding:12px 0;margin-bottom:16px}.result-panel>p{font-size:9px}.final-score{margin-top:13px}.result-top .eyebrow{font-size:7px}.result-stamp{font-size:5px}.toast{font-size:10px;padding:10px 15px;bottom:20px;max-width:calc(100vw - 30px);text-align:center}body[data-mode=playing] .toast{bottom:179px}dialog{padding:28px 23px}dialog h2{font-size:43px}.help-rows>div{gap:12px;padding:12px 0}.help-rows kbd{width:91px;font-size:7px}.help-rows p,.help-tip{font-size:9px}.help-rows strong{font-size:10px}html[lang=zh-CN] .hero h1{font-size:62px;letter-spacing:-2.5px;line-height:1.14;margin-top:16px;margin-bottom:16px}html[lang=zh-CN] .hero p{max-width:315px;font-size:12px}html[lang=zh-CN] .monster-sticker strong{font-size:12px}}@media(max-height:730px)and (min-width:601px){.header{height:75px}.hero{min-height:485px;padding-top:29px;padding-bottom:29px}.hero h1{font-size:82px;margin-top:18px;margin-bottom:20px}.hero-numbers{margin-top:27px}.hero p{font-size:12px}.how-strip{height:95px}.stage-shell{bottom:100px}.result-panel{padding:20px 28px 14px}.result-panel h2{font-size:33px;margin-top:15px}.final-score>span{font-size:67px}.result-stats{padding:11px 0;margin-bottom:14px}.result-panel>p{margin-top:8px}.result-panel .primary{min-height:42px}.secondary{min-height:38px}.export-actions{margin-top:7px}.result-home{margin-top:3px}.result-panel .result-top{gap:8px}.final-score{margin-top:13px}}@media(pointer:coarse)and (min-width:601px){.joystick:not(.hidden){display:block}.move-legend{visibility:hidden}.game-controls{left:auto;right:4%}.action-controls{margin-left:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.score-pop{animation:none!important;opacity:1}.record-indicator i{animation:none!important}}@media(max-width:600px){.hero h1{font-size:clamp(53px,16.9vw,76px);line-height:.98}.hero h1>span{white-space:nowrap}html[lang=zh-CN] .hero h1{font-size:clamp(44px,15.8vw,62px)}}.tripo-wordmark{display:block;width:88px;height:auto;aspect-ratio:660 / 156;color:var(--ink)}.tripo-header{display:flex;align-items:center;gap:12px;min-height:44px}.tripo-header>span{white-space:nowrap;font-size:11px;font-weight:600;letter-spacing:.7px;line-height:1.5}.tripo-header>svg:last-child{width:13px;height:13px;color:#65745a}.tripo-header:hover,.tripo-create-link:hover{color:#546d39}.tripo-hero{margin-top:8px;max-width:370px}.tripo-origin{display:block;color:#68725f;font-size:12px;line-height:1.6}.tripo-create-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;font-size:14px;font-weight:600;line-height:1.4;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#afba98}.tripo-create-link>svg{width:15px;height:15px}.tripo-panel-note{border-top:1px solid var(--line);margin-top:20px;padding-top:18px;text-align:left}.tripo-panel-note>p{color:#68725f;font-size:13px;line-height:1.6;margin:10px 0 3px}.tripo-panel-note .tripo-create-link{width:100%;justify-content:space-between}.tripo-panel-note .tripo-wordmark{width:82px}.tripo-link .tripo-wordmark{width:60px;height:auto}.tripo-link{min-height:36px;gap:6px}.pause-panel{max-height:calc(100svh - 100px);overflow-y:auto}@media(min-width:601px){.hero{min-height:700px}.hero-numbers{margin-top:22px}}@media(min-width:601px)and (max-width:1100px){.hero{min-height:660px;padding-top:36px;padding-bottom:36px}.hero-copy{width:43%}.hero h1{font-size:clamp(56px,8.4vw,83px)}.hero h1>span{white-space:nowrap}html[lang=zh-CN] .hero h1{font-size:clamp(35px,5.6vw,62px)}}@media(max-width:1000px){.tripo-header{display:none}}@media(max-width:600px){.tripo-hero{margin:8px auto 0;text-align:center}.tripo-origin{font-size:12px}.tripo-create-link{font-size:14px}.tripo-panel-note{margin-top:16px;padding-top:14px}.pause-panel{max-height:calc(100svh - 90px)}}:root{--motion-out:cubic-bezier(.16,1,.3,1)}button:not(:disabled){transition:background .16s,transform .14s var(--motion-out),color .16s}.action{position:relative}.action.is-pressed,.action:not(:disabled):active{transform:translateY(3px) scale(.96);box-shadow:0 0 0 transparent}.action.in-reach{border-color:#f5b35c}.action.in-reach .action-icon{color:#fff0b5}.arrow-keys kbd.is-pressed{transform:translateY(2px);background:var(--ink);color:var(--paper);box-shadow:none}.arrow-keys kbd{transition:transform .12s var(--motion-out),background .12s,color .12s}.action.has-car .action-icon{color:#986019}.stomp-action.is-ready .action-icon{color:#526e38}.stomp-action.is-ready:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;top:8px;right:8px;background:#6f914b}#score,#combo-value,#destroyed{display:inline-block;transform-origin:left center;font-variant-numeric:tabular-nums}#timer{font-variant-numeric:tabular-nums}.damage-track i{transition:transform .24s var(--motion-out)}.combo i,#stomp-progress{transition:transform 80ms linear}.joystick:not(.is-active) #joystick-knob{transition:transform .16s var(--motion-out)}.joystick.is-active{border-color:#799263;background:#dce6cfa8}.overlay-panel:not(.hidden){animation:panel-arrive .26s var(--motion-out) both}@keyframes panel-arrive{0%{opacity:0;transform:translate(-50%,calc(-50% + 14px)) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}dialog[open]{animation:dialog-arrive .22s var(--motion-out) both}dialog[open]::backdrop{animation:backdrop-arrive .18s linear both}@keyframes dialog-arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes backdrop-arrive{0%{opacity:0}to{opacity:1}}body[data-mode=playing] .hud{animation:controls-arrive .22s var(--motion-out) both}body[data-mode=playing] .game-controls{animation:controls-arrive .26s var(--motion-out) both}@keyframes controls-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}body[data-mode=paused] .score-pop{animation-play-state:paused}.score-pop{animation-timing-function:var(--motion-out)}.toast{transition:opacity .18s,transform .18s var(--motion-out)}@media(hover:hover){.primary:hover>svg,.tripo-create-link:hover>svg{transform:translate(3px)}.primary>svg,.tripo-create-link>svg{transition:transform .16s var(--motion-out)}}@media(prefers-reduced-motion:reduce){.overlay-panel:not(.hidden),dialog[open],dialog[open]::backdrop,body[data-mode=playing] .hud,body[data-mode=playing] .game-controls{animation:none}.action.is-pressed,.action:not(:disabled):active{transform:none;background:#e7dfc8}.smash-action.is-pressed,.smash-action:not(:disabled):active{background:#c74320}.primary:hover>svg,.tripo-create-link:hover>svg{transform:none}}.character-picker{border:0;padding:0;margin:24px 0 0;max-width:370px;min-width:0}.character-picker legend{width:100%;padding:0 0 10px;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;letter-spacing:.5px}.character-count{font:700 19px var(--display);color:#86917c}.character-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.character-option{position:relative;min-width:0;cursor:pointer}.character-option input{position:absolute;opacity:0;width:1px;height:1px}.character-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:6px 3px 10px;border:1px solid #d7dcca;border-radius:9px;background:#f0f0e5;transition:border-color .16s,background .16s,transform .16s}.character-card img{width:100%;height:82px;object-fit:contain;display:block}.character-card strong{font-size:14px;line-height:1.4;margin-top:4px}.character-card small{font-size:12px;line-height:1.4;color:#616e5e;text-align:center}.character-option input:checked+.character-card{background:var(--character-tint);border-color:var(--character-color);box-shadow:inset 0 0 0 1px var(--character-color)}.character-option input:focus-visible+.character-card{outline:3px solid var(--orange);outline-offset:4px}.character-check{position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:50%;background:var(--character-color);color:#fff;display:none;place-items:center}.character-check svg{width:12px;height:12px}.character-option input:checked+.character-card .character-check{display:grid}.character-status{min-height:22px;margin-top:9px;font-size:12px;line-height:1.6;color:#64735c}.character-picker[aria-busy=true] .character-status{color:#a15631}.hero-actions{display:grid;gap:12px;margin-top:13px;width:100%;max-width:370px}.hero-actions .primary{margin:0;width:100%;height:auto;min-height:61px;font-size:13px;line-height:1.4;letter-spacing:.8px;text-align:left;box-shadow:0 4px #d1d4c3}.tripo-create-button{background:#f5d34e;color:var(--ink);border:1px solid #d1b13b;transition:background .16s,transform .14s var(--motion-out);touch-action:manipulation}.tripo-create-button:hover{background:#ffe274}.tripo-create-button:focus-visible{outline-color:var(--ink)}.hero-actions .tripo-create-button{box-shadow:0 4px #c5a937}.tripo-create-button:active{transform:translateY(2px)}@media(hover:hover){.character-option:hover .character-card{transform:translateY(-2px);border-color:var(--character-color)}}@media(min-width:601px){.hero{min-height:810px;max-height:980px;padding-top:40px;padding-bottom:40px}.hero h1{font-size:clamp(68px,6.8vw,106px)}}@media(max-width:600px){.character-picker{max-width:350px;width:100%;margin:22px auto 0;text-align:left}.character-card img{height:72px}.hero-actions{max-width:350px;margin:13px auto 0}.hero-actions .primary{min-height:56px;padding:15px 20px}.hero{height:auto;min-height:0;padding-bottom:24px}}@media(min-width:601px)and (max-height:850px){.hero{min-height:0;height:auto;padding-top:24px;padding-bottom:32px}.hero h1{font-size:clamp(60px,5.4vw,80px);margin-top:12px;margin-bottom:16px}.character-picker{margin-top:16px}.character-card img{height:58px}}@media(max-width:600px)and (max-height:740px){.hero{padding-top:24px}.hero h1{font-size:clamp(50px,15vw,62px)}html[lang=zh-CN] .hero h1{font-size:clamp(44px,14vw,54px)}.character-picker{margin-top:16px}.character-card img{height:60px}}@media(prefers-reduced-motion:reduce){.character-option:hover .character-card,.tripo-create-button:active{transform:none}}.pause-panel{padding:26px}.pause-panel .panel-symbol{font-size:24px;line-height:1}.pause-panel h2{font-size:35px;margin:10px 0 6px}html[lang=zh-CN] .pause-panel h2{font-size:28px}.pause-tripo-promo{margin-top:20px;padding:18px;border-radius:8px;background:#283e33;color:#fff8e8;text-align:left}.pause-tripo-brand{display:flex;align-items:center;justify-content:space-between;gap:12px}.pause-tripo-brand .tripo-wordmark{width:94px;color:#fff8e8}.pause-tripo-roster{display:flex;align-items:center}.pause-tripo-roster img{display:block;width:44px;height:48px;object-fit:contain}.pause-tripo-roster img+img{margin-left:-8px}.pause-tripo-promo h3{margin-top:12px;font-size:20px;line-height:1.35;letter-spacing:-.3px}.pause-tripo-promo p{margin-top:7px;color:#d5dfc9;font-size:12px;line-height:1.6}.pause-tripo-promo .tripo-create-button{min-height:56px;margin-top:16px;padding:15px 18px;font-size:13px;letter-spacing:.5px;box-shadow:0 3px #a58b29}.pause-tripo-promo .tripo-create-button:focus-visible{outline-color:#fff8e8}.pause-panel .pause-resume{min-height:52px;margin-top:17px;border-color:#96a48d;font-size:12px;letter-spacing:.6px}.pause-panel>.text-button{min-height:38px;margin-top:4px}@media(max-width:380px){.pause-panel{padding:22px}.pause-tripo-promo{padding:16px}.pause-tripo-promo h3{font-size:18px}}#help-dialog{width:640px;padding:32px}#help-dialog>.eyebrow{display:block;padding-right:34px;font-size:11px;line-height:1.5}#help-dialog h2{font-size:56px;line-height:1.05;margin:18px 0 10px}html[lang=zh-CN] #help-dialog h2{font-size:40px;line-height:1.2}#help-dialog>p{font-size:18px;line-height:1.55;color:#53614b}#help-dialog .dialog-close{width:40px;height:40px;top:14px;right:14px}#help-dialog .dialog-close svg{width:20px;height:20px}#help-dialog .help-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;margin-top:24px}#help-dialog .help-rows>div{display:block;padding:16px 0}#help-dialog .help-row-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:32px}#help-dialog .help-rows strong{font-size:17px;line-height:1.4}#help-dialog .help-rows kbd{width:auto;min-width:32px;height:32px;padding:5px 8px;font-size:12px;white-space:nowrap}#help-dialog .help-rows p{font-size:16px;line-height:1.6;color:#53614b;margin-top:8px}#help-dialog .help-tip{font-size:15px;line-height:1.6;color:#465c3d;margin:8px 0 22px}#help-dialog .primary{min-height:56px;font-size:14px}@media(max-width:600px){#help-dialog{padding:26px 22px}#help-dialog h2{font-size:48px}html[lang=zh-CN] #help-dialog h2{font-size:34px}#help-dialog>p{font-size:17px}#help-dialog .help-rows{grid-template-columns:minmax(0,1fr);margin-top:22px}}