*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;font-family:Courier New,monospace;background:#000}#app{width:100vw;height:100vh;position:relative}#canvas{width:100%;height:100%;display:block}#ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}#debug-info{position:absolute;top:10px;left:10px;background:#000000b3;color:#0f0;padding:10px;font-size:12px;font-family:monospace;border:1px solid #0f0}#debug-info.hidden{display:none}#controls-panel{position:absolute;top:10px;right:10px;background:#000c;color:#0f0;padding:15px;font-size:12px;font-family:monospace;border:1px solid #0f0;min-width:250px;pointer-events:all}#controls-panel.hidden{display:none}#controls-panel h3{margin:0 0 15px;color:#0ff;font-size:14px;border-bottom:1px solid #0f0;padding-bottom:5px}.control-group{margin-bottom:10px}.control-group label{display:block;margin-bottom:5px}.control-group input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:5px;background:#333;outline:none;border-radius:3px}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;background:#0f0;cursor:pointer;border-radius:50%}.control-group input[type=range]::-moz-range-thumb{width:15px;height:15px;background:#0f0;cursor:pointer;border-radius:50%}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;align-items:center;justify-content:center;z-index:100;transition:opacity .5s ease-out}#loading-screen.hidden{opacity:0;pointer-events:none}.loading-container{text-align:center;max-width:500px;padding:40px}.loading-title{font-family:Courier New,monospace;color:#fff;font-size:18px}.progress-container{margin-top:15px}.progress-bar{width:100%;height:4px;background:#03a062;border-radius:2px;overflow:hidden;position:relative}.progress-fill{height:100%;width:0%;background:#03a062;border-radius:10px;transition:width .3s ease-out}.progress-percentage{margin-top:15px;font-size:24px;font-weight:700;color:#0ff;text-shadow:0 0 10px #03a062;font-family:Courier New,monospace}.loading-status{margin-top:20px;font-size:14px;color:#ffffffb3;font-family:Courier New,monospace;min-height:20px}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes glow{0%,to{text-shadow:0 0 20px rgba(0,255,255,.8),0 0 40px rgba(0,255,255,.4)}50%{text-shadow:0 0 30px rgba(0,255,255,1),0 0 60px rgba(0,255,255,.6)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}#instructions-panel{position:fixed;bottom:20px;left:20px;background:#000c;color:#fff;padding:15px 20px;font-size:14px;font-family:Courier New,monospace;border:1px solid #03a062;border-radius:4px;pointer-events:none;z-index:50;opacity:1;transition:opacity .5s ease-out}#instructions-panel.hidden{opacity:0;pointer-events:none}#instructions-panel .instruction-text{line-height:1.6}#instructions-panel strong{color:#03a062;font-weight:700}