html,body{margin:0;padding:0;overflow:hidden;background:#0a0e12;font-family:Courier New,Courier,monospace}#root,#canvas-container{width:100vw;height:100vh;position:relative}#loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0d141a,#05080b);z-index:1000;transition:opacity .5s ease-out;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 2px,transparent 2px,transparent 4px),radial-gradient(ellipse at center,#0d141a,#05080b)}#loading-screen.fade-out{opacity:0;pointer-events:none}.loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:600px;padding:40px}.loading-title{color:#00e5ff;font-size:2.2rem;letter-spacing:.3em;text-shadow:0 0 10px rgba(0,229,255,.5),0 0 30px rgba(0,229,255,.3);margin-bottom:40px;font-weight:700;text-transform:uppercase}.progress-bar-container{width:100%;height:12px;background:#1a2228;border:1px solid #2a3a44;border-radius:2px;overflow:hidden;position:relative;box-shadow:inset 0 0 10px #000c}#loading-progress{height:100%;width:0%;background:linear-gradient(90deg,#08a,#00e5ff);box-shadow:0 0 15px #00e5ff99;transition:width .1s linear;position:relative;overflow:hidden}#loading-progress:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.15) 0px,rgba(255,255,255,.15) 10px,transparent 10px,transparent 20px);animation:progress-stripes 1s linear infinite}#loading-percent{color:#7a8a94;font-size:1.1rem;margin-top:12px;letter-spacing:.2em}#loading-status{color:#00e5ff;font-size:.9rem;margin-top:8px;letter-spacing:.15em;opacity:.8;min-height:20px}#webgl-error{position:fixed;top:0;left:0;width:100vw;height:100vh;display:none;align-items:center;justify-content:center;background:#0a0e12;z-index:2000}.error-content{border:1px solid #ff3333;padding:40px;background:#ff00000d;text-align:center;max-width:600px}.error-content h2{color:#f44;letter-spacing:.2em;margin:0 0 20px;font-size:1.8rem}.error-content p{color:#f88;margin-top:12px;font-size:1rem;line-height:1.6}#hud-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:500;display:none}#hud-overlay:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.08) 0px,rgba(0,0,0,.08) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:1}#hud-sector{position:fixed;top:20px;left:20px;color:#00e5ff;font-size:.85rem;letter-spacing:.2em;background:#0a0e12b3;border:1px solid rgba(0,229,255,.3);padding:10px 16px;text-shadow:0 0 8px rgba(0,229,255,.5);backdrop-filter:blur(4px);pointer-events:none;z-index:2}#hud-live{position:fixed;bottom:20px;right:20px;color:#f44;font-size:.8rem;letter-spacing:.15em;background:#0a0e12b3;border:1px solid rgba(255,68,68,.3);padding:8px 14px;display:flex;align-items:center;gap:8px;pointer-events:none;z-index:2}.live-dot{width:8px;height:8px;border-radius:50%;background:red;box-shadow:0 0 8px #f00c;animation:live-blink 1s ease-in-out infinite}#btn-regenerate{position:fixed;bottom:20px;left:20px;background:#0a0e12b3;border:1px solid rgba(0,229,255,.4);color:#00e5ff;font-family:inherit;font-size:.8rem;letter-spacing:.15em;padding:10px 18px;cursor:pointer;text-transform:uppercase;transition:all .3s ease;pointer-events:auto;backdrop-filter:blur(4px);z-index:2}#btn-regenerate:hover{background:#00e5ff26;border-color:#00e5ff;box-shadow:0 0 15px #00e5ff4d;color:#fff}#btn-regenerate:active{transform:scale(.97)}#btn-regenerate:focus{outline:none;box-shadow:0 0 0 2px #00e5ff80}@keyframes progress-stripes{0%{background-position:0 0}to{background-position:28.28px 0}}@keyframes live-blink{0%,to{opacity:1}50%{opacity:.2}}