:root{font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#edf7fb;background:#0b131e;font-synthesis:none;--mint:#6ee9c3;--muted:#94a9b8;--line:#ffffff13}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 25% 0,#172c3d 0,transparent 65%),#0b131e}button{font:inherit;cursor:pointer;border:0;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #fff;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.4}button:hover:not(:disabled){filter:brightness(1.15)}[hidden]{display:none!important}.shell{max-width:1540px;margin:0 auto;padding:22px 28px 14px}.top{height:64px;display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.brand{display:flex;align-items:center;gap:13px}.brandmark{height:37px;width:37px;border:1px solid #67d8bf;transform:rotate(30deg);display:grid;place-items:center;background:#1c494622}.brandmark span{width:17px;height:17px;background:#6ee9c3;box-shadow:0 0 23px #6ee9c355}.brand h1{font-size:25px;letter-spacing:.075em;margin:0 0 5px;font-weight:650}.brand h1>span{font-size:12px;letter-spacing:0;color:#86e8d1;font-weight:550;margin-left:5px;border:1px solid #417364;border-radius:4px;padding:2px 5px;vertical-align:middle}.edition{font-size:10px;letter-spacing:.18em;color:#7c9bac}.top-actions{display:flex;gap:13px;align-items:center}.mission-tag{font-size:12px;letter-spacing:.03em;color:#849cab;margin-right:18px}.mission-tag i{font-style:normal;padding:0 12px;color:#3e5766}.icon-button{width:37px;height:37px;border:1px solid #3d5666;border-radius:50%;background:#14242f;font-size:17px}.quiet{background:#14232e;border:1px solid #354c5c;border-radius:7px;padding:11px 15px;font-size:13px;color:#b5c8d5}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 294px;border:1px solid #3e58654d;border-radius:12px;overflow:hidden;background:#152330;box-shadow:0 20px 80px #0005}.battle{min-width:0;display:flex;flex-direction:column}.hud{display:flex;align-items:center;gap:40px;padding:15px 25px;background:linear-gradient(110deg,#20313f,#152431);border-bottom:1px solid var(--line);min-height:77px}.stat{display:flex;gap:11px;align-items:center}.stat small{display:block;font-size:11px;color:#90a8b8;margin-bottom:5px}.stat strong{font-size:24px;line-height:1;font-variant-numeric:tabular-nums;font-weight:600}.stat-icon{font-size:21px}.gold{color:#f6cd88}.heart{color:#f191a4}.wave-stat{margin-left:auto;gap:26px}.stat i{font-style:normal;font-size:14px;color:#668b9c;font-weight:500}.status{font-size:12px;border:1px solid #45736466;background:#173d3433;border-radius:5px;padding:6px 10px;color:var(--mint);white-space:nowrap}.arena{position:relative;width:100%;height:clamp(440px,67vh,760px);background:#0c1725;overflow:hidden;isolation:isolate}canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.map-caption{position:absolute;top:22px;left:24px;display:flex;flex-direction:column;gap:4px;pointer-events:none;text-shadow:0 2px 8px #000}.sector{font-size:10px;letter-spacing:.2em;color:#91b2bd}.location{font-size:19px;font-weight:550;letter-spacing:.09em;color:#e5eff0}.view-controls{position:absolute;right:17px;top:16px;display:flex;gap:3px;align-items:center;padding:4px;background:#0c1a27d9;border:1px solid #6b849e40;border-radius:7px;backdrop-filter:blur(8px)}.view-controls button{width:32px;height:32px;background:transparent;color:#a9c1cf;font-size:22px;border-radius:4px}.view-controls button:hover{background:#59748533}.view-controls span{height:16px;width:1px;background:#46607388;margin:0 3px}.view-tip{position:absolute;bottom:15px;right:20px;font-size:11px;color:#89a6b4;text-shadow:0 2px 4px #000;pointer-events:none}.view-tip span{padding:0 7px}.pad{position:absolute;left:0;top:0;width:43px;height:43px;transform:translate(-50%,-50%);border:1px solid #75d9c173;background:#143c3cc2;border-radius:50%;color:#b0f4e0;font-size:23px;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 0 19px #3ae8ba12;transition:background .15s,border-color .15s;backdrop-filter:blur(2px)}.pad:hover{background:#29665a;box-shadow:0 0 25px #65f2cb2b}.pad.selected{border:2px solid #d7fff1;box-shadow:0 0 0 4px #6ee9c32a,0 0 22px #6ee9c329}.pad.built{background:transparent;border:0;box-shadow:none;color:transparent;backdrop-filter:none;width:45px;height:45px;border-radius:12px}.pad.built.selected{border:1px solid #d7fff1;box-shadow:0 0 0 4px #6ee9c321}.pad .level{position:absolute;bottom:-5px;right:0;padding:1px 4px;background:#142c36ed;border:1px solid #a8e3c699;border-radius:3px;color:#eafff5;font-size:10px;line-height:14px;min-width:16px}.toast{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);padding:11px 19px;background:#071a27e8;border:1px solid #53978066;border-radius:7px;white-space:nowrap;max-width:94%;font-size:13px;color:#d7eee4;pointer-events:none;transition:opacity .3s;z-index:3;box-shadow:0 10px 20px #0003;backdrop-filter:blur(8px)}.battle-footer{padding:12px 22px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:#8da7b7;background:#10202d;border-top:1px solid var(--line);min-height:43px}.wave-pips{display:flex;gap:5px;align-items:center}.pip{height:5px;width:16px;border-radius:1px;background:#354c5e}.pip.done{background:#6ee9c3}.pip.current{background:#d7f9ee;box-shadow:0 0 8px #6ee9c388}.dock{padding:25px 20px;background:linear-gradient(155deg,#1e303e,#12212d 75%);border-left:1px solid var(--line)}.dock-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.eyebrow{font-size:11px;letter-spacing:.12em;color:#7eaaa9;font-weight:600}.pad-number{font-size:12px;color:#98b8c3;font-variant-numeric:tabular-nums}.dock h3{font-size:19px;letter-spacing:-.02em;margin:0 0 8px;font-weight:600}.hint{font-size:13px;color:#829dab;margin:0 0 25px;line-height:1.75}.tower-list{display:grid;gap:12px}.tower-card{position:relative;text-align:left;padding:15px 13px;display:flex;align-items:center;gap:12px;width:100%;border:1px solid #435f6c77;background:linear-gradient(130deg,#31475788,#20344188);border-radius:8px;min-height:95px;overflow:hidden;transition:transform .15s}.tower-card::after{content:'';position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--tower);opacity:.5}.tower-card:hover{transform:translateY(-1px);border-color:#8eb7c3aa}.tower-icon{width:38px;height:45px;display:grid;place-items:center;flex-shrink:0;color:var(--tower);font-size:31px;text-shadow:0 0 22px currentColor}.tower-copy{min-width:0;flex:1}.tower-card strong{font-size:16px;font-weight:550}.tower-card small{display:block;font-size:11px;color:#98b1bf;margin-top:9px;line-height:1.45}.price{font-size:12px;color:#f4ce8b;white-space:nowrap;position:absolute;right:13px;top:18px}.tower-card.unaffordable .price{color:#dd8c91}.tactical-note{margin-top:32px;border-top:1px solid #3b556344;padding-top:21px}.tactical-note>span{font-size:10px;letter-spacing:.17em;color:#638a98}.tactical-note p{font-size:13px;color:#8aa3b0;line-height:1.9;margin:10px 0 0}.enemy-key{display:flex;gap:7px;align-items:center;margin-top:20px;flex-wrap:wrap;font-size:10px;color:#728d9d}.enemy-symbol{font-style:normal;font-size:19px;color:#d67e90}.enemy-symbol.tank{color:#ab8fc4}.enemy-symbol.boss{color:#eaa27d}.command-bar{grid-column:1/-1;background:#192e3d;border-top:1px solid #4a687455;padding:17px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.command-info>span{display:block;font-size:14px;margin-bottom:6px;color:#d7e9ec}.command-info small{color:#7896a7;font-size:12px}.commands{display:flex;gap:9px}.control{min-width:47px;min-height:46px;padding:0 13px;border:1px solid #526f7d77;border-radius:6px;background:#213b4b;font-size:15px;font-variant-numeric:tabular-nums}.control span{margin-left:4px;font-size:13px}.primary{background:#78e7c5;color:#0b362d;border:1px solid #9af8d2;border-radius:6px;padding:13px 23px;min-height:46px;font-weight:700;font-size:15px;box-shadow:0 5px 20px #4ceab619}.start{min-width:205px;display:flex;justify-content:space-between;align-items:center;gap:25px}.start:disabled{opacity:1;background:#294451;border-color:#4b6371;color:#91afbd;box-shadow:none}.page-footer{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.05em;color:#567385;margin-top:15px;gap:15px}.desktop-hint i{font-style:normal;padding:0 12px}.selected-tower{display:flex;gap:15px;align-items:center;margin-bottom:19px}.selected-tower>span{font-size:39px;width:55px;height:62px;display:grid;place-items:center;background:#0d202c;border:1px solid #375263;border-radius:8px}.selected-tower #tower-level{font-size:13px;color:#86bbaa}.tower-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:27px 0}.tower-stats small{font-size:11px;color:#809fab;display:block;margin-bottom:10px}.tower-stats strong{font-size:24px;font-weight:500;font-variant-numeric:tabular-nums}.upgrade,.sell{width:100%;margin-top:10px}.overlay,.loading,.render-error{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#071521e0;backdrop-filter:blur(7px)}.loading{z-index:8;background:#0b1926;gap:13px}.loading strong{font-size:19px;font-weight:500}.loading small{font-size:12px;color:#719ca9}.loader{width:39px;height:39px;border:2px solid #305851;border-top-color:#79e8c5;border-radius:50%;animation:load 1s linear infinite;margin-bottom:14px}.render-error{text-align:center;padding:30px;z-index:9}.render-error h2{font-size:22px}.render-error p{font-size:14px;line-height:1.7;color:#9cb3bf;max-width:290px}.result{text-align:center;padding:25px}.result-icon{font-size:65px;color:#80f3d0;text-shadow:0 0 60px #6ee9c377;margin-bottom:15px}.result h2{font-size:35px;letter-spacing:.02em;margin:14px 0}.result p{font-size:15px;color:#a6c2ce;margin:0 0 27px;line-height:1.8;white-space:pre-line}.pause-overlay{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);border:1px solid #80b5aa66;background:#122b3ae8;z-index:2;border-radius:9px;padding:22px 32px;text-align:center;pointer-events:none;backdrop-filter:blur(4px)}.pause-overlay strong{font-size:23px;font-weight:550;display:block;margin-bottom:8px;white-space:nowrap}.pause-overlay span{font-size:12px;color:#87b6b9;white-space:nowrap}dialog{color:#dcebf2;background:#1b2d3c;border:1px solid #537568;border-radius:12px;max-width:min(510px,calc(100% - 32px));padding:32px;line-height:1.75;box-shadow:0 25px 90px #0008}dialog::backdrop{background:#06121ad9;backdrop-filter:blur(6px)}dialog h2{font-size:23px;line-height:1.4}dialog p,dialog li{font-size:14px;color:#aac0cc}dialog ol{padding-left:21px}dialog li{margin-bottom:10px}.dialog-close{position:absolute;right:12px;top:7px;background:transparent;font-size:30px;color:#a8becb;padding:0 8px}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}@keyframes load{to{transform:rotate(360deg)}}
@media(max-width:1080px){.shell{padding:15px 18px}.game-layout{grid-template-columns:minmax(0,1fr) 260px}.dock{padding:23px 15px}.hud{gap:25px;padding:15px 19px}.status{display:none}.wave-stat{gap:0}.tower-card{padding:16px 10px;gap:9px}.tower-icon{width:31px}.price{right:10px}.arena{height:clamp(450px,64vh,680px)}.mission-tag{display:none}.view-controls{right:12px;top:14px}.map-caption{left:18px;top:19px}.location{font-size:16px}}
@media(max-width:700px){.shell{padding:12px 10px max(12px,env(safe-area-inset-bottom))}.top{height:46px;margin-bottom:13px}.brand{gap:10px}.brandmark{width:27px;height:27px;margin-left:4px}.brandmark span{width:12px;height:12px}.brand h1{font-size:19px;margin-bottom:5px;letter-spacing:.02em}.brand h1>span{font-size:10px;padding:1px 3px;margin-left:1px}.edition{font-size:7px;letter-spacing:.12em}.top-actions{gap:8px}.top-actions .quiet{padding:9px 9px;font-size:11px}.icon-button{width:31px;height:31px;font-size:15px}.game-layout{grid-template-columns:minmax(0,1fr);border-radius:9px}.hud{padding:12px 14px;min-height:64px;gap:26px}.stat{gap:8px}.stat strong{font-size:22px}.stat small{font-size:10px}.stat-icon{font-size:18px}.arena{height:clamp(340px,51vh,470px);min-height:340px}.map-caption{left:13px;top:13px;gap:4px}.sector{font-size:8px}.location{font-size:14px}.view-controls{top:10px;right:9px;padding:2px;gap:1px;border-radius:5px}.view-controls button{width:27px;height:29px;font-size:20px}.view-controls span{margin:0 2px}.view-tip{font-size:10px;right:12px;bottom:11px}.pad{width:37px;height:37px;font-size:21px}.pad.built{width:42px;height:42px}.pad .level{font-size:9px;padding:0 3px;right:-2px;bottom:-3px}.toast{font-size:11px;padding:9px 11px;bottom:35px}.battle-footer{padding:11px 12px;font-size:11px;min-height:36px}.pip{width:11px;height:4px}.wave-pips{gap:4px}.dock{border-left:0;border-top:1px solid var(--line);padding:13px 12px 14px}.dock-heading{margin-bottom:12px}.eyebrow{font-size:10px}.pad-number{font-size:11px}#build-panel>h3{display:none}#build-panel>.hint{font-size:11px;margin:0 0 11px}.tower-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.tower-card{padding:10px 9px;min-height:113px;display:block}.tower-icon{width:26px;height:28px;font-size:26px;margin-bottom:9px}.tower-card strong{font-size:13px}.tower-card small{font-size:10px;white-space:normal;line-height:1.5;margin-top:5px;letter-spacing:-.02em}.price{font-size:11px;top:17px;right:9px}.tactical-note{display:none}.command-bar{position:sticky;bottom:0;z-index:5;padding:12px;background:#1b3141f5;display:block}.command-info{display:none}.commands{gap:8px}.control{min-width:43px;padding:0 11px;min-height:44px}.control span{display:none}.start{flex:1;min-width:0;justify-content:center;gap:20px;font-size:14px;padding:12px 10px;min-height:44px}.page-footer{font-size:9px;margin:12px 2px;line-height:1.7}.desktop-hint{display:none}.selected-tower{margin-bottom:7px;gap:10px}.selected-tower>span{font-size:28px;width:40px;height:46px}.selected-tower h3{font-size:16px;margin:0 0 4px}.selected-tower #tower-level{font-size:11px}#upgrade-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}#tower-desc{grid-column:1/-1;display:none}.tower-stats{margin:0;align-items:center;grid-column:2;grid-row:1}.tower-stats strong{font-size:18px}.tower-stats small{font-size:9px;white-space:nowrap;margin-bottom:7px}.upgrade,.sell{min-height:40px;padding:9px 6px;font-size:12px;margin-top:6px}.result-icon{font-size:46px;margin-bottom:7px}.result h2{font-size:27px;margin:9px 0}.result p{font-size:13px;margin-bottom:19px}.result .primary{padding:11px 23px;min-height:43px}.pause-overlay{padding:15px 20px}.pause-overlay strong{font-size:19px}.pause-overlay span{font-size:10px}dialog{padding:25px}dialog h2{font-size:20px}}@media(max-width:359px){.shell{padding-left:6px;padding-right:6px}.brand h1{font-size:17px}.edition{font-size:6px}.top-actions .quiet{font-size:10px;padding:8px}.hud{gap:20px}.tower-card{padding:10px 7px}.tower-card small{font-size:9px}.price{right:7px}.view-controls button{width:25px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.loader{animation-duration:3s}}

/* Compact portrait layout; primary targets remain thumb-sized. */
@media(max-width:700px){.arena{height:clamp(300px,44vh,420px);height:clamp(300px,44svh,420px);min-height:300px}.pad{width:43px;height:43px}.pad.built{width:44px;height:44px}.view-controls button{width:33px;height:35px}.view-tip{font-size:11px}.tower-card small{font-size:11px}.tower-card strong{font-size:14px}.stat small{font-size:11px}.tower-stats small{font-size:10px}.page-footer{font-size:10px}}
@media(max-width:359px){.map-caption{display:none}.pad{width:41px;height:41px}.tower-card strong{font-size:13px}.tower-card small{font-size:10px}}