:root{--wood-1:#a9702f;--wood-2:#6f3f16;--wood-edge:#3b220f;--wood-hi:#c98a45;--parch:#eadca8;--parch-edge:#80612e;--leaf:#2b9717;--leaf-2:#6fd52d;--leaf-edge:#315e10;--sun:#ffd23a;--z-bg:0;--z-scenery:1;--z-fence:2;--z-zomboss:3;--z-chars-2:4;--z-title:10;--z-chars-main:12;--z-party:14;--z-play:20;--z-loader:60}*{box-sizing:border-box}html,body{height:100%;margin:0}html{-webkit-text-size-adjust:100%}body{color:#fff;background:#0b1508;place-items:center;min-height:100dvh;font-family:Trebuchet MS,Arial,sans-serif;display:grid;overflow:hidden}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.game-shell{aspect-ratio:9/16;background:#8fd3ff;border-radius:18px;width:min(100%,480px);max-height:100dvh;margin:auto;position:relative;overflow:hidden;box-shadow:0 20px 60px #000a}@media (height<=700px){.game-shell{border-radius:0}}#game-screen,#invite-screen{width:100%;height:100%;position:absolute;inset:0}#cover-screen{z-index:40;background:#8fd3ff;width:100vw;height:100dvh;min-height:100dvh;position:fixed;inset:0}#cover-screen[hidden],[hidden]{display:none!important}.screen-fade{pointer-events:none;transition:opacity .5s;opacity:0!important}#loader{z-index:70;background:radial-gradient(120% 120% at 50% 30%,#123a0e,#0b1508);place-items:center;transition:opacity .35s;display:grid;position:fixed;inset:0}#loader.done{opacity:0;pointer-events:none}.loader-badge{color:#ffe98a;letter-spacing:.3px;justify-items:center;gap:14px;padding:22px 26px;font-weight:900;display:grid}.loader-sun{background:radial-gradient(circle at 35% 30%, #fff2a8, var(--sun) 60%, #e8a91f);border-radius:50%;width:54px;height:54px;animation:3.2s linear infinite sunSpin;box-shadow:0 0 22px #ffd23a99}.loader-text{text-shadow:0 2px #06340a;font-size:15px}.loader-bar{background:#0c2a0a;border:2px solid #0a1f07;border-radius:20px;width:180px;height:10px;overflow:hidden}.loader-bar>i{background:linear-gradient(90deg,#7ee356,#39a417);border-radius:20px;width:30%;height:100%;animation:1.1s ease-in-out infinite loaderSlide;display:block}#cover-screen{background:#8fd3ff}.cover-frame{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden}.cover-art{object-fit:contain;object-position:center center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;animation:.5s both coverIn;display:block;position:absolute;inset:0}#play-button{--side:min(100vw, 100dvh);--btn-cx:50%;--btn-fy:.78;z-index:5;left:var(--btn-cx);top:calc((100dvh - var(--side)) / 2 + var(--side) * var(--btn-fy));width:calc(var(--side) * .42);height:calc(var(--side) * .14);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;margin:0;padding:0;animation:1.9s ease-in-out infinite playPulseSoft;position:absolute;transform:translate(-50%,-50%)}#play-button:focus-visible{outline-offset:4px;outline:4px solid #ffe23a}#play-button:active{transform:translate(-50%,-50%)scale(.97)}#play-button[disabled]{cursor:default}@keyframes coverIn{0%{opacity:0}to{opacity:1}}@keyframes playPulseSoft{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.03)}}@media (prefers-reduced-motion:reduce){.cover-art{opacity:1;animation:none}#play-button{animation:none}.screen-fade{transition:none}}#game-screen{background:#4f9b34;place-items:center;display:grid;overflow:hidden}#game-screen:before{content:"";z-index:0;filter:blur(8px)brightness(.72);background:#4f9b34 url(/assets/gameplay_lawn_background-KjOzn4oo.png) 50%/cover no-repeat;position:absolute;inset:0;transform:scale(1.06)}.world-stage{z-index:1;aspect-ratio:1;width:min(100%,100dvh);max-width:100dvh;position:relative}#phaser-root-spa{z-index:1;position:absolute;inset:0}#phaser-root-spa canvas{display:block}.game-bg{z-index:0;background:url(/assets/gameplay_lawn_background-KjOzn4oo.png) 50%/contain no-repeat;position:absolute;inset:0}#glcanvas{z-index:1;touch-action:manipulation;background:0 0;width:100%;height:100%;display:block;position:absolute;inset:0}.hud{top:calc(6px + env(safe-area-inset-top));z-index:5;flex-wrap:nowrap;align-items:center;gap:6px;min-height:56px;padding:6px 8px;display:flex;position:absolute;left:6px;right:6px}.card-tray{flex-wrap:nowrap;flex:auto;justify-content:flex-start;align-items:center;gap:clamp(2px,1.2vw,6px);min-width:0;display:flex}.sunbank{background:var(--parch);color:#3b2a14;border:3px solid var(--parch-edge);border-radius:10px;flex:none;align-items:center;gap:8px;min-width:92px;height:clamp(44px,10vw,58px);padding:0 12px;font-size:clamp(17px,4.6vw,22px);font-weight:1000;display:flex}.sunbank .disc{background:radial-gradient(circle at 35% 30%,#fff2a8,var(--sun) 60%,#e8a91f);border-radius:50%;width:clamp(24px,6vw,32px);height:clamp(24px,6vw,32px);box-shadow:0 0 8px #ffd23a}.card{cursor:pointer;background:0 0;border:0;flex:none;height:clamp(40px,11vw,66px);padding:0;transition:transform 80ms;position:relative}.card img{background:0 0;border:0;width:auto;height:100%;display:block}.card:not(:disabled):hover{transform:translateY(-2px)}.card:disabled{filter:grayscale(.6);opacity:.55;cursor:not-allowed}.card.sel img{filter:drop-shadow(0 0 6px #ffe23a)drop-shadow(0 0 3px #ffe23a)}.wavebadge{color:#ffeec0;white-space:nowrap;background:#0004;border-radius:10px;flex:none;place-items:center;height:clamp(44px,10vw,58px);padding:0 clamp(4px,2vw,10px);font-size:clamp(11px,3vw,16px);font-weight:1000;display:grid}.pause{color:#dff;cursor:pointer;background:#0004;border:0;border-radius:10px;flex:none;place-items:center;width:clamp(42px,11vw,54px);height:clamp(44px,10vw,58px);font-size:clamp(18px,5vw,24px);display:grid}@media (width<=440px){.card{height:clamp(38px,9.2vw,52px)}.card-tray{gap:3px}.sunbank{min-width:78px;padding:0 8px;font-size:clamp(15px,4vw,19px)}}@media (width<=400px){.card{height:clamp(34px,8.4vw,48px)}.sunbank{min-width:70px}.wavebadge{font-size:clamp(10px,2.7vw,13px)}}.btn{border:4px solid var(--leaf-edge);background:linear-gradient(var(--leaf-2),var(--leaf));color:#fff;text-shadow:0 2px #205010;cursor:pointer;border-radius:16px;padding:12px 22px;font-size:18px;font-weight:1000;text-decoration:none;display:inline-block}.btn:hover{filter:brightness(1.08)}.imgbtn{cursor:pointer;background:0 0;border:0;padding:0}.imgbtn img{height:auto;display:block}.banner{left:12px;bottom:calc(12px + env(safe-area-inset-bottom));color:#3b2a14;background:var(--parch);border:3px solid var(--parch-edge);z-index:6;border-radius:12px;max-width:78%;padding:9px 12px;font-size:13px;font-weight:800;position:absolute;box-shadow:0 6px 14px #0006}.banner b{color:#8a5a17;font-size:15px;display:block}.banner.hide{display:none}.overlay{text-align:center;z-index:30;background:radial-gradient(120% 120% at 50% 40%,#2a4d1acc,#0f1d0bee);place-items:center;padding:20px;display:none;position:absolute;inset:0}.overlay.show{display:grid}.overlay .plaque{justify-items:center;gap:14px;max-width:92%;display:grid}.overlay .plaque>img{max-width:min(80vw,420px);height:auto}.overlay .msg{color:#d7ff39;text-shadow:0 4px #315c16;margin:0;font-size:clamp(28px,8vw,54px);font-weight:1000;line-height:1.02}.overlay .msg small{color:#fff;margin-top:6px;font-size:clamp(14px,4vw,22px);display:block}#see-invite img{width:min(70vw,300px)}.overlay.scene{background-color:#0b1508;background-position:50%;background-repeat:no-repeat;background-size:contain;align-items:end;padding:0}.overlay.scene-win{background-image:url(/assets/Escena%20de%20Victoria-BUosv8lQ.jpeg)}.overlay.scene-lose{background-image:url(/assets/game_over_defeat_screen_ar-D2q-E0yH.png)}.scene-actions{z-index:2;width:100%;padding-bottom:max(24px, env(safe-area-inset-bottom));justify-items:center;display:grid;position:relative}.scene-win .scene-actions #see-invite img{width:min(72vw,320px)}.scene-lose .scene-actions .btn{font-size:clamp(16px,4.4vw,20px)}#invite-screen{padding:16px;padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:calc(16px + env(safe-area-inset-bottom));background:radial-gradient(120% 80% at 50% 0,#bfe9ff 0%,#8fd3ff 40%,#0000 55%),linear-gradient(#8fd3ff 0 45%,#7cc154 45% 100%);place-items:center;display:grid;overflow:auto}.invite-wrap{justify-items:center;gap:14px;width:min(100%,440px);display:grid}.invite-img{border-radius:16px;width:100%;height:auto;display:block;box-shadow:0 14px 40px #0008}.invite-img[hidden]{display:none!important}.invite-missing{background:var(--parch);color:#3b2a14;border:3px dashed var(--parch-edge);text-align:center;border-radius:16px;width:100%;padding:22px 20px;box-shadow:0 10px 30px #0006}.invite-missing[hidden]{display:none!important}.invite-missing-title{color:#8a5a17;margin:0 0 8px;font-size:18px;font-weight:1000}.invite-missing-text{margin:0;font-size:14px;line-height:1.4}.invite-missing code{background:#0001;border-radius:5px;padding:1px 5px}.invite-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.maps{background:linear-gradient(#4a90ff,#1e5fd0);border-color:#12419b}@keyframes titleIn{0%{opacity:0;transform:translate(-50%)scale(.92)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes armyInL{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes armyInR{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes playIn{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes zombieIdle{0%,to{transform:translate(0)}50%{transform:translate(-3px)}}@keyframes zombossFloat{0%,to{transform:translateY(-5px)}50%{transform:translateY(5px)}}@keyframes cloudDrift{0%{transform:translate(-3%)}to{transform:translate(3%)}}@keyframes sunSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes playPulse{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.04)}}@keyframes playPress{0%{transform:translate(-50%)scale(.96)}60%{transform:translate(-50%)scale(1.06)}to{transform:translate(-50%)scale(1)}}@keyframes loaderSlide{0%{transform:translate(-40%)}50%{transform:translate(180%)}to{transform:translate(-40%)}}