/* /// OPERATOR PHYSICS /// */
body { margin: 0; overflow: hidden; background: #000; cursor: crosshair; font-family: 'Outfit', sans-serif; }

#canvas-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }

/* UI OVERLAY */
.ui-overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; pointer-events: none; mix-blend-mode: exclusion; width: 100%; z-index: 10; }

h1 { font-size: 10vw; color: #fff; margin: 0; font-weight: 900; letter-spacing: -5px; line-height: 0.8; }
.status-line { font-family: 'Space Mono'; color: #888; margin-top: 20px; letter-spacing: 2px; font-size: 1rem; }

/* HUD PANEL */
.control-panel { position: fixed; bottom: 40px; left: 40px; width: 250px; border-left: 2px solid #00f3ff; padding-left: 20px; font-family: 'Space Mono'; font-size: 0.7rem; color: #00f3ff; z-index: 10; }
.data-row { display: flex; justify-content: space-between; margin-bottom: 8px; border-bottom: 1px solid rgba(0, 243, 255, 0.1); padding-bottom: 2px; }

/* BUTTONS */
.deploy-btn { position: fixed; bottom: 40px; right: 40px; background: #00f3ff; color: #000; padding: 20px 50px; font-weight: 900; border: none; cursor: pointer; font-size: 1rem; clip-path: polygon(15px 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 15px); transition: 0.3s; z-index: 20; font-family: 'Space Mono'; }
.deploy-btn:hover { background: #fff; box-shadow: 0 0 50px #00f3ff; transform: scale(1.05); }

/* MODAL */
.modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.9); z-index: 200; display: none; justify-content: center; align-items: center; backdrop-filter: blur(10px); }
.form-box { width: 500px; border: 1px solid #00f3ff; padding: 40px; background: #000; box-shadow: 0 0 100px rgba(0,243,255,0.1); }
.modal-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; }
.modal-header h3 { margin: 0; color: #00f3ff; font-family: 'Space Mono'; }
.close-btn { cursor: pointer; color: #555; font-family: 'Space Mono'; transition: 0.3s; }
.close-btn:hover { color: #fff; }

.input-group { margin-bottom: 20px; }
.input-group label { display: block; font-family: 'Space Mono'; font-size: 0.7rem; color: #00f3ff; margin-bottom: 5px; }
input { width: 100%; padding: 15px; background: #050505; border: 1px solid #333; color: #fff; font-family: 'Space Mono'; outline: none; transition: 0.3s; }
input:focus { border-color: #00f3ff; background: rgba(0,243,255,0.05); }

.static-btn { position: static; width: 100%; margin-top: 10px; }