:root{color-scheme:dark;--cream:#f5e7cc;--gold:#efbd70;--muted:#b4a7bf;--ink:#191728;--mint:#9dd9c2}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 10%,#40303d,#191728 75%);color:var(--cream);font-family:system-ui,-apple-system,'PingFang TC',sans-serif}main{max-width:1520px;margin:auto;padding:0 40px}header{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff17}.brand{display:flex;align-items:center;gap:10px;font-size:24px;color:inherit;font-weight:800;text-decoration:none}.brand>span{background:var(--gold);color:#362236;border-radius:10px;padding:3px 9px}.brand small,.edition{font-size:9px;letter-spacing:2px;color:#b7a1b5}.brand small{margin-left:10px}.page-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 0}.eyebrow{font-size:9px;font-weight:800;letter-spacing:2.7px;color:#e2b780}h1{font-size:30px;margin:7px 0 0}h1>span{font-size:12px;font-weight:400;color:var(--muted);margin-left:15px}.mode-pill{font-size:11px;border:1px solid #dac2ac35;border-radius:30px;padding:11px 17px}.mode-pill i{color:var(--gold);margin:0 13px}button,select{font:inherit;color:inherit;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;border:1px solid #ffffff25;border-radius:9px;background:#312838;padding:10px 14px}button:hover{filter:brightness(1.15)}button:disabled{cursor:default;opacity:.43}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}.arena{position:relative;isolation:isolate;overflow:hidden;border:1px solid #a990ad55;border-radius:20px;background:#171724;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}canvas{display:block;width:100%;aspect-ratio:16/9;touch-action:none}.arena:fullscreen{width:100vw;height:100dvh;border:0;border-radius:0}.arena:fullscreen canvas{width:100%;height:100%;aspect-ratio:auto}.mission{position:absolute;left:24px;top:23px;display:flex;flex-direction:column;gap:5px;pointer-events:none}.mission>span{font-size:7px;color:#c4aba6;letter-spacing:2px}.mission>b{font-size:13px}.scoreboard{position:absolute;left:42%;top:16px;transform:translateX(-50%);display:flex;gap:0;padding:9px 7px;background:#221d2dec;border:1px solid #c4a88633;border-radius:12px;pointer-events:none;z-index:2}.resource{position:relative;display:grid;grid-template-columns:auto auto;column-gap:7px;padding:2px 15px;border-right:1px solid #d4bfc022}.resource i{font-style:normal;font-size:17px;color:var(--gold);grid-row:1/3;align-self:center}.resource b{font-size:18px;font-variant-numeric:tabular-nums}.resource small{font-size:7px;color:#b0a3ad}.life i{color:#ee9eaa}.wave-stat{padding:2px 18px;display:flex;flex-direction:column;gap:3px}.wave-stat small{font-size:7px;color:#bdadb6}.wave-stat b{font-size:17px;font-variant-numeric:tabular-nums}.kills{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 12px;border-left:1px solid #d4bfc022;gap:3px}.kills b{font-size:14px}.kills small{font-size:7px;color:#bcabb5}.top-actions{position:absolute;right:17px;top:18px;display:flex;gap:6px;z-index:6}.top-actions a,.top-actions button{width:36px;height:37px;display:grid;place-items:center;padding:0;background:#271f30db;color:inherit;border:1px solid #d7b8ac33;border-radius:9px;text-decoration:none;font-size:18px}.build-panel{position:absolute;right:17px;top:80px;bottom:88px;width:23%;max-width:310px;border:1px solid #b49ba049;border-radius:15px;background:linear-gradient(145deg,#2a2434ef,#1e1e2bf5);padding:15px;overflow:auto;z-index:3}.panel-top{display:flex;align-items:center;justify-content:space-between}.panel-top .eyebrow{font-size:7px;letter-spacing:1.5px}.panel-top button{padding:0;width:24px;height:22px;border:0;background:transparent;font-size:21px}.build-panel h2{font-size:17px;margin:7px 0 4px}.build-panel>p{font-size:10px;color:#b6a8b8;line-height:1.6;margin:0 0 13px}.build-menu{display:grid;grid-template-columns:1fr 1fr;gap:8px}.build-menu button{position:relative;text-align:center;padding:8px 4px;background:#ffffff06;min-width:0;border:1px solid #ceb7b22b;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px}.build-menu img{width:53px;height:53px;object-fit:contain;display:block;margin:auto}.build-menu b,.build-menu strong{font-size:10px;display:block}.build-menu small{display:block;font-size:9px;color:#e8bc7f}.build-menu span{font-size:10px}.build-menu button.selected{border-color:#e9c585;background:#67483740}.build-menu button:disabled{opacity:.4}.tower-panel h3{font-size:18px;margin:14px 0 7px}.tower-panel>p{font-size:11px;color:#c8b8c6;line-height:1.8;white-space:pre-line}.tower-panel>label{font-size:9px;color:#bcacb9;display:block;margin:15px 0 6px}.tower-panel select{width:100%;font-size:11px;padding:9px;background:#302737}.tower-panel button{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:10px;font-size:11px;padding:12px 10px}.tower-panel .upgrade{background:#e6bc7b;color:#382a37;border-color:#e6bc7b;font-weight:800}.tower-panel .sell{background:#3b2b38;color:#e2acb6}.tower-panel .refund{font-size:8px;color:#a68e9e;margin-top:9px}.battle-bottom{position:absolute;left:23px;right:18px;bottom:20px;z-index:3;display:flex;justify-content:space-between;align-items:flex-end;gap:15px}.wave-controls{display:flex;gap:7px;align-items:center}.next-wave{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#e9bd78;color:#302538;font-size:12px;font-weight:800;min-width:160px;height:44px;border:0;box-shadow:0 3px 0 #966f4b}.next-wave>span{font-size:17px}.wave-controls>button:not(.next-wave){font-size:10px;height:38px;background:#272133e0}#auto-wave[aria-pressed=true]{border-color:#95cdaf;color:#b5e3c9}#speed{font-weight:800;font-size:14px}.wave-status{position:absolute;left:0;bottom:58px;color:#d3b8a1;max-width:68%;font-size:10px;background:#221c2be0;border:1px solid #c8aa9630;padding:6px 12px;border-radius:7px;pointer-events:none}.spells{display:flex;gap:8px}.spells button{display:flex;align-items:center;gap:8px;border:1px solid #ad86bb70;background:#34263de8;border-radius:10px;padding:7px 12px;position:relative;height:47px;min-width:120px}.spells button>span{font-size:23px;color:#efb788}.spells button>div{text-align:left;display:flex;flex-direction:column;gap:3px}.spells b{font-size:10px}.spells small{font-size:8px;color:#bfa4c6}.spells button>i{position:absolute;right:4px;top:-6px;background:#2b2238;padding:2px 4px;border:1px solid #b99bc250;font-size:7px;font-style:normal;border-radius:3px}.spells button#freeze>span{color:#abdbeb}.spells button.selected,.spells button[aria-pressed=true]{border-color:#ffdc95;box-shadow:0 0 18px #edbb832b}.toast{position:absolute;top:20%;left:40%;transform:translateX(-50%);max-width:60%;background:#352a3aef;border:1px solid #edc99266;border-radius:9px;padding:12px 20px;font-size:12px;z-index:12;pointer-events:none}.lobby{position:absolute;inset:0;z-index:5;display:flex;align-items:center;padding:6% 6% 3%;gap:7%;background:linear-gradient(105deg,#231e2dfa,#201d2def 53%,#272633d9)}.lobby-intro{width:43%;position:relative}.lobby-intro>h2{font-size:clamp(26px,3.2vw,47px);line-height:1.3;margin:15px 0}.lobby-intro>p:not(.eyebrow){font-size:11px;color:#c3aebe;line-height:1.9}.lobby-art{height:170px;position:relative;display:flex;align-items:center;justify-content:center;margin-top:15px}.lobby-art img{position:absolute;object-fit:contain;filter:drop-shadow(0 14px 10px #110d2266)}.lobby-art .shield{height:190px;width:190px;z-index:2;left:calc(50% - 95px)}.lobby-art .mage{width:124px;height:124px;left:6%;transform:rotate(-9deg);opacity:.8}.lobby-art .archer{width:124px;height:124px;right:5%;transform:rotate(7deg);opacity:.8}.defense-ring{position:absolute;width:230px;height:95px;border:2px dashed #d9ac6b66;bottom:0;border-radius:50%;transform:rotate(-9deg);box-shadow:0 0 40px #e3b88210}.little-star{position:absolute;right:20%;top:2px;font-size:35px;color:#dab08a}.lobby-tags{display:flex;gap:7px;margin:18px 0 6px}.lobby-tags span{font-size:8px;border:1px solid #d2b49c33;border-radius:6px;padding:5px 8px;color:#d3b89e}.text-button{border:0;background:transparent!important;color:#d1b392;font-size:10px;padding:10px 0;text-decoration:underline;text-underline-offset:3px}.campaign{width:50%;max-width:530px}.campaign-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.campaign-heading p{margin:0 0 6px;font-size:8px}.campaign-heading h3{font-size:22px;margin:0}.campaign-heading>span{font-size:9px;color:#c2adbd}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.level-grid button{position:relative;min-width:0;text-align:left;min-height:85px;padding:9px 10px;background:#312a3bad;border-color:#d2b0c126;border-radius:10px}.level-grid button.selected,.level-grid button[aria-pressed=true]{border:2px solid #dfbb83;background:#5c443941;box-shadow:0 0 18px #e1b47c15}.level-grid b,.level-grid strong{font-size:22px;display:block;color:#e9d5b8}.level-grid span{font-size:8px;display:block;color:#bca8b9;margin-top:3px}.level-grid small{font-size:8px;display:block;color:#e1b67c;white-space:nowrap;margin-top:5px}.level-preview{display:flex;align-items:center;justify-content:space-between;margin:17px 0 0;padding:13px 0 0;border-top:1px solid #c6a1b527;gap:12px}.level-preview .eyebrow{font-size:7px;letter-spacing:2px;margin:0 0 6px}.level-preview h3{font-size:20px;margin:0}.level-preview p:not(.eyebrow){font-size:10px;color:#b9a6ba;line-height:1.6;min-height:32px;margin:7px 0}.wave-badge{padding-left:16px;border-left:1px solid #c8aa9933;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:70px}.wave-badge b{font-size:29px;color:#edc086}.wave-badge small{font-size:8px;color:#c5a7b4}.primary{display:flex;align-items:center;justify-content:space-between;gap:25px;min-width:220px;text-align:left;padding:15px 20px;border:0;background:#edc184;color:#32253a;font-size:13px;font-weight:800;box-shadow:0 3px 0 #936e4b;margin-top:12px}.campaign .primary{width:100%}.save-note{font-size:9px;color:#a590a7;line-height:1.8;margin:13px 0 0}.modal{position:absolute;inset:0;z-index:8;background:#211b2bf5;display:grid;place-items:center;overflow:auto;padding:35px}.modal>div{max-width:750px}.modal h2{font-size:31px;margin:12px 0}.modal p{font-size:12px;line-height:1.9;color:#c5b1c4}.modal .muted{font-size:10px;color:#a893ac}.modal .primary{margin-top:20px}.modal .secondary{font-size:12px;display:block;margin-top:15px}.help-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.help-columns h3{font-size:14px;color:#e3be8b;margin:18px 0 6px}.help-columns p{margin:5px 0}.rotate-overlay{display:none}footer{padding:21px 0;display:flex;justify-content:space-between;color:#917b94;font-size:9px;letter-spacing:1px}.arena:has(.lobby:not([hidden])) .mission,.arena:has(.lobby:not([hidden])) .scoreboard,.arena:has(.lobby:not([hidden])) .build-panel,.arena:has(.lobby:not([hidden])) .battle-bottom{visibility:hidden}
@media(max-width:950px),(pointer:coarse){html,body{height:100%;overflow:hidden;overscroll-behavior:none}main{padding:0;max-width:none;width:100%;height:100%}header,.page-heading,footer{display:none}.arena{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;border:0;border-radius:0}canvas{width:100%;height:100%;aspect-ratio:auto}.mission{left:max(13px,env(safe-area-inset-left));top:max(14px,env(safe-area-inset-top));gap:4px}.mission>span{font-size:6px;letter-spacing:1px}.mission>b{font-size:10px;max-width:155px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scoreboard{top:max(9px,env(safe-area-inset-top));left:44%;padding:6px 3px;border-radius:9px}.resource{padding:0 9px;column-gap:4px}.resource i{font-size:13px}.resource b{font-size:15px}.resource small{font-size:6px}.wave-stat{padding:0 11px;gap:2px}.wave-stat b{font-size:14px}.wave-stat small{font-size:6px}.kills{display:none}.top-actions{right:max(12px,env(safe-area-inset-right));top:max(9px,env(safe-area-inset-top));gap:5px}.top-actions a,.top-actions button{width:30px;height:32px;font-size:16px}.build-panel{top:57px;right:max(12px,env(safe-area-inset-right));bottom:63px;width:23%;max-width:none;min-width:147px;padding:9px;border-radius:11px}.panel-top .eyebrow{font-size:5px;letter-spacing:.7px}.panel-top button{height:15px;width:20px;font-size:17px}.build-panel h2{font-size:12px;margin:3px 0}.build-panel>p{font-size:8px;line-height:1.4;margin:0 0 7px;min-height:22px}.build-menu{gap:5px}.build-menu button{padding:4px 2px;gap:1px;border-radius:7px}.build-menu img{width:29px;height:29px}.build-menu b,.build-menu strong{font-size:8px}.build-menu small{font-size:7px}.build-menu span{font-size:8px}.tower-panel h3{font-size:13px;margin:8px 0 4px}.tower-panel>p{font-size:9px;line-height:1.5;margin:5px 0}.tower-panel>label{font-size:7px;margin:8px 0 4px}.tower-panel select{font-size:9px;padding:5px 4px}.tower-panel button{font-size:9px;padding:8px 7px;margin-top:7px}.tower-panel .refund{font-size:7px}.battle-bottom{left:max(13px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(13px,env(safe-area-inset-bottom));gap:5px}.wave-controls{gap:5px}.next-wave{min-width:128px;height:36px;font-size:10px;padding:8px 10px;gap:9px}.next-wave>span{font-size:14px}.wave-controls>button:not(.next-wave){font-size:8px;padding:6px 8px;height:31px}#speed{font-size:12px}.wave-status{bottom:49px;font-size:8px;padding:5px 8px;max-width:65%;line-height:1.5}.spells{gap:5px}.spells button{height:39px;min-width:90px;padding:5px 8px;gap:5px;border-radius:8px}.spells button>span{font-size:18px}.spells b{font-size:8px}.spells small{font-size:7px}.spells button>i{display:none}.toast{font-size:10px;padding:10px 14px;top:21%;left:42%}.lobby{padding:52px max(25px,env(safe-area-inset-right)) 15px max(25px,env(safe-area-inset-left));gap:5%}.lobby-intro{width:43%}.lobby-intro>.eyebrow{font-size:6px;letter-spacing:1px}.lobby-intro>h2{font-size:27px;margin:9px 0}.lobby-intro>p:not(.eyebrow){font-size:9px;line-height:1.6}.lobby-art{height:89px;margin-top:5px}.lobby-art .shield{height:110px;width:110px;left:calc(50% - 55px)}.lobby-art .mage,.lobby-art .archer{width:74px;height:74px}.lobby-art .mage{left:12%}.lobby-art .archer{right:12%}.defense-ring{width:160px;height:57px}.little-star{font-size:24px;right:23%}.lobby-tags{gap:4px;margin:11px 0 0}.lobby-tags span{font-size:7px;padding:3px 6px}.text-button{font-size:8px;padding:7px 0}.campaign{width:52%;max-width:none}.campaign-heading{margin-bottom:8px}.campaign-heading p{font-size:6px;letter-spacing:1.2px;margin-bottom:4px}.campaign-heading h3{font-size:17px}.campaign-heading>span{font-size:7px}.level-grid{gap:5px}.level-grid button{min-height:53px;padding:5px 6px;border-radius:7px}.level-grid b,.level-grid strong{font-size:15px}.level-grid span{font-size:6px;margin-top:2px}.level-grid small{font-size:6px;margin-top:2px}.level-preview{margin-top:9px;padding-top:8px;gap:9px}.level-preview .eyebrow{font-size:5px;letter-spacing:1px;margin-bottom:4px}.level-preview h3{font-size:14px}.level-preview p:not(.eyebrow){font-size:8px;line-height:1.4;min-height:23px;margin:4px 0}.wave-badge{min-width:52px;padding-left:12px}.wave-badge b{font-size:22px}.wave-badge small{font-size:7px}.primary{font-size:11px;padding:11px 16px;margin-top:8px;min-width:180px}.save-note{font-size:7px;line-height:1.5;margin:8px 0 0}.modal{padding:22px}.modal h2{font-size:23px;margin:8px 0}.modal p{font-size:10px;line-height:1.7}.modal .primary{margin-top:13px}.modal .muted{font-size:8px}.help-columns{gap:20px}.help-columns h3{font-size:11px;margin:9px 0 5px}.help-columns p{font-size:9px}.modal>div{max-width:720px}}
@media(max-width:720px) and (orientation:landscape){.lobby{padding-left:23px;padding-right:23px;gap:4%}.lobby-intro{width:41%}.campaign{width:55%}.lobby-intro>h2{font-size:24px}.lobby-intro>p:not(.eyebrow){font-size:8px}.lobby-art .mage{left:4%}.lobby-art .archer{right:4%}.mission>span{display:none}.mission>b{max-width:130px}.scoreboard{left:44%}.spells button{min-width:84px;padding:5px 6px}.spells b{font-size:7px}.spells small{font-size:6px}.wave-controls>button:not(.next-wave){padding-left:6px;padding-right:6px}.build-panel{width:23%;right:10px}.build-panel h2{font-size:11px}.build-menu b,.build-menu strong{font-size:7px}.help-columns p{font-size:8px}}
@media(max-height:360px) and (orientation:landscape){.lobby{padding-top:45px;padding-bottom:9px}.lobby-intro>h2{font-size:23px}.lobby-art{height:65px}.lobby-art .shield{width:88px;height:88px;left:calc(50% - 44px)}.lobby-art .mage,.lobby-art .archer{width:62px;height:62px}.lobby-intro>.eyebrow{display:none}.lobby-tags{margin-top:7px}.level-grid button{min-height:48px}.campaign-heading{margin-bottom:6px}.level-preview{margin-top:6px;padding-top:5px}.save-note{font-size:6px;margin-top:6px}.build-menu img{width:24px;height:24px}.build-panel{top:51px;bottom:57px}.build-panel>p{font-size:7px;min-height:18px;margin-bottom:5px}.build-menu{gap:4px}.battle-bottom{bottom:10px}.wave-status{bottom:44px}}
@media(max-width:950px) and (orientation:portrait),(pointer:coarse) and (orientation:portrait){.rotate-overlay{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px;background:radial-gradient(circle,#493344,#1c1929 75%)}.rotate-overlay>div{font-size:63px;color:#efbf80;margin-bottom:30px}.rotate-overlay h2{font-size:24px}.rotate-overlay p{font-size:12px;line-height:1.8;color:#d1b8ca}.arena>*:not(canvas):not(.rotate-overlay){visibility:hidden}}
@media(prefers-reduced-motion:reduce){button{transition:none}}

.level-grid .level-number{font-size:23px;font-weight:800;line-height:1;color:#ecd6b3;margin-bottom:5px}.level-grid b{font-size:10px;color:#ccb6c6;white-space:nowrap}.level-grid .level-stars{font-size:7px;color:#e2b97f}.build-card em{position:absolute;top:5px;left:6px;font-style:normal;font-size:8px;color:#d4b48d}.build-card small{font-size:8px;line-height:1.5;color:#b8a7bb;min-height:24px;margin:4px 0}.build-card strong{color:#e7bc7e}.build-panel,.modal,.level-grid{touch-action:pan-y;overscroll-behavior:contain}
@media(max-width:950px),(pointer:coarse){.level-grid .level-number{font-size:17px;margin:0 0 3px}.level-grid b{font-size:7px;letter-spacing:-.3px}.level-grid .level-stars{font-size:6px}.build-card em{display:none}.build-menu .build-card{display:grid;grid-template-columns:26px minmax(0,1fr);padding:5px 3px;gap:2px;text-align:left;align-content:center}.build-card img{width:26px;height:30px;grid-row:1/3}.build-card>span{min-width:0}.build-card b{font-size:7px;white-space:nowrap}.build-card small{font-size:6px;line-height:1.3;min-height:0;margin:2px 0;display:none}.build-card strong{font-size:7px;grid-column:2}.campaign-heading>span{max-width:108px;text-align:right;line-height:1.6}.level-grid button{min-height:60px}}

.idle-guide{position:absolute;right:17px;top:100px;bottom:105px;width:23%;max-width:310px;padding:17px;text-align:center;pointer-events:none;color:#d6b7c4}.idle-guide>.eyebrow{font-size:7px;line-height:1.8;letter-spacing:1.2px}.idle-guide>img{width:120px;height:120px;object-fit:contain;opacity:.65;margin:0 auto}.idle-guide h2{font-size:19px;line-height:1.5;color:#e2c8b2;margin:10px 0 17px}.idle-guide>div{display:flex;align-items:center;gap:9px;border-top:1px solid #d0b1a21c;padding:7px 0}.idle-guide>div>span{color:#ba937b;font-size:10px}.idle-guide>div>p{font-size:10px;margin:0}.idle-guide>small{font-size:8px;line-height:1.8;display:block;margin-top:13px;color:#ae91a7}.build-panel:not([hidden])~.idle-guide{display:none}.arena:has(.lobby:not([hidden])) .idle-guide{visibility:hidden}@media(max-width:950px),(pointer:coarse){.idle-guide{top:61px;bottom:68px;right:max(12px,env(safe-area-inset-right));padding:8px;width:23%}.idle-guide>.eyebrow{font-size:5px;letter-spacing:.6px}.idle-guide>img{width:72px;height:72px;margin:0 auto}.idle-guide h2{font-size:12px;margin:4px 0 9px}.idle-guide>div{gap:6px;padding:5px 0}.idle-guide>div>span{font-size:7px}.idle-guide>div>p{font-size:7px}.idle-guide>small{font-size:6px;margin-top:7px}}@media(max-height:360px) and (orientation:landscape){.idle-guide>img{width:50px;height:50px}.idle-guide h2{font-size:11px;margin:3px 0 7px}.idle-guide>small{display:none}}