*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#ddd;background:#000;font-family:system-ui,Segoe UI,sans-serif;font-size:13px;overflow:hidden}#gl-canvas{width:100vw;height:100vh;display:block}#fps{color:#aaa;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:12px;position:fixed;top:8px;right:12px}#control-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;background:#0a0f14d1;border:1px solid #ffffff1a;border-radius:8px;width:220px;position:fixed;top:12px;left:12px;overflow:hidden}.panel-header{letter-spacing:.04em;color:#eee;background:#ffffff0f;border-bottom:1px solid #ffffff14;padding:8px 12px;font-size:13px;font-weight:600}.panel-section{border-bottom:1px solid #ffffff0f;padding:8px 12px}.panel-section:last-child{border-bottom:none}.stat-row{justify-content:space-between;line-height:1.8;display:flex}.label{color:#888}.slider-label{color:#aaa;align-items:center;gap:6px;width:100%;font-size:12px;display:flex}.slider-label input[type=range]{accent-color:#4a9eff;cursor:pointer;flex:1;height:4px}.slider-label span{text-align:right;color:#ddd;min-width:32px}#agent-info-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;background:#0a0f14d1;border:1px solid #ffffff1a;border-radius:8px;width:220px;position:fixed;bottom:12px;left:12px;overflow:hidden}.panel-hint{color:#555;text-align:center;border-top:1px solid #ffffff0f;padding:6px 12px;font-size:11px}.panel-buttons{gap:6px;display:flex}.panel-buttons button{color:#ddd;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:5px;flex:1;padding:5px 0;font-size:12px;transition:background .15s}.panel-buttons button:hover{background:#ffffff29}