*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#000;width:100vw;height:100vh;font-family:Segoe UI,Tahoma,sans-serif;overflow:hidden}#root{width:100%;height:100%}.app{width:100%;height:100%;position:relative}.loading{z-index:1000;background:linear-gradient(135deg,#0a0a1a,#101030,#0a1628);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading h1{text-shadow:0 0 30px #0096ff99;letter-spacing:4px;margin-bottom:4px;font-size:2.6em}.loading .sub{color:#68a;letter-spacing:2px;margin-bottom:25px;font-size:.95em}.spinner{border:3px solid #ffffff14;border-top-color:#0096ff;border-radius:50%;width:42px;height:42px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.status{color:#57a;margin-top:14px;font-size:.85em}.progress-bar{background:#1a1a2a;border-radius:2px;width:260px;height:4px;margin-top:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#0096ff,#0cf);width:0%;height:100%;transition:width .3s}.menu{z-index:900;background:linear-gradient(135deg,#0a0a1a,#101030,#0a1628);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.menu h1{text-shadow:0 0 30px #f22,0 0 60px #c00;color:#f33;letter-spacing:6px;margin-bottom:6px;font-size:3.2em}.menu .sub{color:#666;letter-spacing:3px;margin-bottom:28px;font-size:1em}.btn{color:#fff;cursor:pointer;letter-spacing:2px;text-shadow:0 0 8px #ff32324d;background:#ff32320d;border:2px solid #f33;border-radius:5px;width:440px;max-width:88vw;margin:10px auto;padding:18px 26px;font-size:1em;font-weight:700;transition:all .25s;display:block}.btn:hover{color:#000;text-shadow:none;background:#f33;transform:scale(1.03);box-shadow:0 0 25px #ff323266}.btn:active{transform:scale(.97)}.btn small{opacity:.6;letter-spacing:1px;margin-top:4px;font-size:.5em;font-weight:400;display:block}.btn.green{background:#32ff320d;border-color:#3f3}.btn.green:hover{color:#000;background:#3f3;box-shadow:0 0 25px #32ff3266}.btn.yellow{background:#ffc8000d;border-color:#fc0}.btn.yellow:hover{color:#000;background:#fc0;box-shadow:0 0 25px #ffc80066}.btn.blue{background:#3296ff0d;border-color:#39f}.btn.blue:hover{color:#000;background:#39f;box-shadow:0 0 25px #3296ff66}.btn.orange{background:#ff64000d;border-color:#f60}.btn.orange:hover{color:#000;background:#f60;box-shadow:0 0 25px #ff640066}#screen_container{white-space:pre;cursor:crosshair;background:#000;width:100%;height:calc(100% - 38px);font:14px/14px monospace;position:fixed;top:0;left:0}#screen_container.pointer-locked{cursor:none}#screen_container canvas{object-fit:contain;image-rendering:pixelated;width:100%!important;height:100%!important}.toolbar{z-index:999;background:#0a0a14f2;border-top:1px solid #222;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 8px;display:flex;position:fixed;bottom:0;left:0;right:0}.toolbar button{color:#ccc;cursor:pointer;white-space:nowrap;background:#222;border:1px solid #444;border-radius:3px;padding:4px 10px;font-size:10px;transition:background .2s}.toolbar button:hover{color:#fff;background:#444}.toolbar .cd-btn{color:#8f8;background:#1a3a1a;border-color:#2a5a2a}.toolbar .cd-btn:hover{color:#afa;background:#2a5a2a}.toolbar .cd-btn.eject{color:#f88;background:#3a1a1a;border-color:#5a2a2a}.toolbar .cd-btn.eject:hover{color:#faa;background:#5a2a2a}.toolbar .sep{background:#333;width:1px;height:18px;margin:0 4px}.toolbar span{color:#555;letter-spacing:1px;font-size:10px}.save-btn{z-index:998;color:#fffc;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:.7;letter-spacing:.5px;background:#003c8c80;border:1px solid #0064c833;border-radius:4px;padding:4px 12px;font-size:11px;transition:all .25s;position:fixed;bottom:42px;right:8px}.save-btn:hover{opacity:1;background:#0050b4bf;border-color:#0078ff80}.save-btn.saving{pointer-events:none;background:#c87800b3}.save-btn.saved{background:#008c00b3}.save-btn:disabled{cursor:not-allowed}.mouse-hint-bar{color:#fc0;z-index:996;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.5px;background:#000c;border:1px solid #ffcc004d;border-top:none;border-radius:0 0 8px 8px;padding:6px 20px;font-size:12px;transition:opacity .3s;position:fixed;top:0;left:50%;transform:translate(-50%)}.mouse-hint-bar:hover{background:#fc03}.toast{z-index:9999;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:5px;max-width:360px;padding:8px 16px;font-size:12px;position:fixed;top:50px;right:12px}.toast.ok{background:#00a000e0}.toast.err{background:#c80000e0}.toast.info{background:#0050b4e0}.https-warn{z-index:9999;color:#fff;text-align:center;background:#000000f2;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.https-warn h2{color:#f33;margin-bottom:20px;font-size:2em}.https-warn a{color:#fc0;font-size:1.3em}