@font-face{font-family:Samdan;src:url(/assets/Samdan-CdKIPMix.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Samdan Condensed;src:url(/assets/SamdanCondensed-V3-Rfq5h.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Samdan Evil;src:url(/assets/SamdanEvil-2kYH9t5E.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Samdan Evil Condensed;src:url(/assets/SamdanEvilCondensed-i0Wuwoir.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}.game-container{color:#fff;-webkit-user-select:none;user-select:none;background-color:#121212;flex-direction:column;align-items:stretch;width:100vw;height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;overflow:hidden}.game-header{text-align:center;z-index:2;flex-direction:column;flex:none;align-items:center;gap:8px;margin-bottom:0;padding:12px 0;display:flex}.game-title{letter-spacing:.5px;color:#8bc34a;text-transform:uppercase;-webkit-text-stroke:1.5px #1b5e20;paint-order:stroke fill;margin:0;font-family:Samdan,Segoe UI,sans-serif;font-size:28px}.class-selector{gap:10px;display:flex}.class-btn{color:#aaa;cursor:pointer;letter-spacing:.3px;-webkit-text-stroke:1.25px #000;paint-order:stroke fill;background:#2a2a2a;border:1px solid #444;border-radius:4px;padding:10px 22px;font-family:Samdan Condensed,Segoe UI,sans-serif;font-size:19px;font-weight:700;transition:all .15s ease-in-out}.class-btn:hover{color:#fff;background:#333}.class-btn.active-plant{color:#fff;background:#388e3c;border-color:#4caf50;box-shadow:0 0 8px #4caf5066}.class-btn.active-zombie{color:#fff;background:#7b1fa2;border-color:#9c27b0;font-family:Samdan Evil Condensed,Segoe UI,sans-serif;box-shadow:0 0 8px #9c27b066}.viewport-wrapper{flex:auto;width:100%;min-height:0;position:relative;overflow:hidden}.game-viewport{cursor:crosshair;background-color:#f4f6f0;width:100%;height:100%;display:block}.hud-container{pointer-events:none;justify-content:space-between;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.hud-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;border:1px solid #ffffff26;border-radius:6px;flex-direction:column;min-width:180px;padding:12px 20px;display:flex}.hud-label{color:#aaa;letter-spacing:.5px;-webkit-text-stroke:1px #000;paint-order:stroke fill;font-family:Samdan Condensed,Segoe UI,sans-serif;font-size:16px;font-weight:700}.hud-value{-webkit-text-stroke:1.25px #000;paint-order:stroke fill;margin-top:4px;font-family:Samdan Condensed,Segoe UI,sans-serif;font-size:24px;font-weight:700}.health-bar-bg{background-color:#333;border-radius:6px;width:160px;height:12px;margin-top:5px;overflow:hidden}.health-bar-fill{background-color:#4caf50;height:100%;transition:width .1s ease-out}.abilities-bar{pointer-events:none;gap:14px;display:flex}.ability-box{background:#141414d9;border:2px solid #555;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:76px;height:76px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 10px #00000080}.ability-key{color:#ffc107;-webkit-text-stroke:1.25px #6d4c00;paint-order:stroke fill;font-family:Samdan Condensed,Segoe UI,sans-serif;font-size:16px;font-weight:900;position:absolute;top:5px;left:7px}.ability-name{color:#fff;text-align:center;-webkit-text-stroke:1px #000;paint-order:stroke fill;margin-top:12px;padding:0 5px;font-family:Samdan Condensed,Segoe UI,sans-serif;font-size:14px;font-weight:700}.cooldown-overlay{color:#ff5252;-webkit-text-stroke:1.25px #7a1f1f;paint-order:stroke fill;background:#000000b3;justify-content:center;align-items:center;font-family:Samdan Condensed,Segoe UI,sans-serif;font-size:18px;font-weight:700;display:flex;position:absolute;inset:0}