@import "https://fonts.cdnfonts.com/css/pixeloid-sans";@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--bg-color:#0a0a1a;--bg-block-color:#1a1a2d;--text-primary:#fff;--text-secondary:#8f8fb7;--accent-primary:#c084fc;--accent-secondary:#7c3aed;--accent-tertiary:#e0c8ff;--accent-gold:#fbbf24;--accent-danger:#f87171;--accent-heal:#4ade80;--panel-bg:#0a0a1ad9;--panel-border:#c084fc80;--panel-highlight:#c084fc33;--spade-color:#5b21b6;--club-color:#1e3a5f;--diamond-color:#92400e;--heart-color:#dc2626;--arrow-tower:#a78bfa;--cannon-tower:#fbbf24;--ice-tower:#67e8f9;--chain-tower:#facc15;--cheshire-tower:#10b981;--font-primary:"Press Start 2P", system-ui;--font-secondary:"Pixeloid Mono", monospace;--font-size-title:2.5rem;--font-size-section-title:1.2rem;--font-size-body:.75rem;--font-size-small:.65rem;--font-size-xs:.55rem}*{box-sizing:border-box;image-rendering:pixelated;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-secondary);text-transform:uppercase;height:100vh;font-size:var(--font-size-body);image-rendering:pixelated;overflow:hidden}button,input,select,textarea{font-family:inherit}.pixel-background{z-index:0;opacity:.8;width:100%;height:100%;image-rendering:pixelated;background-image:url(https://assets.codepen.io/7558/pixel-bg-015.webp);background-position:50%;background-size:cover;position:fixed;top:0;left:0}.grid-overlay{pointer-events:none;z-index:1;background-image:linear-gradient(90deg,#c084fc0f 1px,#0000 1px),linear-gradient(#c084fc0f 1px,#0000 1px);background-size:24px 24px;width:100%;height:100%;position:absolute;top:0;left:0}.loading-overlay{background:var(--bg-color);z-index:1000;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s;display:flex;position:fixed;top:0;left:0}.loading-container{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:500px;padding:1.25rem;display:flex}.loading-text{text-align:center;font-family:var(--font-secondary);color:var(--accent-primary);letter-spacing:2px;font-size:var(--font-size-small);margin-top:1.25rem}.loading-progress{border:2px solid var(--panel-border);background:#ffffff1a;width:80%;height:8px;position:absolute;bottom:10px}.loading-progress-bar{background:var(--accent-primary);width:0%;height:100%;transition:width .2s}.heart-preloader-container{border:4px solid var(--accent-primary);background-color:#0a0a1a80;justify-content:center;align-items:center;width:180px;height:180px;display:flex;position:relative;overflow:hidden}.pixel-heart-container{width:135px;height:160px;position:relative}.pixel-heart{width:15px;height:15px;box-shadow:calc(2*15px) calc(1*15px) var(--accent-primary), calc(3*15px) calc(1*15px) var(--accent-secondary), calc(5*15px) calc(1*15px) var(--accent-tertiary), calc(6*15px) calc(1*15px) #e0d0ff, calc(1*15px) calc(2*15px) var(--accent-secondary), calc(2*15px) calc(2*15px) var(--accent-secondary), calc(3*15px) calc(2*15px) var(--accent-primary), calc(4*15px) calc(2*15px) var(--accent-primary), calc(5*15px) calc(2*15px) var(--accent-tertiary), calc(6*15px) calc(2*15px) var(--accent-tertiary), calc(7*15px) calc(2*15px) var(--accent-tertiary), calc(1*15px) calc(3*15px) var(--accent-secondary), calc(2*15px) calc(3*15px) var(--accent-secondary), calc(3*15px) calc(3*15px) var(--accent-secondary), calc(4*15px) calc(3*15px) var(--accent-primary), calc(5*15px) calc(3*15px) var(--accent-primary), calc(6*15px) calc(3*15px) var(--accent-tertiary), calc(7*15px) calc(3*15px) var(--accent-tertiary), calc(1*15px) calc(4*15px) var(--accent-secondary), calc(2*15px) calc(4*15px) var(--accent-secondary), calc(3*15px) calc(4*15px) var(--accent-secondary), calc(4*15px) calc(4*15px) var(--accent-primary), calc(5*15px) calc(4*15px) var(--accent-primary), calc(6*15px) calc(4*15px) var(--accent-tertiary), calc(7*15px) calc(4*15px) var(--accent-tertiary), calc(2*15px) calc(5*15px) var(--accent-secondary), calc(3*15px) calc(5*15px) var(--accent-secondary), calc(4*15px) calc(5*15px) var(--accent-secondary), calc(5*15px) calc(5*15px) var(--accent-primary), calc(6*15px) calc(5*15px) var(--accent-primary), calc(3*15px) calc(6*15px) var(--accent-secondary), calc(4*15px) calc(6*15px) var(--accent-secondary), calc(5*15px) calc(6*15px) var(--accent-primary), calc(4*15px) calc(7*15px) var(--accent-secondary);animation:3s ease-in-out infinite heart-pulse;position:absolute;top:0;left:0}@keyframes heart-pulse{0%,to{opacity:1}50%{opacity:.6}}.interface-container{z-index:2;pointer-events:none;flex-direction:column;justify-content:space-between;width:100%;height:100vh;padding:1.25rem;display:flex;position:relative}.header{justify-content:space-between;padding:.5rem 1.25rem;display:flex}.header-item{font-size:var(--font-size-small);color:var(--text-secondary);text-shadow:2px 2px #00000080}.game-canvas-container{z-index:3;image-rendering:pixelated;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-canvas{image-rendering:pixelated;display:block}.pixelated-border{z-index:-1;border:8px solid var(--accent-primary);image-rendering:pixelated;box-shadow:0 0 0 2px #000, 0 0 0 4px var(--accent-primary), 0 0 0 6px #000;transition:border-color .5s;position:absolute;inset:-10px}.data-panel{background:var(--panel-bg);border:4px solid var(--panel-border);pointer-events:auto;z-index:10;width:280px;image-rendering:pixelated;padding:.75rem;position:absolute;top:20px;left:20px}.data-panel-title{font-size:var(--font-size-small);color:var(--accent-primary);text-shadow:2px 2px #00000080;justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.data-readouts{margin-top:.5rem}.data-row{font-size:var(--font-size-small);justify-content:space-between;margin-bottom:.25rem;display:flex}.data-label{color:var(--text-secondary)}.data-value{color:var(--text-primary)}.data-bar{border:2px solid var(--panel-border);background:#ffffff1a;height:8px;margin:.5rem 0;position:relative}.data-bar-fill{background:var(--accent-primary);height:100%;transition:width .5s}.tower-shop-panel{background:var(--panel-bg);border:4px solid var(--panel-border);pointer-events:auto;z-index:10;width:280px;image-rendering:pixelated;padding:.75rem;position:absolute;top:20px;right:20px}.tower-shop-grid{flex-wrap:wrap;gap:6px;margin:.5rem 0;display:flex}.tower-shop-item{border:2px solid var(--panel-border);cursor:pointer;background:var(--panel-highlight);justify-content:center;align-items:center;width:46px;height:46px;font-size:1.3rem;transition:all .15s;display:flex;position:relative}.tower-shop-item:hover{border-color:var(--accent-primary);background:#c084fc4d}.tower-shop-item.selected{border-color:var(--accent-gold);box-shadow:0 0 6px var(--accent-gold);background:#fbbf2433}.tower-shop-item.unaffordable{opacity:.35;cursor:not-allowed}.tower-info{font-size:var(--font-size-xs);color:var(--text-secondary);border:1px solid var(--panel-border);background:#0003;min-height:2.5rem;margin-bottom:.25rem;padding:.4rem;line-height:1.4}.tower-info-text{color:var(--accent-tertiary)}.tower-btn{width:100%;margin-bottom:4px}.control-panel{background:var(--panel-bg);border:4px solid var(--panel-border);pointer-events:auto;z-index:10;width:280px;image-rendering:pixelated;padding:.75rem;position:absolute;bottom:20px;right:20px}.panel-header{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.control-group{margin-bottom:.5rem}.control-row{justify-content:space-between;margin-bottom:.25rem;display:flex}.control-label{font-size:var(--font-size-small);color:var(--text-secondary)}.control-value{font-size:var(--font-size-small);color:var(--text-primary)}.slider-container{flex-direction:column;width:100%;display:flex}.slider{-webkit-appearance:none;border:2px solid var(--panel-border);background:#ffffff1a;outline:none;width:100%;height:8px}.slider::-webkit-slider-thumb{appearance:none;background:var(--accent-primary);cursor:pointer;width:14px;height:14px}.buttons{gap:.5rem;margin-top:.5rem;display:flex}.btn{background:var(--panel-highlight);border:2px solid var(--panel-border);color:var(--accent-primary);font-size:var(--font-size-small);cursor:pointer;flex:1;padding:.4rem 0;transition:all .2s}.btn:hover{background:var(--panel-border);color:var(--text-primary)}.terminal-panel{background:var(--panel-bg);border:4px solid var(--panel-border);pointer-events:auto;z-index:10;width:280px;height:140px;image-rendering:pixelated;position:absolute;bottom:20px;left:20px;overflow:hidden}.terminal-header{font-size:var(--font-size-small);color:var(--accent-primary);text-shadow:2px 2px #00000080;background:#0000004d;justify-content:space-between;align-items:center;padding:.4rem .5rem;display:flex}.terminal-content{height:calc(100% - 28px);font-size:var(--font-size-xs);color:var(--text-secondary);scrollbar-width:none;-ms-overflow-style:none;padding:.5rem;line-height:1.4;overflow-y:auto}.terminal-content::-webkit-scrollbar{display:none}.terminal-line{margin-bottom:.25rem}.command-line{color:#fff}.regular-line{color:var(--accent-tertiary)}.typing{position:relative}.typing:after{content:"_";animation:1s infinite blink;position:absolute}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.story-panel{background:var(--panel-bg);border:4px solid var(--panel-border);pointer-events:auto;z-index:10;height:auto;image-rendering:pixelated;position:absolute;bottom:20px;left:320px;right:320px;overflow:hidden}.story-header{font-size:var(--font-size-small);color:var(--accent-primary);text-shadow:2px 2px #00000080;background:#0000004d;justify-content:space-between;align-items:center;padding:.4rem .5rem;display:flex}.story-content{height:80px;font-size:var(--font-size-small);color:var(--text-primary);text-transform:uppercase;scrollbar-width:none;-ms-overflow-style:none;padding:.5rem;line-height:1.5;overflow-y:auto}.story-content::-webkit-scrollbar{display:none}.start-screen{z-index:100;background:#0a0a1af2;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.start-body{font-size:var(--font-size-section-title);color:var(--accent-tertiary)}.start-title{font-size:var(--font-size-title);color:var(--accent-primary);text-shadow:4px 4px #00000080;text-align:center;margin-bottom:1.5rem}.start-subtitle{font-size:var(--font-size-body);color:var(--text-primary);text-shadow:2px 2px #00000080;text-align:center;margin-bottom:.5rem}.start-btn{background:var(--panel-highlight);border:4px solid var(--panel-border);color:var(--accent-primary);font-size:var(--font-size-section-title);cursor:pointer;margin-top:1.5rem;padding:.8rem 1.6rem;transition:all .2s}.start-btn:hover{background:var(--panel-border);color:var(--text-primary)}.game-over-overlay{z-index:100;opacity:0;pointer-events:none;background:#0a0a1ad9;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s;display:flex;position:absolute;top:0;left:0}.game-over-title{font-size:var(--font-size-title);color:var(--accent-primary);text-shadow:4px 4px #00000080;margin-bottom:1.5rem}.game-over-score{font-size:var(--font-size-section-title);color:var(--text-primary);text-shadow:2px 2px #00000080;margin-bottom:1.5rem}.restart-btn{background:var(--panel-highlight);border:4px solid var(--panel-border);color:var(--accent-primary);font-size:var(--font-size-body);cursor:pointer;margin-bottom:1.5rem;padding:.8rem 1.6rem;transition:all .2s}.restart-btn:hover{background:var(--panel-border);color:var(--text-primary)}.game-over-credits{font-size:var(--font-size-xs);color:var(--text-secondary);text-align:center;text-shadow:1px 1px #00000080;margin-top:.5rem;line-height:1.5}.floating-particles{pointer-events:none;z-index:4;width:100%;height:100%;position:absolute;top:0;left:0}.particle{pointer-events:none;position:absolute}.meteor-container{pointer-events:none;z-index:2;width:100%;height:100%;position:fixed;top:0;left:0;overflow:visible}.meteor{pointer-events:none;position:fixed}.score-popup{font-size:var(--font-size-body);z-index:10;pointer-events:none;position:absolute}.audio-control{z-index:15;position:absolute;top:20px;right:20px}.audio-btn{background:var(--panel-bg);border:2px solid var(--panel-border);width:32px;height:32px;color:var(--accent-primary);font-size:var(--font-size-body);cursor:pointer;justify-content:center;align-items:center;display:flex}.pixel-reveal-container{z-index:999;pointer-events:none;flex-direction:column;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.pixel-reveal-row{width:100%;height:10vh;display:flex}.pixel-reveal-block{background-color:var(--bg-block-color);opacity:1;width:10vh;height:100%}.tower-ghost{border:2px solid var(--accent-gold)!important}.tower-placed{border:2px solid var(--accent-primary)!important}.wave-announcement{color:var(--accent-primary);z-index:50;pointer-events:none;text-shadow:4px 4px #00000080;opacity:0;font-size:2rem;font-family:var(--font-primary);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.range-indicator{pointer-events:none;z-index:5;border:2px solid var(--accent-gold);opacity:0;background:#fbbf2414;border-radius:50%;transition:opacity .15s;position:fixed}@media (width<=768px){.terminal-panel,.story-panel,.control-panel,.tower-shop-panel,.data-panel{display:none}.game-canvas-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.game-canvas{border:8px solid var(--accent-primary);max-width:96%;max-height:96%;image-rendering:pixelated}.start-title{font-size:calc(var(--font-size-title)*.6);padding:0 1rem}.start-subtitle{font-size:calc(var(--font-size-body)*.8);padding:0 1rem}.game-over-title{font-size:calc(var(--font-size-title)*.6)}}