@font-face{font-family:GameTitle;src:url('assets/fonts/game-title.woff2?v=3') format('woff2');font-display:swap;font-weight:400}@font-face{font-family:GameBody;src:url('assets/fonts/game-body.woff2?v=3') format('woff2');font-display:swap;font-weight:100 900}@font-face{font-family:GameNumbers;src:url('assets/fonts/game-numbers.woff2?v=3') format('woff2');font-display:swap;font-weight:400}
:root{font-family:GameBody,"PingFang SC",sans-serif;color:#f7efd9;background:#15131f;font-synthesis:none;--gold:#ffd978;--muted:#9b8fae;--line:#ffffff12;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}svg{width:20px;height:20px;stroke-width:1.8;vertical-align:middle}#app{position:relative;display:flex;flex-direction:column;max-width:480px;height:100svh;height:100dvh;min-height:560px;margin:auto;background:#252137;overflow:hidden}header{padding:15px 20px 8px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.brand{display:flex;align-items:center;gap:9px;font-family:GameTitle,sans-serif;font-size:25px;line-height:1}.brand small{display:block;font-family:GameBody,sans-serif;font-size:8px;letter-spacing:2px;color:#9f93ae;margin-top:5px}.brand-coin{display:grid;place-items:center;width:35px;height:35px;background:var(--gold);border:3px solid #f8bf51;border-radius:50%;box-shadow:0 3px 0 #9b6b31;color:#88602f;font-family:GameNumbers,sans-serif;font-size:21px;transform:rotate(-12deg)}.header-tools{display:flex;gap:7px}.header-tools button{display:grid;place-items:center;width:32px;height:32px;border:1px solid #54475f;background:#30283f;border-radius:11px;color:#baadc7}.header-tools svg{width:16px;height:16px}.score-row{display:flex;justify-content:space-between;align-items:center;padding:2px 20px 10px;flex-shrink:0}.eyebrow{font-size:9px;color:#a89bb6;letter-spacing:1px}.money{display:flex;align-items:baseline;gap:5px;height:42px}.money small{font-size:17px;color:#b69b6d}.money strong{font-family:GameNumbers,sans-serif;font-size:32px;font-weight:400;line-height:1.4;letter-spacing:-1px}.money>span{font-family:GameTitle,sans-serif;font-size:16px;color:#ccb993}.coin-count{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:6px;background:#342b43;border:1px solid #544160;border-radius:12px;padding:8px 12px}.coin-count svg{width:20px;height:20px;color:#f0c36c}.coin-count strong{font-family:GameNumbers,sans-serif;font-weight:400;font-size:20px;color:var(--gold);line-height:1}.coin-count small{grid-column:1 / 3;font-size:8px;color:#b29bbb;margin-top:4px;text-align:center}.district{margin:0 20px;flex-shrink:0}.district>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#c0accd;margin-bottom:7px}#stage-name{font-family:GameTitle,sans-serif;font-size:15px;color:#e5d6ec}#progress{font-size:9px}.progress-track{height:5px;background:#4d3c59;border-radius:6px;overflow:hidden}.progress-track>i{display:block;width:0;height:100%;background:linear-gradient(90deg,#f0b86d,#ffe09c);border-radius:6px;transition:width .25s}.build-bar{height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:6px;padding:3px 15px;overflow-x:auto;scrollbar-width:none}.build-empty{font-size:8px;color:#897793;letter-spacing:1px}.build-chip{display:flex;align-items:center;gap:3px;border:1px solid #76618555;border-radius:6px;background:#342b43;padding:3px 5px;font-size:8px;white-space:nowrap;color:#ccbbd5}.build-chip svg{width:12px;height:12px;color:var(--color)}.build-chip b{font-family:GameNumbers;font-size:8px;font-weight:400;color:#e6d3b2}.arena{position:relative;flex:1;min-height:200px;margin:0 10px;border:1px solid #594765;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 50% 85%,#55436455,transparent 70%),#1e1b2b;box-shadow:inset 0 0 45px #07071155}.arena:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#ffffff0d .8px,transparent .8px);background-size:17px 17px}canvas{display:block;width:100%;height:100%;touch-action:none;position:absolute;inset:0;cursor:crosshair}#effects{position:absolute;inset:0;pointer-events:none;overflow:hidden}.combo{position:absolute;right:12px;top:8px;display:grid;grid-template-columns:auto auto;column-gap:5px;align-items:baseline;opacity:0;pointer-events:none;transform:rotate(6deg);color:var(--gold);text-shadow:2px 3px #513455}.combo.show{opacity:1}.combo>span{grid-column:1 / 3;font-family:GameTitle,sans-serif;font-size:14px;text-align:center}.combo>strong{font-family:GameNumbers,sans-serif;font-weight:400;line-height:1.05;font-size:40px}.combo>small{font-family:GameTitle,sans-serif;font-size:14px}.aim-guide{position:absolute;bottom:13px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:5px;font-family:GameTitle,sans-serif;font-size:14px;color:#d9c3b1;pointer-events:none;transition:opacity .15s}.aim-guide svg{width:17px;height:17px}.aim-guide.hidden{opacity:0}.arena-help{position:absolute;bottom:12px;right:12px;width:25px;height:25px;border:0;background:transparent;color:#95839f;padding:0}.arena-help svg{width:18px;height:18px}#toast{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);z-index:4;max-width:94%;background:#403049ed;color:#ffe8b6;border:1px solid #9b7d58;border-radius:12px;padding:9px 14px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s}#toast.show{opacity:1}.bottom-controls{padding:8px 15px max(8px,env(safe-area-inset-bottom));flex-shrink:0}.shot-report{display:flex;align-items:center;justify-content:center;gap:5px;height:19px;font-size:9px;color:#b09bb9;margin-bottom:7px;white-space:nowrap}.report-dot{width:4px;height:4px;border-radius:50%;background:#d2a867}.action-row{display:grid;grid-template-columns:1.6fr 1fr;gap:10px}.fire{display:grid;grid-template-columns:27px auto;grid-template-rows:auto auto;column-gap:8px;justify-content:center;align-items:center;height:59px;border:1px solid #ffeab1;border-bottom:4px solid #c2964b;border-radius:14px;background:linear-gradient(#ffe49b,#f5c66f);color:#755030;box-shadow:0 5px 13px #1e142333;transition:transform .1s}.fire>span:first-child{grid-row:1 / 3}.fire>span:first-child svg{width:27px;height:27px}.fire>span:nth-child(2){font-family:GameTitle,sans-serif;font-size:23px;line-height:1;padding-top:7px}.fire small{font-size:8px;opacity:.7;line-height:1;padding-bottom:6px}.fire:active{transform:translateY(2px);border-bottom-width:2px}.fire.flying{background:linear-gradient(#d1b9e8,#b895d2);border-color:#e1c7f5;border-bottom-color:#785796;color:#583b70}.boost{isolation:isolate;position:relative;overflow:hidden;display:grid;grid-template-columns:20px auto;grid-template-rows:auto auto;gap:2px 7px;align-content:center;justify-content:center;height:59px;border:1px solid #776180;border-bottom:4px solid #45324f;border-radius:14px;background:#493954;color:#bfa7c8}.boost>i{position:absolute;inset:0 auto 0 0;width:0;background:#6a4c82;z-index:-1;transition:width .2s}.boost>span{grid-row:1 / 3;align-self:center}.boost>span svg{width:22px;height:22px}.boost b{font-family:GameTitle,sans-serif;font-size:17px;font-weight:400}.boost small{font-family:GameNumbers,sans-serif;font-size:11px}.boost:enabled{border-color:#c0f1d1;border-bottom-color:#539681;color:#effff0;animation:ready 1.3s infinite}.boost:enabled>i{background:linear-gradient(#7aad98,#4b8777)}.bottom-line{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-size:8px;color:#8e7c98}.bottom-line button{font-family:GameBody,sans-serif;font-size:9px;border:0;background:transparent;color:#b19bbb;padding:4px}.bottom-line button:disabled{opacity:.32}.modal{position:fixed;inset:0;z-index:20;padding:18px;display:flex;justify-content:center;align-items:center;background:#16121ed6;backdrop-filter:blur(9px)}.modal.hidden{display:none}.sheet{width:100%;max-width:385px;max-height:94svh;overflow:auto;background:#31263e;border:1px solid #7e5e84;border-radius:24px;box-shadow:0 25px 80px #0008}.cover{height:285px;position:relative;background:#35213d url('assets/cannon-cover.png') center 62%/cover;overflow:hidden}.cover-fade{position:absolute;inset:0;background:linear-gradient(90deg,#251b3388,transparent),linear-gradient(0deg,#31263e,transparent 35%)}.edition{position:absolute;top:17px;left:23px;letter-spacing:1px;color:#e3cfb4;font-size:8px}.cover h1{position:absolute;left:20px;top:41px;font-family:GameTitle,sans-serif;font-size:46px;font-weight:400;line-height:1.08;margin:0;color:#fff4cd;text-shadow:3px 4px #4c3155}.cover h1 em{font-style:normal;font-size:73px;color:#ffe199}.cover h1>span{display:block;margin-top:13px;font-size:17px;color:#f8e0b2}.sheet-content{padding:21px}.sheet h2{font-family:GameTitle,sans-serif;font-size:23px;font-weight:400;margin:0 0 12px;color:#f9e5c3}.sheet p{font-size:11px;line-height:1.9;color:#bda5c6;margin:10px 0}.intro-steps{display:flex;justify-content:space-between;margin:20px 0}.intro-steps>span{font-size:9px;color:#ab91b6}.intro-steps b{font-family:GameTitle,sans-serif;font-weight:400;display:block;font-size:20px;color:#ead2a3;margin-bottom:5px}.primary{display:block;width:100%;padding:15px;border:1px solid #fff0c0;border-bottom:4px solid #bd8848;border-radius:13px;background:linear-gradient(#ffe3a1,#f4c06b);font-family:GameTitle,sans-serif;font-size:21px;color:#76502e}.primary span{float:right}.secondary{display:block;width:100%;padding:12px;border:1px solid #70597d;border-radius:12px;background:#403049;color:#ceb2d7;margin-top:10px;font-family:GameTitle,sans-serif;font-size:18px}.intro-note{display:block;text-align:center;margin-top:10px;color:#9c82a5;font-size:8px}.kicker{color:#d3b376;font-size:9px;letter-spacing:1px;margin-bottom:7px;display:block}.upgrade-title{display:flex;align-items:center;justify-content:space-between}.upgrade-title>span{font-family:GameNumbers;font-size:20px;color:#e4be79}.upgrade-list{display:grid;gap:10px;margin:17px 0 6px}.upgrade-card{position:relative;display:flex;gap:12px;align-items:center;text-align:left;width:100%;border:1px solid color-mix(in srgb,var(--color) 50%,#594065);border-bottom:3px solid color-mix(in srgb,var(--color) 25%,#32203e);border-radius:14px;background:linear-gradient(115deg,color-mix(in srgb,var(--color) 15%,#352740),#352740);padding:14px 12px;transition:transform .15s}.upgrade-card:hover{transform:translateY(-2px)}.upgrade-icon{display:grid;place-items:center;flex-shrink:0;width:41px;height:45px;border-radius:11px;background:var(--color);color:#513d57;box-shadow:0 3px 0 #0002}.upgrade-icon svg{width:25px;height:25px}.upgrade-card b{display:block;font-family:GameTitle,sans-serif;font-size:20px;font-weight:400;color:#f5e5ce}.upgrade-card p{font-size:10px;line-height:1.7;margin:5px 0 0;color:#bca7c5}.upgrade-card em{position:absolute;right:11px;top:8px;color:var(--color);font-style:normal;font-size:8px}.result-money{font-family:GameNumbers,sans-serif;font-size:43px;color:#ffe29a;margin:10px 0 0}.result-money small{font-family:GameTitle;font-size:20px}.result-stats{display:flex;justify-content:space-between;margin:20px 0}.result-stats span{font-size:9px;color:#af93ba}.result-stats b{display:block;font-family:GameNumbers;font-size:24px;font-weight:400;color:#ecd4ee}.rules{font-size:11px;color:#c1a8cc;line-height:1.85;padding-left:17px}.rules li{margin-bottom:9px}.damage-text{position:absolute;pointer-events:none;font-family:GameNumbers;font-size:13px;font-weight:400;color:#fff3ce;text-shadow:1px 2px #49334e;animation:float .7s ease-out forwards;transform:translateX(-50%)}.damage-text.buy{font-family:GameTitle;font-size:22px;color:#ffe082;animation-duration:1s}.damage-text.crit{font-size:20px;color:#ffd070}.big-banner{position:absolute;left:0;right:0;top:40%;text-align:center;pointer-events:none;font-family:GameTitle;font-size:40px;color:#ffe6a2;text-shadow:2px 4px #704765;animation:banner 1.3s forwards;transform:rotate(-6deg)}.big-banner small{display:block;font-family:GameBody;font-size:11px;letter-spacing:2px;color:#f6e1d8;margin-top:5px}.flash{position:absolute;inset:0;pointer-events:none;background:#ffdf8333;animation:flash .35s forwards}.shake{animation:shake .22s}.boosting .arena{border-color:#edc977;box-shadow:0 0 30px #e3b25c22,inset 0 0 35px #ddb07011}@keyframes float{0%{opacity:0;translate:0 5px;scale:.6}15%{opacity:1;scale:1.1}70%{opacity:1}100%{opacity:0;translate:0 -37px;scale:.9}}@keyframes banner{0%{opacity:0;scale:1.8}18%{opacity:1;scale:1}75%{opacity:1}100%{opacity:0;translate:0 -25px}}@keyframes flash{to{opacity:0}}@keyframes ready{50%{box-shadow:0 0 18px #83dba244;filter:brightness(1.12)}}@keyframes shake{25%{translate:2px 0}75%{translate:-2px 1px}}@media(min-width:600px){body{padding:16px}#app{height:calc(100dvh - 32px);max-height:940px;border:1px solid #6a517c;border-radius:26px;box-shadow:0 0 80px #8d589f16}}@media(max-height:720px){header{padding-top:9px;padding-bottom:5px}.brand{font-size:23px}.brand small{font-size:7px}.score-row{padding-bottom:6px}.money{height:34px}.money strong{font-size:28px}.coin-count{padding:6px 10px}.build-bar{height:27px}.bottom-controls{padding-top:5px}.shot-report{font-size:8px;height:17px;margin-bottom:5px}.fire,.boost{height:52px}.fire>span:nth-child(2){font-size:21px}.fire small{font-size:7px}.bottom-line{margin-top:3px}.cover{height:210px}.cover h1{font-size:36px;top:36px}.cover h1 em{font-size:56px}.cover h1>span{font-size:14px;margin-top:8px}.sheet-content{padding:17px}.sheet h2{font-size:21px}.intro-steps{margin:13px 0}.intro-steps b{font-size:18px}.arena{border-radius:13px}.aim-guide{font-size:12px;bottom:10px}.combo>strong{font-size:32px}.combo>span{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.flash{display:none}}