:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{width:100%;height:100%;overflow:hidden}#root{width:100%;height:100%}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}.app{position:relative;width:100vw;height:100vh;overflow:hidden;background:linear-gradient(180deg,#1a1a2e,#0f0f1e);display:flex;justify-content:center;align-items:center}.game-canvas{width:100vw!important;height:100vh!important;display:block;position:fixed;top:0;left:0;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor}.stars{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1;pointer-events:none}.star{position:absolute;background:#fff;border-radius:50%;animation:twinkle 3s infinite}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000000e6;color:#fff;z-index:1000}.loading-spinner{width:50px;height:50px;border:4px solid rgba(0,255,136,.2);border-top-color:#0f8;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay p{margin-top:20px;font-size:16px;color:#0f8;font-weight:500}.error-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#000000f2;z-index:1000}.error-message{padding:30px 40px;background:#ff32321a;border:2px solid #ff3232;border-radius:12px;color:#fff;text-align:center;max-width:500px;box-shadow:0 8px 32px #ff32324d}.error-message h2{margin-bottom:15px;color:#ff6b6b;font-size:20px;font-weight:600}.error-message p{color:#faa;line-height:1.6}.controls{position:absolute;top:20px;left:20px;display:flex;gap:10px;z-index:100}.controls button{padding:10px 20px;background:#1a1a2ee6;border:1px solid rgba(0,255,136,.3);border-radius:8px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000004d}.controls button:hover:not(:disabled){background:#00ff8826;border-color:#0f89;transform:translateY(-2px);box-shadow:0 4px 12px #0f83}.controls button:active:not(:disabled){transform:translateY(0)}.controls button:disabled{opacity:.4;cursor:not-allowed;border-color:#ffffff1a}.debug-panel{position:absolute;top:20px;right:20px;padding:15px 20px;background:#1a1a2ef2;border:1px solid rgba(0,255,136,.2);border-radius:8px;color:#fff;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:12px;max-width:320px;z-index:100;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 4px 16px #0006}.debug-panel h3{margin-bottom:12px;font-size:14px;font-weight:600;color:#0f8;letter-spacing:.5px}.debug-item{margin-bottom:6px;word-break:break-all;line-height:1.6}.debug-item strong{color:#0ff;margin-right:8px;font-weight:600}.pixel-button-container{position:absolute;bottom:60px;left:50%;transform:translate(-50%);z-index:100}.pixel-button{padding:16px 32px;font-family:Courier New,Courier,monospace;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#fff;background:#0f8;border:none;cursor:pointer;box-shadow:0 4px #00cc6a,0 8px #009950,0 8px 8px #0006;transition:all .1s ease}.pixel-button:hover:not(:disabled){background:#0fa;transform:translateY(-2px);box-shadow:0 6px #00cc6a,0 10px #009950,0 10px 12px #00ff884d}.pixel-button:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 #00cc6a,0 4px #009950,0 4px 4px #0006}.pixel-button:disabled{background:#666;color:#999;cursor:not-allowed;box-shadow:0 4px #444,0 8px #333,0 8px 8px #0003}@media (max-width: 768px){.controls{flex-direction:column;top:10px;left:10px;gap:8px}.debug-panel{top:10px;right:10px;font-size:11px;padding:12px 16px;max-width:260px}.controls button{padding:8px 16px;font-size:13px}.pixel-button-container{bottom:40px}.pixel-button{padding:12px 24px;font-size:14px;letter-spacing:1px}}