*{box-sizing:border-box;margin:0;padding:0}html{-webkit-tap-highlight-color:transparent;background:#fff;width:100%}body{overscroll-behavior-y:none;background:#fff;width:100%;min-height:100%}.navbar{z-index:10;width:100%;padding:max(1.25rem, env(safe-area-inset-top)) 1.5rem 1.25rem;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.navbar__logo{pointer-events:auto;line-height:0;transition:opacity .25s;display:block}.navbar__logo:hover{opacity:.7}.navbar__logo img{width:auto;height:clamp(48px,7vw,80px);display:block}.hero{background:#fff;width:100%;height:100svh;position:relative;overflow:hidden}#physics-canvas{z-index:1;cursor:crosshair;touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.test-section{background:#e10600;width:100%;height:150svh}.lil-gui.root{z-index:20;--background-color:#111;--widget-color:#2a2a2a;--focus-color:#ffd600;--number-color:#ffd600;--string-color:#fff;--font-family:"DM Sans", system-ui, sans-serif;max-height:min(70vh,520px);overflow:auto}@media (max-width:768px){.navbar{padding:max(1rem, env(safe-area-inset-top)) 1rem .85rem}.navbar__logo img{height:clamp(40px,11vw,56px)}.lil-gui.root{max-height:42vh;font-size:11px;top:auto!important;right:8px!important;bottom:max(8px, env(safe-area-inset-bottom))!important;width:min(260px,100vw - 16px)!important}}@media (max-width:480px){.navbar__logo img{height:44px}}