@font-face{font-family:Ma Shan Zheng;src:url(../fonts/title.woff2)format("woff2");font-display:swap}@font-face{font-family:"Baloo 2";src:url(../fonts/num.woff2)format("woff2");font-weight:800;font-display:swap}:root{--paper:#f6ecd6;--paper-2:#ead8b2;--paper-3:#d9c08e;--ink:#4a2f1d;--ink-2:#7a4f2c;--sky:#4ea8ec;--sky-2:#2a7fd0;--sky-3:#17589a;--red:#d6303f;--gold:#ffc94a;--brush:"Ma Shan Zheng", "STKaiti", "KaiTi", serif;--num:"Baloo 2", "Arial Rounded MT Bold", "PingFang SC", system-ui, sans-serif;--sans:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px)}html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;height:100%;font-family:var(--sans);color:var(--ink);background:#7f93a2;margin:0;overflow:hidden}#qr{display:none}@media (min-width:980px) and (pointer:fine){body{background:radial-gradient(120% 90% at 50% 20%,#a8b8c4,#6b7f8e)}#qr{background:var(--paper);box-shadow:0 6px 0 var(--paper-3), 0 18px 40px #140a0040;border-radius:24px;flex-direction:column;align-items:center;gap:12px;padding:18px 18px 16px;display:flex;position:fixed;top:50%;right:calc(50% + 31dvh + 48px);transform:translateY(-50%)}#qr img{border-radius:10px;display:block}#qr span{font-family:var(--brush);color:var(--ink);font-size:26px}}#app{background:#b4c2cd;max-width:62dvh;margin:0 auto;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 0 60px #00000040;container-type:size}#gl{width:100%;height:100%;transition:filter .9s;display:block}#app.lost #gl{filter:grayscale(.9)brightness(.72)contrast(1.05)}#ui{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}:where(#ui button){pointer-events:auto;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.hide{display:none!important}.topbar{top:calc(10px + var(--safe-t));align-items:center;gap:10px;height:44px;display:flex;position:absolute;left:12px;right:12px}.icon-btn{width:44px;height:44px;color:var(--ink);box-shadow:0 3px 0 var(--paper-3), 0 6px 14px #1e140a2e;background:#f6ecd6eb;border-radius:14px;place-items:center;display:grid}.icon-btn svg{width:24px;height:24px}.icon-btn:active{box-shadow:0 1px 0 var(--paper-3);transform:translateY(2px)}.chip{color:var(--paper);font-family:var(--brush);white-space:nowrap;background:#4a2f1dc7;border-radius:999px;padding:6px 16px 5px;font-size:22px;line-height:1.1;position:absolute;left:50%;transform:translate(-50%)}.coins{color:#fff4d6;background:#4a2f1dc7;border-radius:999px;align-items:center;gap:6px;height:40px;margin-left:auto;padding:0 14px 0 6px;display:flex}.coins svg{width:30px;height:30px}.coins b{font-family:var(--num);min-width:24px;font-size:21px;font-weight:800;transition:transform .15s}.coins.bump b{color:var(--gold);transform:scale(1.3)}.horde{top:calc(64px + var(--safe-t));flex-direction:column;align-items:center;gap:4px;width:min(64%,300px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.horde-num b{font-family:var(--num);color:#fff;-webkit-text-stroke:5px #b0182a;paint-order:stroke fill;letter-spacing:.5px;font-size:26px;font-weight:800}.horde .bar{background:#28141473;border:2px solid #ffffffd9;border-radius:999px;width:100%;height:12px;overflow:hidden}.horde .bar i{transform-origin:0;background:linear-gradient(#ff5a63,#d01f30);width:100%;height:100%;transition:transform .15s linear;display:block}.screen{flex-direction:column;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}#home{padding:calc(84px + var(--safe-t)) 16px calc(24px + var(--safe-b));box-sizing:border-box;background:linear-gradient(#141e2d47,#0000 32% 55%,#140f0a66);justify-content:space-between}.title-wrap{text-align:center;animation:.7s cubic-bezier(.16,1,.3,1) both drop}.title{isolation:isolate;font-family:var(--brush);color:#fff7e6;letter-spacing:4px;margin:0;font-size:clamp(64px,19vw,92px);font-weight:400;line-height:1;position:relative}.title:before{content:attr(data-text);z-index:-1;color:#7d1620;-webkit-text-stroke:16px #7d1620;text-shadow:0 6px #4a0c12,0 12px 26px #00000059;position:absolute;top:0;bottom:0;left:0;right:0}.home-level b,.chip b{font-family:var(--num);margin:0 2px;font-size:.86em;font-weight:800}.home-level{color:var(--ink);font-family:var(--brush);box-shadow:0 3px 0 var(--paper-3);background:#f6ecd6f0;border-radius:999px;margin-top:14px;padding:6px 18px 4px;font-size:26px;display:inline-block}.home-bottom{flex-direction:column;gap:16px;width:100%;max-width:420px;animation:.6s cubic-bezier(.16,1,.3,1) .15s both rise;display:flex}.upgrades{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.up{background:var(--paper);box-shadow:0 4px 0 var(--paper-3), 0 10px 20px #1e140a38;border-radius:18px;flex-direction:column;align-items:center;gap:2px;padding:10px 4px 8px;transition:transform 80ms;display:flex}.up:active{box-shadow:0 1px 0 var(--paper-3);transform:translateY(3px)}.up-ico{width:46px;height:46px}.up-name{font-family:var(--brush);color:var(--ink);font-size:22px;line-height:1.1}.up-val{font-family:var(--num);color:var(--sky-2);font-size:18px;font-weight:800;line-height:1.1}.up-cost{background:var(--sky);color:#fff;box-shadow:0 2px 0 var(--sky-3);border-radius:999px;align-items:center;gap:3px;margin-top:4px;padding:2px 10px 1px 4px;display:flex}.up-cost svg{width:20px;height:20px}.up-cost b{font-family:var(--num);font-size:16px;font-weight:800}.up.poor .up-cost{background:#b9ab92;box-shadow:0 2px #8d806a}.up.max .up-cost{background:var(--ink-2);box-shadow:0 2px 0 var(--ink)}.up.flash{animation:.35s flash}.btn{background:var(--paper);min-width:120px;height:56px;box-shadow:0 5px 0 var(--paper-3), 0 10px 20px #1e140a38;border-radius:18px;padding:0 22px;transition:transform 80ms;font-family:var(--brush)!important;color:var(--ink)!important;font-size:28px!important}.btn:active{box-shadow:0 1px 0 var(--paper-3);transform:translateY(4px)}.btn.primary{background:linear-gradient(#6fbdf5, var(--sky-2));text-shadow:0 2px 0 var(--sky-3);box-shadow:0 5px 0 var(--sky-3), 0 10px 22px #17589a59;color:#fff!important}.btn.primary:active{box-shadow:0 1px 0 var(--sky-3)}.btn.big{letter-spacing:12px;border-radius:22px;width:100%;min-width:0;height:74px;padding-left:34px;animation:1.6s ease-in-out infinite pulse;font-size:42px!important}.start-row{grid-template-columns:1fr 2.2fr;gap:10px;display:grid}.btn.endless{background:linear-gradient(#ffd56a,#f0a326);border-radius:22px;justify-content:center;align-items:center;gap:4px;min-width:0;height:74px;padding:0 8px;display:flex;box-shadow:0 5px #b06f00,0 10px 22px #b06f004d;color:#5a3200!important;font-size:30px!important}.btn.endless b{font-family:var(--num);background:#5a32002e;border-radius:999px;padding:0 7px;font-size:18px;font-weight:800}.btn.endless b:empty{display:none}.buffs{top:calc(124px + var(--safe-t));justify-content:center;gap:6px;display:flex;position:absolute;left:0;right:0}.buff{font-family:var(--brush);color:#fff;border-radius:999px;padding:3px 10px 2px;font-size:18px;box-shadow:0 2px #00000040}.buff.rapid{background:#e8781e}.buff.freeze{background:#3aa7d9}.buff.shield{background:#4b6fd6}.buff.giant{background:#9a6a1c}.hint{left:50%;bottom:calc(15% + var(--safe-b));width:86%;position:absolute;transform:translate(-50%)}.hint-track{background:#fffffff2;border-radius:3px;height:6px;margin:0 6%;position:relative;box-shadow:0 2px 6px #00000040}.hint .arrow{border:13px solid #0000;width:0;height:0;position:absolute;top:50%;transform:translateY(-50%)}.hint .arrow.l{border-right:20px solid #fff;left:-22px}.hint .arrow.r{border-left:20px solid #fff;right:-22px}.hint .mover{width:0;height:0;animation:1.6s ease-in-out infinite swipe;position:absolute;top:3px;left:50%}.hint .pill{box-sizing:border-box;background:#e9eef3;border:2px solid #8c97a3;border-radius:10px;width:44px;height:20px;position:absolute;top:-10px;left:-22px}.hint .hand{filter:drop-shadow(0 4px 6px #0000004d);width:64px;height:64px;position:absolute;top:-2px;left:-18px}.banner{justify-content:center;display:flex;position:absolute;top:30%;left:0;right:0}.banner span{isolation:isolate;font-family:var(--brush);letter-spacing:6px;color:#fff6dc;font-size:clamp(76px,22vw,110px);line-height:1;animation:.55s cubic-bezier(.2,1.6,.4,1) both stamp;position:relative}.banner span:before{content:attr(data-text);z-index:-1;color:#9a5a0c;-webkit-text-stroke:18px #9a5a0c;text-shadow:0 8px #5e3304,0 0 40px #ffc850cc;position:absolute;top:0;bottom:0;left:0;right:0}.banner.lose span{color:#efe9ff}.banner.lose span:before{color:#3a2a6b;-webkit-text-stroke-color:#3a2a6b;text-shadow:0 8px #1d1440,0 0 40px #5a3cb4b3}.banner.lose:before{content:"";background:linear-gradient(90deg,#0000,#3a2a6bd9 18%,#281c50eb 50%,#3a2a6bd9 82%,#0000);height:92px;margin-top:-46px;animation:.45s ease-out both brush;position:absolute;top:50%;left:6%;right:6%;transform:skewY(-4deg)}.dim{padding-bottom:calc(40px + var(--safe-b));box-sizing:border-box;pointer-events:auto;background:#140e0a40;justify-content:flex-end}#pause.dim{background:#140e0a80;justify-content:center}.panel{background:var(--paper);width:min(86%,360px);box-shadow:0 6px 0 var(--paper-3), 0 20px 40px #140a0059;border-radius:26px;flex-direction:column;align-items:center;gap:16px;padding:18px 18px 22px;animation:.45s cubic-bezier(.16,1,.3,1) both rise;display:flex}.result-title{font-family:var(--brush);color:var(--ink);font-size:44px;line-height:1.1}.result-title.small{font-size:38px}.stats{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.stat{background:var(--paper-2);border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:10px 0 6px;display:flex}.stat svg{width:30px;height:30px}.stat b{font-family:var(--num);color:var(--ink);font-size:22px;font-weight:800}.stat.gold b{color:#b06f00}.row{grid-template-columns:1fr 1.5fr;gap:12px;width:100%;display:grid}.col{flex-direction:column;gap:12px;width:100%;display:flex}@keyframes drop{0%{opacity:0;transform:translateY(-40px)scale(.9)}}@keyframes rise{0%{opacity:0;transform:translateY(40px)}}@keyframes pulse{50%{transform:scale(1.03)}}@keyframes swipe{0%,to{transform:translate(-30cqw)}50%{transform:translate(30cqw)}}@keyframes stamp{0%{opacity:0;transform:scale(2.4)}}@keyframes brush{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes flash{50%{box-shadow:0 4px 0 var(--paper-3), 0 0 0 6px #4ea8ec80;transform:scale(1.08)}}@media (max-width:400px){.chip{padding:5px 12px 4px;font-size:18px}.coins{padding-right:10px}.coins b{font-size:18px}}@media (max-height:640px){.btn.big{height:62px}.up-ico{width:36px;height:36px}}