@font-face{font-family:FKRasterGrotesk;src:url(./FKRasterGroteskTrial-Sharp-CMr8CzRK.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:FKRasterGroteskCompact;src:url(./FKRasterGroteskCompactTrial-Sharp-C4xGDFBm.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--pixel-font: "FKRasterGrotesk", "Courier New", monospace;--pixel-font-compact: "FKRasterGroteskCompact", "Courier New", monospace}body{margin:0;padding:0;width:100%;height:100%;color:#ffffffde;background-color:#000;overflow:hidden;font-family:var(--pixel-font)}#app{width:100%;height:calc(var(--vh, 1vh) * 100);overflow:hidden}#game-container{width:100%;height:100%}#game-container canvas{display:block;image-rendering:auto}.email-collector{position:absolute;display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;background:#000000e6;border:2px solid #00ff00;border-radius:12px;box-shadow:0 0 20px #00ff004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);min-width:280px;max-width:90vw}.email-input{width:100%;max-width:300px;padding:12px 16px;font-size:16px;font-family:var(--pixel-font);border:2px solid #333;border-radius:8px;background-color:#1a1a1a;color:#fff;outline:none;transition:all .3s ease;box-sizing:border-box}.email-input:focus{border-color:#0f0;box-shadow:0 0 10px #00ff004d}.email-input::placeholder{color:#888}.email-input:disabled{background-color:#0a0a0a;color:#666;border-color:#222}.email-submit-btn{padding:12px 24px;font-size:16px;font-family:var(--pixel-font);font-weight:700;background:linear-gradient(45deg,#0f0,#0c0);color:#000;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;min-width:120px;text-transform:uppercase}.email-submit-btn:hover:not(:disabled){background:linear-gradient(45deg,#0c0,#090);transform:translateY(-2px);box-shadow:0 4px 12px #0f06}.email-submit-btn:active:not(:disabled){transform:translateY(0)}.email-submit-btn:disabled{background:#333;color:#666;cursor:not-allowed;transform:none;box-shadow:none}.email-submit-btn.submitting{background:#666;color:#ccc;position:relative}.email-submit-btn.submitting:after{content:"";position:absolute;width:16px;height:16px;margin:auto;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.email-status-message{display:none;font-family:var(--pixel-font);font-size:14px;text-align:center;padding:8px 12px;border-radius:6px;max-width:300px;word-wrap:break-word}.email-status-message.error{background-color:#f003;color:#f66;border:1px solid #ff0000}.email-status-message.success{background-color:#0f03;color:#6f6;border:1px solid #00ff00}.email-status-message.loading{background-color:#ff03;color:#ff6;border:1px solid #ffff00}@media (max-width: 480px){.email-collector{min-width:260px;padding:16px;gap:10px}.email-input{font-size:16px;padding:14px 12px}.email-submit-btn{font-size:16px;padding:14px 20px;width:100%}.email-status-message{font-size:13px}}@media (max-width: 320px){.email-collector{min-width:240px;padding:12px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.email-collector,.email-input{border-width:1px}}