:root{--blue:#2f8cff;--blue-d:#1752c4;--green:#3ddc6a;--green-d:#1e9a44;--yellow:#ffd23f;--yellow-d:#d99a00;--red:#ff4766;--red-d:#b8183a;--purple:#8a5cff;--purple-d:#5330c4;--ink:#1a1f3a;--panel:#121c40d1;--font:"Lilita One", "Arial Black", system-ui, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bot:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;font-family:var(--font);color:#fff;-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;background:#0d1530;margin:0;overflow:hidden}#game{outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#vignette{pointer-events:none;background:radial-gradient(at 50% 45%,#0000 55%,#050a2861 100%);position:fixed;inset:0}#floats{pointer-events:none;position:fixed;inset:0;overflow:hidden}.float{white-space:nowrap;letter-spacing:1px;-webkit-text-stroke:1.5px #0a143ce6;paint-order:stroke fill;text-shadow:0 3px #00000059;will-change:transform, opacity;font-size:26px;position:absolute;top:0;left:0}.float.dmg{color:#fff;-webkit-text-stroke:1.5px #9a0f2a;font-size:22px}.float.big{color:var(--yellow);-webkit-text-stroke:2.5px #7a3a00;font-size:46px}.float.champ{color:#ffe066;-webkit-text-stroke:2.5px #6a1fb0;font-size:38px}.float.boss{color:#ff4766;-webkit-text-stroke:2.5px #3a0010;font-size:44px}.float.good{color:#7cff9b;-webkit-text-stroke:2px #0b5a25;font-size:30px}#loading{letter-spacing:3px;z-index:50;background:radial-gradient(circle at 50% 40%,#2b6cf0,#0d1a4a);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:22px;transition:opacity .5s;display:flex;position:fixed;inset:0}#loading.hide{opacity:0;pointer-events:none}.spinner{border:7px solid #fff3;border-top-color:var(--yellow);border-radius:50%;width:54px;height:54px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#ui{pointer-events:none;position:fixed;inset:0}.screen{pointer-events:none;flex-direction:column;align-items:center;animation:.35s fadeIn;display:flex;position:absolute;inset:0}.screen>*{pointer-events:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.btn{font-family:var(--font);color:#fff;letter-spacing:1px;cursor:pointer;background:linear-gradient(180deg, #5fb0ff 0%, var(--blue) 55%, #2477e8 100%);box-shadow:0 6px 0 var(--blue-d), 0 10px 18px #00002859, inset 0 2px 0 #ffffff73;text-shadow:0 2px #00003259;border:0;border-radius:18px;padding:14px 28px 16px;font-size:24px;transition:transform 80ms,box-shadow 80ms,filter .15s;position:relative}.btn:hover{filter:brightness(1.08)}.btn:active{box-shadow:0 1px 0 var(--blue-d), 0 4px 8px #0000284d, inset 0 2px 0 #ffffff73;transform:translateY(5px)}.btn.green{background:linear-gradient(180deg, #7dffa0 0%, var(--green) 55%, #27c457 100%);box-shadow:0 6px 0 var(--green-d), 0 10px 18px #0028004d, inset 0 2px 0 #ffffff80}.btn.green:active{box-shadow:0 1px 0 var(--green-d)}.btn.yellow{color:#5a3200;text-shadow:0 1px #ffffff80;background:linear-gradient(180deg, #ffe98a 0%, var(--yellow) 55%, #ffbf1f 100%);box-shadow:0 6px 0 var(--yellow-d), 0 10px 18px #3c1e004d, inset 0 2px 0 #fff9}.btn.yellow:active{box-shadow:0 1px 0 var(--yellow-d)}.btn.red{background:linear-gradient(180deg, #ff8095 0%, var(--red) 55%, #e8304f 100%);box-shadow:0 6px 0 var(--red-d), 0 10px 18px #3c000a4d, inset 0 2px 0 #ffffff73}.btn.purple{background:linear-gradient(180deg, #b597ff 0%, var(--purple) 55%, #7546f0 100%);box-shadow:0 6px 0 var(--purple-d), 0 10px 18px #1e003c4d, inset 0 2px 0 #ffffff73}.btn.small{border-radius:14px;padding:9px 16px 11px;font-size:17px}.btn.big{border-radius:24px;padding:18px 58px 22px;font-size:40px}.btn:disabled{filter:grayscale(.9)brightness(.8);cursor:default}.btn.icon{border-radius:16px;place-items:center;width:54px;height:54px;padding:0;display:grid}.btn svg{width:28px;height:28px;display:block}.menu{padding:calc(16px + var(--safe-top)) 16px calc(26px + var(--safe-bot));justify-content:space-between}.topbar{justify-content:space-between;align-items:center;gap:10px;width:100%;max-width:720px;display:flex}.pill{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a143c99;border-radius:999px;align-items:center;gap:8px;padding:6px 16px 6px 8px;font-size:22px;display:flex;box-shadow:inset 0 2px #ffffff1f,0 4px 10px #00001e40}.pill svg{width:30px;height:30px}.title-wrap{text-align:center;margin-top:2vh;animation:3s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-6px)}}.title{letter-spacing:2px;color:#fff;-webkit-text-stroke:4px #10318a;paint-order:stroke fill;text-shadow:0 6px #10318a,0 12px 24px #000a3c80;margin:0;font-size:clamp(54px,13vw,110px);line-height:.85}.title .y{color:var(--yellow);-webkit-text-stroke-color:#8a3a00;text-shadow:0 6px #8a3a00,0 12px 24px #000a3c80}.subtitle{color:#dff1ff;letter-spacing:3px;text-shadow:0 2px 6px #00002899;margin-top:10px;font-size:clamp(16px,3.6vw,22px)}.menu-bottom{flex-direction:column;align-items:center;gap:18px;width:100%;max-width:520px;display:flex}.level-badge{letter-spacing:1px;background:#0a143c99;border-radius:999px;padding:6px 18px;font-size:22px}.level-badge .theme{color:var(--yellow)}.row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.mode-btn{flex-direction:column;align-items:center;gap:2px;min-width:104px;display:flex}.mode-btn small{opacity:.9;letter-spacing:.5px;font-family:Nunito,sans-serif;font-size:12px;font-weight:900}.hud{padding:calc(10px + var(--safe-top)) 12px calc(12px + var(--safe-bot));pointer-events:none;justify-content:space-between}.hud>*,.hud .topbar{pointer-events:none}.hud .topbar .btn{pointer-events:auto}.hud-level{text-align:center;text-shadow:0 2px #00002880;font-size:22px;line-height:1}.hud-level small{color:var(--yellow);letter-spacing:2px;margin-top:3px;font-size:14px;display:block}.hud-center{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.hpbar{background:#0a0f28a6;border-radius:12px;width:min(300px,52vw);height:20px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #00000080,0 0 0 3px #ffffffd9}.hpbar .fill{transform-origin:0;background:linear-gradient(#8fd0ff,#2f8cff 60%,#1f6de0);transition:transform .2s;position:absolute;inset:0}.hpbar .fill.low{background:linear-gradient(#ff9aa8,#ff4766 60%,#d81e44);animation:.6s infinite alternate pulse}@keyframes pulse{to{filter:brightness(1.4)}}.hpbar .txt{text-shadow:0 1px 2px #000;place-items:center;font-size:15px;display:grid;position:absolute;inset:0}.hud-bottom{flex-direction:column;align-items:center;gap:8px;margin-bottom:18vh;display:flex}.unitcount{background:#0a143c8c;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:54px;padding:4px 14px;font-size:20px;display:flex}.unitcount i{background:#2f8cff;border-radius:50%;width:14px;height:14px;display:inline-block;box-shadow:0 0 0 2px #fff}.champ-ready{color:#4a1060;opacity:0;background:linear-gradient(90deg,#ff6ad5,#ffd23f);border-radius:999px;padding:6px 18px;font-size:22px;transition:opacity .2s;animation:.5s infinite alternate readyPulse;box-shadow:0 0 24px #ffb43ccc}.champ-ready.on{opacity:1}@keyframes readyPulse{to{transform:scale(1.08)}}.tutorial{text-align:center;text-shadow:0 3px #00002899;pointer-events:none;font-size:26px;position:absolute;bottom:20%;left:50%;transform:translate(-50%)}.tutorial .hand{width:64px;height:64px;margin:0 auto 6px;animation:1.6s ease-in-out infinite swipe}@keyframes swipe{0%,to{transform:translate(-60px)}50%{transform:translate(60px)}}.wave-banner{text-align:center;color:var(--yellow);-webkit-text-stroke:3px #7a3a00;paint-order:stroke fill;pointer-events:none;font-size:48px;animation:1.8s forwards banner;position:absolute;top:18%;left:0;right:0}@keyframes banner{0%{opacity:0;transform:scale(2.5)}15%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-20px)}}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;background:#050a238c;justify-content:center;padding:16px}.panel{text-align:center;background:linear-gradient(#2f5be0 0%,#213fa8 100%);border-radius:28px;width:min(460px,100%);padding:22px 22px 26px;animation:.45s cubic-bezier(.2,1.6,.4,1) popIn;position:relative;box-shadow:0 10px #15287a,0 24px 50px #00001e99,inset 0 3px #ffffff40}@keyframes popIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.panel h2{letter-spacing:2px;-webkit-text-stroke:3px #0d1f66;paint-order:stroke fill;text-shadow:0 5px #0d1f66;margin:0 0 6px;font-size:52px}.panel h2.win{color:var(--yellow);-webkit-text-stroke-color:#7a3a00;text-shadow:0 5px #7a3a00}.panel h2.lose{color:#ff8095;-webkit-text-stroke-color:#5a0a1c;text-shadow:0 5px #5a0a1c}.panel .sub{opacity:.9;margin-bottom:12px;font-family:Nunito,sans-serif;font-weight:900}.stars{justify-content:center;gap:8px;margin:8px 0 14px;display:flex}.stars svg{filter:drop-shadow(0 4px #00002866);width:70px;height:70px}.stars svg:nth-child(2){transform:translateY(-14px)scale(1.15)}.stars .on{animation:.5s cubic-bezier(.2,1.8,.4,1) backwards starIn}.stars svg:nth-child(2).on{animation-name:starIn2}@keyframes starIn{0%{transform:scale(0)rotate(-90deg)}}@keyframes starIn2{0%{transform:translateY(-14px)scale(0)rotate(-90deg)}}.statgrid{grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 16px;font-family:Nunito,sans-serif;font-weight:900;display:grid}.statgrid div{opacity:.95;background:#000a324d;border-radius:12px;padding:8px;font-size:13px}.statgrid b{font-family:var(--font);font-size:24px;font-weight:400;display:block}.reward{background:#00002859;border-radius:999px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 20px;font-size:34px;display:inline-flex}.reward svg{width:38px;height:38px}.panel .row{margin-top:6px}.armory{padding:calc(12px + var(--safe-top)) 12px calc(12px + var(--safe-bot));pointer-events:auto;background:linear-gradient(#0e1e5aeb,#080e2df5);justify-content:flex-start;overflow-y:auto}.armory h1{-webkit-text-stroke:2px #0d1f66;paint-order:stroke fill;text-shadow:0 4px #0d1f66;margin:6px 0 10px;font-size:40px}.tabs{gap:8px;margin-bottom:14px;display:flex}.tabs .btn{opacity:.6}.tabs .btn.active{opacity:1}.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px;width:100%;max-width:980px;padding-bottom:20px;display:grid}.card{background:linear-gradient(#3a64e8,#2445b0);border-radius:22px;grid-template-columns:96px 1fr;align-items:center;gap:12px;padding:14px;display:grid;position:relative;box-shadow:0 6px #162c7a,inset 0 2px #ffffff38}.card.sel{background:linear-gradient(#43c96a,#22914a);box-shadow:0 6px #146030,0 0 0 3px #fff,inset 0 2px #ffffff4d}.card.locked{filter:grayscale(.85)brightness(.7)}.card .thumb{background:radial-gradient(circle at 50% 35%,#ffffff59,#00002840);border-radius:18px;place-items:center;width:96px;height:96px;display:grid;overflow:hidden}.card .thumb img{object-fit:contain;width:100%;height:100%}.card h3{justify-content:space-between;align-items:center;margin:0;font-size:24px;font-weight:400;display:flex}.card h3 .lv{background:#00002859;border-radius:999px;padding:3px 10px;font-size:15px}.card p{opacity:.92;margin:3px 0 8px;font-family:Nunito,sans-serif;font-size:13px;font-weight:900}.card .stats{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.card .stats span{background:#0000284d;border-radius:8px;padding:3px 8px;font-family:Nunito,sans-serif;font-size:12px;font-weight:900}.card .acts{flex-wrap:wrap;gap:8px;display:flex}.card .acts .btn{flex:1}.card .lock{text-shadow:0 2px #000;background:#00001e73;border-radius:22px;place-items:center;font-size:20px;display:grid;position:absolute;inset:0}.coin-inline{align-items:center;gap:4px;display:inline-flex}.coin-inline svg{width:20px;height:20px}.toggles{flex-direction:column;gap:10px;margin:10px 0 16px;display:flex}.toggle{cursor:pointer;background:#0000284d;border-radius:14px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:20px;display:flex}.toggle .sw{background:#4a5578;border-radius:999px;width:58px;height:32px;transition:background .2s;position:relative}.toggle .sw:after{content:"";background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0000004d}.toggle.on .sw{background:var(--green)}.toggle.on .sw:after{transform:translate(26px)}.tagline{opacity:.75;text-align:center;font-family:Nunito,sans-serif;font-size:13px;font-weight:900}@media (max-height:640px){.btn.big{padding:14px 44px 18px;font-size:32px}.title{font-size:clamp(44px,10vw,80px)}}.road{justify-content:center;align-items:center;margin-bottom:-4px;display:flex}.road-node{background:linear-gradient(#5a6aa0,#3a4678);border-radius:50%;place-items:center;width:44px;height:44px;font-size:20px;display:grid;position:relative;box-shadow:0 4px #252d55,inset 0 2px #ffffff40}.road-node.done{background:linear-gradient(#7dffa0,#27c457);box-shadow:0 4px #1e9a44,inset 0 2px #ffffff80}.road-node.cur{color:#6a3a00;background:linear-gradient(#ffe98a,#ffbf1f);width:58px;height:58px;font-size:26px;animation:.8s infinite alternate readyPulse;box-shadow:0 5px #d99a00,0 0 0 4px #fff,0 0 24px #ffd23fcc}.road-node.boss:not(.cur):not(.done){background:linear-gradient(#ff8095,#e8304f);box-shadow:0 4px #b8183a,inset 0 2px #fff6}.road-link{background:#3a4678;border-radius:4px;width:18px;height:8px}.road-link.done{background:#27c457}.mini-stars{color:#ffd23f;letter-spacing:-1px;-webkit-text-stroke:.5px #7a3a00;white-space:nowrap;font-size:14px;position:absolute;bottom:-16px}.stages{align-items:center;gap:0;margin:-2px 0 1px;display:flex}.stages span{background:linear-gradient(#5a6aa0,#3a4678);border-radius:50%;place-items:center;width:24px;height:24px;font-size:13px;transition:transform .3s,background .3s;display:grid;box-shadow:0 2px #252d55,inset 0 1px #ffffff4d}.stages span.castle,.stages span.boss{background:linear-gradient(#ff8095,#e8304f);width:28px;height:28px;font-size:16px;box-shadow:0 2px #b8183a,inset 0 1px #fff6}.stages span.done{background:linear-gradient(#7dffa0,#27c457);box-shadow:0 2px #1e9a44}.stages span.cur{color:#6a3a00;background:linear-gradient(#ffe98a,#ffbf1f);transform:scale(1.25);box-shadow:0 2px #d99a00,0 0 0 2px #fff,0 0 14px #ffd23fe6}.stages b{background:#141e46b3;border-radius:3px;width:16px;height:5px}.stages b.done{background:#27c457}.warn{pointer-events:none;animation:2.2s forwards warnIn;position:absolute;top:24%;left:0;right:0}.warn-band{text-align:center;background:repeating-linear-gradient(-45deg,#ff2a48 0 26px,#c4102e 26px 52px);margin:0 -20px;padding:10px 0;transform:rotate(-3deg);box-shadow:0 0 0 4px #ffd23f,0 0 0 7px #1a0008,0 10px 30px #00000080}.warn-band span{letter-spacing:2px;color:#fff;-webkit-text-stroke:2.5px #3a0010;paint-order:stroke fill;font-size:clamp(26px,7vw,44px);animation:.25s steps(2,end) 6 warnBlink}@keyframes warnIn{0%{opacity:0;transform:scaleY(0)}10%{opacity:1;transform:scaleY(1.2)}16%{transform:scaleY(1)}82%{opacity:1;transform:none}to{opacity:0;transform:translate(60px)}}@keyframes warnBlink{50%{opacity:.55}}.wave-banner.clear{color:#7cff9b;-webkit-text-stroke-color:#0b5a25;font-size:54px}.wave-banner.stage{color:#fff;-webkit-text-stroke-color:#10318a}.praise{text-align:center;pointer-events:none;color:#fff;letter-spacing:2px;background:linear-gradient(#fff6a0 20%,#ffb800 55%,#ff7a00 90%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px #7a2a00)drop-shadow(0 0 18px #ffb428b3);-webkit-background-clip:text;background-clip:text;font-size:clamp(40px,11vw,72px);animation:1.4s cubic-bezier(.2,1.6,.4,1) forwards praise;position:absolute;top:34%;left:0;right:0}@keyframes praise{0%{opacity:0;transform:scale(.2)rotate(-12deg)}18%{opacity:1;transform:scale(1.15)rotate(3deg)}30%{transform:scale(1)rotate(0)}75%{opacity:1}to{opacity:0;transform:translateY(-40px)scale(1.05)}}.hurt{pointer-events:none;opacity:0;position:absolute;inset:0;box-shadow:inset 0 0 90px 30px #ff1432bf}.hurt.on{animation:.5s ease-out hurt}@keyframes hurt{0%{opacity:1}to{opacity:0}}.ulabel{will-change:transform;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:0;left:0}.ulabel span{color:#fff;-webkit-text-stroke:2px #6a0018;paint-order:stroke fill;text-shadow:0 2px #00000059;font-size:22px;line-height:1}.ulabel i{background:#14000ab3;border-radius:4px;width:46px;height:7px;display:block;overflow:hidden;box-shadow:0 0 0 1.5px #ffffffd9}.ulabel em{transform-origin:0;background:linear-gradient(#ff9aa8,#ff2a48);height:100%;display:block}.ulabel.ally span{-webkit-text-stroke-color:#0b2a7a}.ulabel.ally em{background:linear-gradient(#a8e0ff,#2f8cff)}.ulabel.huge span{font-size:30px}.ulabel.huge i{width:70px;height:9px}.float.gain{color:#bfe6ff;-webkit-text-stroke:2px #0b3a8f;font-size:30px}.float.gold{color:#ffe066;-webkit-text-stroke:2.5px #7a3a00;font-size:38px}.overlay.won{overflow:hidden}.rays{pointer-events:none;background:repeating-conic-gradient(#ffd64661 0deg 9deg,#ffd64600 9deg 18deg);width:1600px;height:1600px;margin:-800px 0 0 -800px;animation:18s linear infinite spin;position:absolute;top:42%;left:50%;-webkit-mask:radial-gradient(circle,#000 0%,#0000 55%);mask:radial-gradient(circle,#000 0%,#0000 55%)}.statgrid{grid-template-columns:1fr 1fr 1fr}.statgrid b{font-size:22px}