html,body{margin:0;height:100%;background:#05060a;color:#d8dce6;font-family:system-ui,sans-serif;overflow:hidden}#app{position:relative;width:100vw;height:100vh}.game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;cursor:crosshair}.login-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:10px;align-items:center;background:#12141c;padding:32px 40px;border-radius:8px;border:1px solid #2a2e3a}.login-box input{font-size:16px;padding:6px 10px;border-radius:4px;border:1px solid #3a3f4e;background:#0b0d13;color:#d8dce6}.login-box button{font-size:15px;padding:6px 16px;border-radius:4px;border:none;background:#3f7fd6;color:#fff;cursor:pointer}.hud{position:absolute;top:0;left:0;pointer-events:none;display:flex;flex-direction:column;gap:6px;padding:10px}.hud-panel{pointer-events:auto;background:#0a0c12b8;border:1px solid #2a2e3a;border-radius:6px;padding:8px 10px;font-size:12px;line-height:1.5;max-width:340px}.hud-info .warn{color:#ffb24d;font-weight:700}.hud-info .help{color:#8a90a0;margin-top:4px}.hud-controls label{display:flex;align-items:center;gap:6px}.hud-controls input{width:70px}.toasts{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:6px;pointer-events:none}.toast{background:#781414d9;border:1px solid #a33;border-radius:4px;padding:6px 10px;font-size:12px;color:#ffe3e3}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0009}.overlay.hidden{display:none}.overlay-box{background:#12141c;border:1px solid #2a2e3a;border-radius:8px;padding:24px 32px;display:flex;flex-direction:column;gap:12px;align-items:center}.overlay-box button{font-size:14px;padding:6px 16px;border-radius:4px;border:none;background:#3f7fd6;color:#fff;cursor:pointer}.tooltip{position:fixed;z-index:50;background:#0a0c12e6;border:1px solid #3a3f4e;border-radius:4px;padding:6px 8px;font-size:11px;line-height:1.4;pointer-events:none;white-space:nowrap}.tooltip.hidden{display:none}.bind-panel{position:absolute;top:10px;right:10px;width:360px;max-height:80vh;overflow-y:auto;background:#0a0c12eb;border:1px solid #2a2e3a;border-radius:6px;padding:10px;font-size:12px}.bind-panel.hidden{display:none}.bind-title{font-weight:700;margin-bottom:6px}.bind-row{border-top:1px solid #2a2e3a;padding:6px 0}.bind-row-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.action-row{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin:2px 0;padding-left:8px}.action-row input[type=number]{width:56px}.action-row label{display:flex;align-items:center;gap:2px}button{font-family:inherit}.script-menu{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.script-menu.hidden{display:none}.script-menu .script-status{width:100%}.script-menu button.active{background:#3f7fd6;border-color:#3f7fd6;color:#fff}.script-panel{position:absolute;top:10px;right:10px;width:560px;max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);box-sizing:border-box;overflow-y:auto;display:flex;flex-direction:column;gap:6px;background:#0a0c12eb;border:1px solid #2a2e3a;border-radius:6px;padding:10px;font-size:12px}.script-panel.hidden{display:none}.script-editor{height:50vh;flex-shrink:0;resize:vertical;box-sizing:border-box;font-family:ui-monospace,monospace;font-size:12px;line-height:1.4;white-space:pre;-moz-tab-size:2;tab-size:2;background:#0b0d13;color:#d8dce6;border:1px solid #3a3f4e;border-radius:4px;padding:6px}.script-buttons{display:flex;gap:4px}.script-status.running{color:#7fd67f}.script-status.stopped{color:#8a90a0}.script-status.error{color:#ff8a8a}.script-log,.script-api{margin:0;font-family:ui-monospace,monospace;font-size:11px;white-space:pre-wrap}.script-log{max-height:120px;flex-shrink:0;overflow-y:auto;color:#b0b6c4}.script-log:empty{display:none}.script-api{color:#8a90a0;margin-top:4px}