*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:#000}.screen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000a6;z-index:100;gap:24px}.screen-overlay h1{color:#fff;font-family:monospace;font-size:clamp(2rem,8vw,5rem);letter-spacing:.15em;text-transform:uppercase}.screen-overlay button,#btn-pause{background:transparent;color:#fff;border:2px solid #fff;font-family:monospace;cursor:pointer;text-transform:uppercase;letter-spacing:.1em}.screen-overlay button{padding:12px 40px;font-size:1rem}.screen-overlay button:hover,#btn-pause:hover{background:#ffffff26}#btn-pause{position:fixed;top:16px;right:16px;z-index:50;padding:8px 14px;font-size:.85rem;border-width:1px;color:#fff9;border-color:#fff6}#coin-hud{position:fixed;top:16px;left:16px;z-index:50;font-family:monospace;font-size:.9rem;letter-spacing:.1em;color:gold}.coin-display{color:gold;font-family:monospace;font-size:1.1rem;letter-spacing:.1em}.upgrade-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000e0;display:flex;flex-direction:column;font-family:monospace;color:#fff}.upgrade-header{display:flex;align-items:center;justify-content:space-between;padding:20px 40px;gap:24px;border-bottom:1px solid rgba(255,255,255,.2)}.upgrade-header h1{font-size:1.4rem;letter-spacing:.15em;text-transform:uppercase;flex:1}.upgrade-body{display:flex;flex:1;overflow:hidden}.upgrade-preview{flex:1;overflow:hidden;border-right:1px solid rgba(255,255,255,.2)}.upgrade-preview canvas{display:block;width:100%;height:100%}.upgrade-list{flex:1;padding:40px;display:flex;flex-direction:column;gap:12px}.upgrade-list>h2{font-size:.8rem;letter-spacing:.25em;text-transform:uppercase;color:#ffffff73;margin-bottom:4px}.upgrade-selected-info{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid rgba(255,255,255,.15)}.upgrade-selected-info h2{font-size:1.4rem;letter-spacing:.1em;text-transform:uppercase}.upgrade-preview-type{font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;color:#ffffff73}.upgrade-preview-current{font-size:.9rem;color:#ffffff80;letter-spacing:.05em}.upgrade-screen button{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45);font-family:monospace;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;padding:10px 24px;font-size:.9rem}.upgrade-screen button:hover:not(:disabled){background:#ffffff1a}.upgrade-screen button:disabled{opacity:.25;cursor:not-allowed}.upgrade-back-btn{flex-shrink:0}.upgrade-weapon-btn{text-align:left;width:100%}.upgrade-weapon-btn.selected{border-color:#fff;background:#ffffff1f}.upgrade-confirm-btn{border-width:2px;border-color:#fff;padding:12px 40px;font-size:1rem;margin-top:auto}.progress-track{width:min(300px,60vw);height:2px;background:#fff3}.progress-fill{height:100%;width:0%;background:#fff;transition:width .1s ease}canvas#game-canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}