:root{--wood: #3a2717;--wood-2: #5a3d24;--rim: #e8b860;--cream: #fff4dc;--green: #5fd17a;--green-deep: #1f6b3a;--red: #f2594b;--gold: #ffd35a}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#9fd6ee;font-family:Fredoka,system-ui,sans-serif;color:var(--cream);-webkit-user-select:none;user-select:none}#app{position:fixed;top:0;right:0;bottom:0;left:0}#app canvas{display:block}.panel{background:#2a1c10e0;border:3px solid var(--rim);border-radius:14px;box-shadow:0 4px #00000040}.hud-top{position:absolute;top:14px;left:14px;display:flex;gap:10px}.hud-right{position:absolute;top:14px;right:14px;display:flex;gap:10px}.stat{display:flex;align-items:center;gap:8px;padding:7px 14px;font-size:18px;font-weight:600}.stat svg{width:22px;height:22px}.btn{cursor:pointer;font:inherit;font-weight:600;color:var(--cream);background:#2a1c10e0;border:3px solid var(--rim);border-radius:12px;padding:7px 14px;font-size:16px;box-shadow:0 4px #00000040;transition:transform .08s}.btn:hover{transform:translateY(-1px);background:#46301ceb}.btn:active{transform:translateY(2px);box-shadow:0 2px #00000040}.btn.on{border-color:var(--green)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn-go{background:#2f8a4c;border-color:#9ff0b4;font-size:20px;padding:10px 20px}.btn-go:hover{background:#38a35a}.btn-red{background:#9c3a2e;border-color:#ffb3a6}.towers{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:10px;padding:8px}.tower-card{cursor:pointer;width:84px;padding:6px 4px;display:flex;flex-direction:column;align-items:center;gap:2px;border-radius:10px;border:3px solid transparent;background:#ffffff0d;color:var(--cream);font:inherit}.tower-card:hover{background:#ffffff1f}.tower-card.sel{border-color:var(--green);background:#5fd17a2e}.tower-card.poor{opacity:.45}.tower-card canvas{width:54px;height:54px}.tower-card .name{font-size:13px;font-weight:500}.tower-card .cost{font-size:14px;font-weight:600;color:var(--gold);display:flex;align-items:center;gap:4px}.tower-card .key{position:absolute;margin:-2px 0 0 -58px;font-size:11px;opacity:.7}.coin{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff1a8,#f2b630 60%,#b47a10);display:inline-block}.wave-btn{position:absolute;bottom:22px;right:18px}.info{position:absolute;right:14px;top:76px;width:230px;padding:14px}.info h3{margin:0 0 2px;font-size:20px;font-weight:600}.info .lvl{font-size:13px;opacity:.8;margin-bottom:10px}.info .row{display:flex;justify-content:space-between;font-size:15px;padding:2px 0}.info .row b{font-weight:600}.info .up{color:var(--green);font-size:13px;margin-left:4px}.info .actions{display:flex;gap:8px;margin-top:12px}.info .actions .btn{flex:1;font-size:14px;padding:7px 6px}.toast{position:absolute;top:80px;left:50%;transform:translate(-50%);padding:8px 18px;font-size:16px;pointer-events:none;transition:opacity .3s}.float{position:absolute;pointer-events:none;font-weight:600;font-size:17px;color:var(--gold);text-shadow:0 2px 0 #3a2717,0 0 3px #3a2717;transform:translate(-50%,-50%)}.banner{position:absolute;top:34%;left:50%;transform:translate(-50%,-50%);font-size:46px;font-weight:600;color:#fff;text-shadow:0 4px 0 #3a2717,0 0 8px rgba(0,0,0,.4);pointer-events:none;transition:opacity .5s}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#140e088c;display:flex;align-items:center;justify-content:center}.overlay .card{padding:28px 40px;text-align:center;min-width:320px}.overlay h2{margin:0 0 8px;font-size:38px;font-weight:600}.overlay p{margin:4px 0 18px;font-size:17px;opacity:.9}.reward{font-size:20px!important;font-weight:600;color:var(--cream)}.reward.gain{color:var(--gold)}.board{min-width:420px!important}.board table{width:100%;border-collapse:collapse;margin:6px 0 16px;font-size:15px}.board th{text-align:left;opacity:.7;font-weight:500;padding:4px 8px}.board td{padding:5px 8px;border-top:1px solid rgba(232,184,96,.25);text-align:left}.board tr.me td{color:var(--green)}.landing{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at center,#14281e00 30%,#0a191473)}.site-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px}.site-brand{display:flex;align-items:center;gap:10px;color:var(--cream);text-decoration:none;font-weight:600;font-size:20px;text-shadow:0 2px 0 #2a1a0e,0 0 6px rgba(0,0,0,.4)}.site-brand img{width:46px;height:auto}.site-right{display:flex;align-items:center;gap:10px}.icon-btn{width:44px;height:44px;display:grid;place-items:center;color:var(--cream);background:#2a1c10e0;border:3px solid var(--rim);border-radius:12px;box-shadow:0 4px #00000040}.icon-btn svg{width:20px;height:20px}.icon-btn:hover{background:#46301ceb}.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding-bottom:8vh;pointer-events:none}.hero>*{pointer-events:auto}.logo{display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 8px 0 rgba(0,0,0,.18))}.logo-head{width:min(200px,34vw);height:auto;margin-bottom:-18px;position:relative;z-index:1;animation:bob 2.6s ease-in-out infinite}.logo-word{font-weight:600;font-size:min(118px,17vw);line-height:1;color:#8ee05e;letter-spacing:2px;-webkit-text-stroke:10px #2a1a0e;paint-order:stroke fill;text-shadow:0 6px 0 #2a1a0e}.logo-plate{margin-top:-8px;padding:2px 34px 6px;background:var(--rim);border:6px solid #2a1a0e;border-radius:18px;font-weight:600;font-size:min(46px,7vw);letter-spacing:6px;color:var(--cream);-webkit-text-stroke:6px #2a1a0e;paint-order:stroke fill;box-shadow:0 6px #2a1a0e}@keyframes bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}.tagline{margin:10px 0 4px;font-size:22px;font-weight:500;text-align:center;color:#fff;text-shadow:0 2px 0 #2a1a0e,0 0 8px rgba(0,0,0,.5)}.btn-play{font-size:28px;padding:14px 54px;border-radius:16px}.modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0f0a0699;display:grid;place-items:center;padding:16px}.modal{position:relative;width:min(440px,100%);padding:22px 24px 24px;text-align:center}.modal h2{margin:0 0 14px;font-size:28px;font-weight:600}.modal-x{position:absolute;top:8px;right:12px;background:none;border:0;color:var(--cream);font-size:28px;cursor:pointer;line-height:1}.wl-head{width:86px;margin:-60px auto 4px;display:block;filter:drop-shadow(0 4px 0 rgba(0,0,0,.25))}.wl-list{list-style:none;margin:0 0 16px;padding:0;text-align:left}.wl-row{display:flex;align-items:center;gap:10px;padding:9px 4px;border-top:1px solid rgba(232,184,96,.25);font-size:16px}.wl-row:first-child{border-top:0}.wl-check{width:24px;height:24px;flex:none;border-radius:50%;border:2px solid rgba(232,184,96,.6);display:grid;place-items:center;font-size:14px}.wl-row.done .wl-check{background:var(--green);border-color:var(--green);color:#12351f}.wl-row.done .wl-label{opacity:.8}.wl-label{flex:1}.wl-actions{display:flex;gap:6px}.btn-sm{font-size:13px;padding:4px 10px;border-width:2px;border-radius:9px;box-shadow:0 2px #00000040}.wl-join{width:100%;font-size:20px}.wl-joined .wl-place{font-size:64px;font-weight:600;color:var(--gold);text-shadow:0 4px 0 #2a1a0e}.wl-joined p{margin:6px 0;font-size:17px}.muted{opacity:.7}#site-toast{position:fixed;z-index:60;top:80px;left:50%;transform:translate(-50%)}