:root{--ember: #ff9a3c;--ember-deep: #e07f24;--gold: #ffd66b;--parchment: #e8dcc3;--stone: rgba(24, 28, 40, .86);--stone-line: rgba(91, 102, 127, .45);--outline: #150c26;--blue: #58c7ff;--red: #ff5c6c}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:#05060a;overflow:hidden;overscroll-behavior:none;font-family:"Baloo 2",system-ui,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}#app{position:fixed;inset:0}#game{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#ui{position:absolute;inset:0;display:flex;justify-content:center;pointer-events:none}#ui .col{width:min(100vw,calc(100dvh * var(--game-ar, .5625)));height:100dvh;pointer-events:auto;overflow:hidden;padding:calc(10px + env(safe-area-inset-top,0px)) 16px calc(14px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:10px;color:var(--parchment)}#ui .col::-webkit-scrollbar{display:none}.panel{background:var(--stone);border:2px solid var(--stone-line);border-radius:16px;padding:12px 16px}.header{text-align:center;padding:4px 16px 0;flex-shrink:0;background:none;border:none}.header .logo{display:block;width:35%;max-width:180px;margin:-2px auto -6px;filter:drop-shadow(0 4px 14px rgba(255,154,60,.25))}.header .logo+h1,.header .logo~.sub{display:none}.header.nologo h1,.header.nologo .sub{display:block}.header h1{margin:0;font-size:40px;font-weight:800;letter-spacing:3px;color:var(--gold);text-shadow:0 2px 0 #7a4a10,0 0 22px rgba(255,154,60,.45)}.header .sub{font-size:13px;letter-spacing:7px;opacity:.75;margin-top:2px}.result{text-align:center;font-weight:800;font-size:16px}.result.held{border-color:#ffd66b99;color:var(--gold)}.result.fell{border-color:#ff5c6c99;color:#ff9d94}.statrow{display:flex;justify-content:space-around;text-align:center;padding:5px 16px;flex-shrink:0}.tabbar{display:flex;gap:6px;flex-shrink:0}.tabbtn{flex:1;min-height:52px;background:var(--stone);border:2px solid var(--stone-line);border-radius:13px;color:var(--parchment);font-weight:800;font-size:21px;padding:4px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;opacity:.9;transition:transform .08s ease,box-shadow .15s ease}.tabbtn span{font-size:10.5px;letter-spacing:1px;opacity:.9}.tabbtn:active{transform:translateY(1px)}.tabbtn.on{opacity:1;background:linear-gradient(#ff9a3c3d,#e07f2424);border-color:var(--ember);color:var(--gold);box-shadow:0 0 14px #ff9a3c4d}.tabbtn.on span{opacity:1}.tabbody{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;flex-direction:column;gap:10px}.tabbody::-webkit-scrollbar{display:none}.tabbody .tab-sec{display:none}.tabbody[data-tab=battle] .tab-battle{display:block}.tabbody[data-tab=forge] .tab-forge{display:grid}.tabbody[data-tab=towers] .tab-towers,.tabbody[data-tab=armory] .tab-armory{display:block}@keyframes tabin{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tabbody .tab-sec.tabin{animation:tabin .24s cubic-bezier(.22,1,.36,1) both}@media(prefers-reduced-motion:reduce){.tabbody .tab-sec.tabin{animation:none}}.card,.tow,.bow,.rowline,.buy.chest{position:relative}@keyframes bought{0%{transform:scale(1)}30%{transform:scale(1.05);box-shadow:0 0 22px #ffd66b8c;border-color:var(--gold)}to{transform:scale(1)}}.bought{animation:bought .42s cubic-bezier(.34,1.56,.64,1)}.floatbadge{position:absolute;top:4px;right:10px;color:var(--gold);font-weight:900;font-size:15px;letter-spacing:.5px;text-shadow:0 1px 0 #7a4a10,0 0 10px rgba(255,154,60,.6);pointer-events:none;z-index:5;animation:floatup .8s ease forwards}@keyframes floatup{0%{opacity:0;transform:translateY(8px) scale(.7)}25%{opacity:1;transform:translateY(-3px) scale(1.15)}to{opacity:0;transform:translateY(-30px) scale(1)}}@keyframes treasurySpend{0%{transform:scale(1)}30%{transform:scale(1.18);color:#fff;text-shadow:0 0 14px rgba(255,214,107,.9)}to{transform:scale(1)}}#treasury.spend{display:inline-block;animation:treasurySpend .4s ease}@media(prefers-reduced-motion:reduce){.bought,.floatbadge,#treasury.spend{animation:none}}.ctadock{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.bignum{font-size:24px;font-weight:800}.bignum.gold{color:var(--gold)}.slabel{font-size:12px;letter-spacing:2px;opacity:.65}.rowline{display:flex;align-items:center;gap:10px;padding:5px 0}.rlabel{font-weight:800;font-size:15px;width:96px}.rval{font-size:13px;opacity:.85;min-width:64px;text-align:right}.bar{flex:1;height:14px;background:#080a12cc;border-radius:7px;overflow:hidden;border:1px solid var(--stone-line)}.bar .fill{height:100%;background:linear-gradient(#8ff0a8,#4fbf6f);border-radius:7px}.bar .fill.low{background:linear-gradient(#ff8d94,#d8434f)}.pips{flex:1;display:flex;flex-wrap:wrap;gap:3px}.pip{font-size:15px;opacity:.22}.pip.on{opacity:1}.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.card{background:var(--stone);border:2px solid var(--stone-line);border-radius:12px;padding:8px 10px;display:flex;flex-direction:column;gap:4px}.cname{font-weight:800;font-size:14.5px;display:flex;align-items:center;gap:6px}.cicon{font-size:18px}.lv{margin-left:auto;font-size:11.5px;color:var(--gold);opacity:.9}.eff{font-size:12px;opacity:.8;min-height:14px}.eff b{color:var(--gold)}button{font-family:inherit;cursor:pointer}.buy{border:none;border-bottom:4px solid #9c5514;border-radius:12px;background:linear-gradient(#ffb45c,var(--ember-deep));color:#2b1503;font-weight:800;font-size:14.5px;padding:7px 10px}.buy.slim{font-size:12.5px;padding:5px 9px;white-space:nowrap}.buy:active:not(:disabled){transform:translateY(2px);border-bottom-width:2px}.buy:disabled{filter:grayscale(.9);opacity:.45;cursor:default}.cta{border:none;border-bottom:5px solid #9c5514;border-radius:16px;background:linear-gradient(#ffb45c,var(--ember-deep));color:#2b1503;font-weight:800;font-size:22px;letter-spacing:1px;padding:12px;box-shadow:0 0 26px #ff9a3c59}.cta:active{transform:translateY(3px);border-bottom-width:3px}.cta.daily{font-size:15px;padding:10px;background:linear-gradient(#6fb8dd,#3d7ea6);border-bottom-color:#26506b;color:#0c1c26;box-shadow:0 0 18px #58c7ff38}.footer{display:flex;align-items:center;justify-content:space-between;padding:0 4px 6px}.ghost{background:none;border:1.5px solid var(--stone-line);border-radius:10px;color:var(--parchment);opacity:.6;font-size:12px;padding:5px 10px}.ver{font-size:11px;opacity:.4;letter-spacing:1px}.ptitle{font-weight:800;font-size:14px;letter-spacing:2px;color:var(--gold);margin-bottom:8px}.bow{display:flex;align-items:center;gap:10px;padding:7px 2px;border-bottom:1px solid rgba(91,102,127,.25)}.bow:last-of-type{border-bottom:none}.bow.locked{opacity:.75}.bicon{font-size:24px;width:32px;text-align:center}.binfo{flex:1;display:flex;flex-direction:column;gap:2px}.bname{font-weight:800;font-size:14px}.eq{font-size:10.5px;color:var(--gold);border:1px solid rgba(255,214,107,.5);border-radius:6px;padding:1px 6px;margin-left:6px;vertical-align:1px}.bblurb{font-size:11.5px;opacity:.75}.bar.slim{display:block;height:8px;margin-top:3px}.bar.slim .fill{display:block;background:linear-gradient(#8fd6ff,#58a7d6)}.shards{font-size:12px;color:#8fd6ff;min-width:42px;text-align:right}.buy.chest{width:100%;margin-top:10px;font-size:15px}.chestmsg{text-align:center;font-size:13.5px;margin-top:8px;color:var(--parchment)}.chestmsg b{color:var(--gold)}.tow{display:flex;align-items:center;gap:8px;padding:7px 2px;border-bottom:1px solid rgba(91,102,127,.25)}.tow:last-of-type{border-bottom:none}.tow.locked{opacity:.55}.tslot{font-weight:800;font-size:13px;min-width:60px}.tlock{font-size:12.5px;opacity:.8}.recrow{display:flex;justify-content:space-between;font-size:13px;padding:3px 2px;opacity:.85}.intro{position:fixed;inset:0;background:#05060ae0;display:flex;align-items:center;justify-content:center;padding:24px;z-index:10}.intro-card{max-width:430px;text-align:center;padding:22px 22px 26px;border-color:#ff9a3c66}.intro-card .portrait{width:104px;height:104px;object-fit:cover;border-radius:50%;border:3px solid rgba(255,154,60,.55);margin:0 auto 8px;display:block;background:#10131d}.intro-card h2{margin:0 0 10px;color:var(--gold);letter-spacing:3px}.intro-card p{font-size:15px;line-height:1.45;opacity:.9}.intro-card .blue{color:var(--blue)}.intro-card .red{color:var(--red)}.intro-card .cta{margin-top:10px;width:100%}.intro-card .tiny{font-size:11.5px;opacity:.6;margin:4px 0 10px}.synccode{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:14px;font-weight:700;letter-spacing:.5px;color:var(--gold);background:#080a12b3;border:1.5px solid rgba(255,154,60,.4);border-radius:10px;padding:10px 12px;margin-top:10px;word-break:break-all;cursor:pointer}.restore{display:flex;gap:8px;margin:4px 0 2px}.codeinput{flex:1;min-width:0;background:#080a12b3;border:1.5px solid var(--stone-line);border-radius:10px;color:var(--parchment);font-size:13px;padding:8px 10px;font-family:ui-monospace,SF Mono,Menlo,monospace}.codeinput::placeholder{color:#e8dcc366}.footer .ghost{padding:5px 9px}