html,body,#root{width:100%;min-width:0;height:100%;min-height:100%;margin:0}#root{min-height:100vh}body{color:#74f0a8;background:#02040a;font-family:IBM Plex Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.app-shell{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 360px;width:100%;min-width:0;height:100%;min-height:100vh;display:grid}.viewport{border-right:1px solid #0f2d1c;width:100%;min-width:0;min-height:0;position:relative;overflow:hidden}.viewport canvas{display:block;width:100%!important;height:100%!important}.sidebar{background:linear-gradient(#071208 0%,#050b07 100%);border-left:1px solid #1d603b;flex-direction:column;gap:14px;padding:16px;display:flex}.panel{background:#06160ad9;border:1px solid #2e9e5f;padding:12px}.panel h2{text-transform:uppercase;letter-spacing:1px;color:#8dffb4;margin:0 0 12px;font-size:14px}.panel label{flex-direction:column;gap:6px;margin-bottom:10px;font-size:12px;display:flex}.panel select,.panel input{width:100%}.panel select{color:#74f0a8;background:#08180c;border:1px solid #2e9e5f;padding:7px}.panel input[type=range]{accent-color:#39e37c}.button-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.button-row button{color:#8dffb4;text-transform:uppercase;letter-spacing:.7px;cursor:pointer;background:#0f2e16;border:1px solid #37cc78;padding:8px}.button-row .secondary{border-color:#2c6841}.telemetry-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.telemetry-grid span{opacity:.8;font-size:11px;display:block}.telemetry-grid strong{margin-top:2px;font-size:13px;display:block}.telemetry-engagement{border-top:1px solid #2e9e5f59;margin-top:12px;padding-top:10px}.telemetry-engagement h3{color:#6ee7a8;margin:0 0 8px;font-size:12px;font-weight:600}.sim-note{color:#5bd490;margin:10px 0 0;font-size:12px}@media (width<=980px){.app-shell{grid-template-columns:minmax(0,1fr)}.viewport{border-bottom:1px solid #0f2d1c;border-right:0;min-height:60vh}}