*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{color:#eee;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0d0d0d;font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1,h2,h3,p{margin:0}.app-shell{width:100%;height:100%;display:flex;overflow:hidden}.playground{width:100%;height:100%;display:flex;position:relative;overflow:hidden}.playground__sidebar{color:#eee;background:#1a1a1a;border-right:1px solid #333;flex-direction:column;flex-shrink:0;gap:0;width:280px;height:100%;padding:16px;display:flex;overflow:hidden}.sidebar__header{flex-shrink:0;margin-bottom:12px}.sidebar__title{margin:0;font-size:18px;font-weight:600}.sidebar__tagline{color:#777;margin:4px 0 0;font-size:.72rem;line-height:1.3}.sidebar__content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.sidebar__footer{border-top:1px solid #2a2a2a;flex-shrink:0;margin-top:10px;padding-top:10px}.sidebar__lbm-link{color:#6cbfff;margin-bottom:6px;font-size:.7rem;text-decoration:none;display:block}.sidebar__lbm-link:hover{text-decoration:underline}.sidebar__credit{color:#555;margin:0;font-size:.65rem;line-height:1.4}.sidebar__credit a{color:#777;text-decoration:none}.sidebar__credit a:hover{color:#999;text-decoration:underline}.sidebar-hamburger,.sidebar-backdrop{display:none}.playground__canvas{color:#888;background:#0d0d0d;flex:1;justify-content:center;align-items:center;min-width:0;display:flex;overflow:hidden}.control-panel{flex-direction:column;flex-shrink:0;gap:18px;margin-bottom:20px;display:flex}.control-group{flex-direction:column;gap:6px;display:flex}.control-label{text-transform:uppercase;letter-spacing:.04em;color:#aaa;justify-content:space-between;align-items:baseline;font-size:12px;display:flex}.control-value{color:#eee;font-variant-numeric:tabular-nums;font-size:13px}.control-slider{accent-color:#6cf;width:100%}.control-select{color:#eee;background:#2a2a2a;border:1px solid #444;border-radius:4px;width:100%;padding:6px 8px;font-size:13px}.viz-toggle{gap:4px;display:flex}.viz-toggle__btn{color:#bbb;text-transform:capitalize;cursor:pointer;background:#2a2a2a;border:1px solid #444;border-radius:4px;flex:1;padding:5px 0;font-size:12px}.viz-toggle__btn:hover{background:#333}.viz-toggle__btn--active{color:#eaf4ff;background:#1e3a52;border-color:#4a8ab5}.playback{border-top:1px solid #2a2a2a;flex-direction:column;flex-shrink:0;gap:8px;padding-top:12px;display:flex}.playback__buttons{gap:8px;display:flex}.playback__btn{color:#eee;cursor:pointer;background:#2a2a2a;border:1px solid #444;border-radius:4px;flex:1;padding:7px 10px;font-size:13px}.playback__btn:hover{background:#3a3a3a}.playback__step{color:#888;font-variant-numeric:tabular-nums;font-size:11px}.share-btn{color:#eaf4ff;cursor:pointer;background:#1e3a52;border:1px solid #4a8ab5;border-radius:4px;flex-shrink:0;width:100%;margin-top:8px;padding:7px 10px;font-size:13px;transition:background .15s}.share-btn:hover{background:#264a66}.warning{color:#f5c26b;background:#3a2a10;border:1px solid #7a5520;border-radius:4px;flex-shrink:0;margin-top:12px;padding:8px 10px;font-size:12px;line-height:1.4}.notice{color:#9cc6ef;background:#14263a;border:1px solid #2a4d72;border-radius:4px;flex-shrink:0;margin-top:12px;padding:8px 10px;font-size:12px;line-height:1.4}.edu-overlay{border-top:1px solid #2a2a2a;flex-direction:column;flex:auto;gap:10px;min-height:0;margin-top:16px;padding-top:12px;padding-right:4px;display:flex;overflow:hidden auto}.edu-msg{color:#9ca3af;word-wrap:break-word;background:#141418;border:1px solid #262630;border-radius:5px;padding:8px 10px;font-size:.8rem;line-height:1.45;animation:.26s ease-out edu-fade}.edu-msg__body{margin:0 0 6px}.edu-msg__body strong{color:#d8dee9;font-weight:600}.edu-msg__link{color:#6cbfff;font-size:.75rem;text-decoration:none}.edu-msg__link:hover{text-decoration:underline}@keyframes edu-fade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.canvas-wrap{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;padding:8px;display:flex}.canvas-wrap--empty{color:#888}.sim-canvas{image-rendering:pixelated;background:#000}@media (width<=767px){.playground{flex-direction:column}.playground__sidebar{z-index:100;width:280px;height:100%;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%)}.playground__sidebar--open{transform:translate(0)}.sidebar-hamburger{z-index:200;color:#eee;cursor:pointer;background:#1a1a1ae6;border:1px solid #444;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;position:fixed;top:8px;left:8px}.sidebar-backdrop{z-index:50;background:#00000080;display:block;position:fixed;inset:0}.playground__canvas{width:100%;height:100%}}