*{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(40px,6vw,72px);display:block}.tilt-stage{background:radial-gradient(80% 50% at 50% 0,#ffd6000f,#0000 60%),#fff;width:100%;height:100svh;position:relative;overflow:hidden}#physics-canvas{z-index:1;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}.tilt-ui{left:50%;bottom:max(1.75rem, env(safe-area-inset-bottom));z-index:5;text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:.75rem;width:min(90vw,360px);display:flex;position:absolute;transform:translate(-50%)}.tilt-ui__hint,.tilt-ui__status{letter-spacing:.04em;color:#11111180;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:.85rem;line-height:1.35}.tilt-ui__status[data-active=true]{color:#111111b3}.tilt-ui__btn{pointer-events:auto;letter-spacing:.02em;color:#111;cursor:pointer;background:#ffd600;border:none;padding:.9rem 1.5rem;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:.95rem;font-weight:600;transition:transform .25s,background .2s,opacity .2s}.tilt-ui__btn:hover{background:#ffe44d;transform:translateY(-1px)}.tilt-ui__btn:active{transform:translateY(0)}.tilt-ui__btn[hidden],.tilt-ui__hint[hidden]{display:none}.lil-gui.root{z-index:20;--background-color:#111;--widget-color:#2a2a2a;--focus-color:#ffd600;--number-color:#ffd600;--string-color:#fff}@media (max-width:768px){.navbar{padding:max(1rem, env(safe-area-inset-top)) 1rem .85rem}.navbar__logo img{height:clamp(36px,10vw,52px)}.tilt-ui__hint{padding:0 .5rem;font-size:.8rem}.lil-gui.root{font-size:11px;top:auto!important;right:8px!important;bottom:max(72px, env(safe-area-inset-bottom))!important;width:min(240px,100vw - 16px)!important}}