:root{color:#f7f9fc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;background:#07101e;font-family:IBM Plex Sans,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 0,#1de8f117,#0000 30rem),radial-gradient(circle at 85% 12%,#ff397e17,#0000 28rem),#07101e;min-width:320px;min-height:100vh;margin:0}button{color:#dce6f2;cursor:pointer;min-height:44px;font:inherit;background:#152238;border:1px solid #ffffff21;border-radius:9px;padding:0 16px;font-size:.78rem;font-weight:700;transition:border-color .16s,background-color .16s,color .16s}button:hover:not(:disabled){color:#1de8f1;background:#192a43;border-color:#1de8f1}button:focus-visible{outline-offset:3px;outline:3px solid #1de8f159}button:disabled{cursor:not-allowed;opacity:.45}.playground-shell{width:min(1040px,100% - 32px);margin:0 auto;padding:clamp(22px,5vw,54px) 0}.playground-header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:20px;display:flex}.eyebrow{color:#1de8f1;letter-spacing:.14em;margin:0 0 10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.7rem;font-weight:800}h1{color:#f8fbff;letter-spacing:-.035em;max-width:720px;margin:0;font-size:clamp(1.6rem,4.5vw,2.75rem);line-height:1.06}.lede{color:#9fb1c8;max-width:680px;margin:12px 0 0;font-size:clamp(.86rem,2vw,1rem);line-height:1.6}.header-actions{flex-direction:column;flex:none;align-items:flex-end;gap:9px;display:flex}.status{color:#9fb1c8;margin:0;padding-left:15px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.7rem;position:relative}.status:before{content:"";background:#64748b;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.status[data-state=ready]{color:#67e8f9}.status[data-state=ready]:before{background:#1de8f1;box-shadow:0 0 12px #1de8f1cc}.status[data-state=error]{color:#fda4af}.status[data-state=error]:before{background:#fb7185}.simulation-card{background:#08111f;border:1px solid #9fb1c833;border-radius:16px;overflow:hidden;box-shadow:0 24px 80px #00000057}.canvas-host{aspect-ratio:38/23;background:#08111f;width:100%;overflow:hidden}.canvas-host canvas{object-fit:contain;width:100%;height:100%;display:block}.legend{color:#8fa2bb;background:#0d192a;border-top:1px solid #9fb1c824;flex-wrap:wrap;gap:10px 22px;padding:13px 18px;font-size:.72rem;display:flex}.legend span{align-items:center;gap:7px;display:inline-flex}.legend-dot{background:#64748b;border-radius:2px;width:8px;height:8px}.legend-dot.dynamic{background:#1de8f1}.legend-dot.kinematic{background:#ff397e}.legend-dot.sensor{background:#a855f766;border:1px solid #d8b4fe}.legend-dot.static{background:#52708f}.telemetry{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.telemetry article{background:#0d192aeb;border:1px solid #9fb1c826;border-radius:12px;grid-column:span 1;min-width:0;padding:15px 16px}.telemetry article.wide{grid-column:span 2}.metric-label,.telemetry small{color:#71859f;font-size:.67rem;display:block}.metric-label{letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:700}.telemetry strong{color:#e9f1fa;text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;font-size:.83rem;line-height:1.3;display:block;overflow:hidden}.telemetry article:not(.wide) strong{color:#1de8f1;font-size:1.6rem;line-height:1}@media (width<=760px){.playground-shell{width:min(100% - 20px,1040px);padding:18px 0 28px}.playground-header{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.telemetry{grid-template-columns:repeat(2,minmax(0,1fr))}.telemetry article,.telemetry article.wide{grid-column:span 1}.telemetry article.wide{grid-column:1/-1}}@media (width<=480px){.lede{line-height:1.5}.simulation-card{border-radius:12px}.legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px;font-size:.66rem;display:grid}.telemetry article{padding:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}