:root{--ink:#34405a;--blue:#3d8bff;--red:#ff5a4e;--gold:#ffd23f;--card:#fff;--shadow:0 4px 0 #1e325a2e, 0 8px 24px #1e325a2e;color:var(--ink);font-family:Fredoka,Nunito,system-ui,sans-serif}*{box-sizing:border-box}html,body{-webkit-user-select:none;user-select:none;background:#9fe0ff;height:100%;margin:0;overflow:hidden}canvas#game{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}button{color:inherit;cursor:pointer;border:0;font-family:inherit}#hud{pointer-events:none;position:fixed;inset:0}#hud button{pointer-events:auto}.pill{background:var(--card);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;padding:6px 18px 6px 8px;font-size:26px;font-weight:700;display:flex;position:absolute;top:14px;left:16px}.coin{background:radial-gradient(circle at 50% 45%,#f2b51c 0 38%,#ffd23f 40% 100%);border-radius:50%;width:30px;height:30px;box-shadow:0 3px #e8a913}.pill.bump{animation:.18s ease-out bump}@keyframes bump{50%{transform:scale(1.12)}}.castles{align-items:center;gap:10px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.castle{background:var(--card);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:15px;font-weight:600;display:flex}.castle .bar{background:#e6e9f0;border-radius:999px;width:120px;height:14px;overflow:hidden}.castle .fill{border-radius:999px;width:100%;height:100%;transition:width .2s}.castle.you .fill{background:var(--blue)}.castle.enemy .fill{background:var(--red)}.castle .tag{min-width:44px}.castle .num{text-align:right;opacity:.7;min-width:38px;font-size:13px}.castle.hit{animation:.25s shake}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.wave{color:#fff;box-shadow:var(--shadow);text-align:center;background:#34405a;border-radius:999px;min-width:78px;padding:8px 14px;font-size:16px;font-weight:700}.wave.soon{background:var(--red);animation:.5s infinite alternate pulse}@keyframes pulse{to{transform:scale(1.08)}}.buttons{gap:8px;display:flex;position:absolute;top:14px;right:16px}.round{background:var(--card);width:46px;height:46px;box-shadow:var(--shadow);border-radius:50%;place-items:center;font-size:22px;display:grid}.round:active,.round.on{background:#fff3c4;transform:translateY(2px)}.minimap{width:54px;height:250px;box-shadow:var(--shadow);background:#ffffffd9;border-radius:14px;position:absolute;top:76px;right:16px;overflow:hidden}.minimap:before,.minimap:after{content:"";border-radius:4px;height:12px;position:absolute;left:4px;right:4px}.minimap:before{background:var(--red);top:4px}.minimap:after{background:var(--blue);bottom:4px}.mm-river{background:#5fc4ee;height:3px;margin-top:-1px;position:absolute;top:50%;left:0;right:0}.mm-tower{z-index:1;border:1.5px solid #fff;border-radius:2px;width:8px;height:8px;margin:-4px;position:absolute;box-shadow:0 1px 2px #0000004d}.mm-tower.gate{z-index:2;border-radius:3px;width:13px;height:13px;margin:-6.5px}.mm-tower.p0{background:var(--blue)}.mm-tower.p1{background:var(--red)}.mm-tower.empty{display:none}.mm-tower.down{opacity:.8;background:#9aa0aa}.mm-tower.down:after{content:"✕";color:#34405a;place-items:center;font-size:11px;font-weight:700;display:grid;position:absolute;inset:-3px}.pips{gap:3px;font-size:19px;display:flex}.pips i{font-style:normal;transition:opacity .3s,filter .3s}.pips i.down{opacity:.35;filter:grayscale();text-decoration:line-through}.mm-dot{border-radius:50%;width:7px;height:7px;margin:-3.5px;position:absolute}.mm-dot.p0{background:var(--blue)}.mm-dot.p1{background:var(--red)}.mm-dot.king{background:var(--gold);border:2px solid #fff;width:10px;height:10px;margin:-5px}.hint{color:#fff;white-space:nowrap;box-shadow:var(--shadow);background:#34405ae0;border-radius:999px;padding:10px 22px;font-size:20px;font-weight:600;transition:opacity .3s;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.hint:empty{opacity:0}.banner{color:#fff;opacity:0;text-shadow:0 5px #1e284666,0 0 30px #ff5a4e99;font-size:64px;font-weight:700;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)scale(.6)}.banner.show{animation:1.4s ease-out banner}@keyframes banner{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}25%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-60%)scale(1)}}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#28466e40;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.card{background:var(--card);text-align:center;width:100%;max-width:460px;box-shadow:var(--shadow);border-radius:28px;padding:28px 30px}.card.small{flex-direction:column;gap:10px;max-width:340px;display:flex}.logo{font-size:56px;line-height:1}h1{color:var(--ink);margin:6px 0 4px;font-size:44px}h2{margin:4px 0 8px;font-size:34px}.sub{opacity:.8;margin:0 0 18px;font-size:17px}.diffs{justify-content:center;gap:10px;margin-bottom:18px;display:flex}.big{background:#eef2f8;border-radius:16px;padding:12px 20px;font-size:20px;font-weight:700;box-shadow:0 4px #cfd6e3}.big:active{transform:translateY(3px);box-shadow:0 1px #cfd6e3}.big.primary{color:#fff;background:#4cc35a;box-shadow:0 4px #34983f}.big.blue{background:var(--blue);color:#fff;box-shadow:0 4px #2a64c0}.big:disabled{opacity:.5}.card{max-height:calc(100vh - 32px);overflow-y:auto}.online{margin:-4px 0 18px}.or{opacity:.6;margin-bottom:10px;font-size:14px;font-weight:600}.online .diffs{margin-bottom:10px}.join{justify-content:center;gap:10px;display:flex}.join input{width:150px;font:inherit;text-align:center;text-transform:uppercase;letter-spacing:3px;color:var(--ink);background:#fff;border:3px solid #cfd6e3;border-radius:16px;outline:none;padding:8px 10px;font-size:20px;font-weight:700}.join input:focus{border-color:var(--blue)}.join input::placeholder{letter-spacing:0;text-transform:none;opacity:.5;font-weight:600}.code{letter-spacing:10px;-webkit-user-select:text;user-select:text;background:#eef2f8;border-radius:18px;margin:4px 0;padding:6px 0 6px 10px;font-size:54px;font-weight:700}.sub.error{color:var(--red);opacity:1}.how{text-align:left;margin:0;padding-left:20px;font-size:15px;line-height:1.6}.stats{margin-bottom:6px;font-size:17px;line-height:1.7}.stick{pointer-events:none;z-index:5;background:#ffffff59;border:4px solid #fffc;border-radius:50%;width:120px;height:120px;margin:-60px 0 0 -60px;display:none;position:fixed}.stick.on{display:block}.stick-knob{background:#fff;border-radius:50%;width:52px;height:52px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 8px #00000040}@media (width<=640px){.castle .bar{width:56px}.castle .num{display:none}.castle .tag{min-width:0;font-size:13px}.castles{gap:6px;top:70px}.pill{font-size:22px}.hint{white-space:normal;text-align:center;width:max-content;max-width:calc(100% - 32px);font-size:15px}.banner{font-size:44px}.minimap{background:#ffffffb3;border-radius:10px;width:34px;height:150px;top:116px;right:10px}.pips{display:none}.round{width:40px;height:40px;font-size:18px}}