:root{--btn:clamp(76px, 11vmin, 132px);--btn-big:clamp(140px, 26vmin, 240px);--gap:max(14px, env(safe-area-inset-left));--shade:#14283c59}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;background:#9fd0f0;height:100%;margin:0;overflow:hidden}#scene{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui button{pointer-events:auto;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}#ui img{object-fit:contain;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.icon-btn{--size:var(--btn);width:var(--size);height:var(--size);border-radius:50%;transition:transform 80ms;box-shadow:0 6px #0000002e,0 10px 24px #0003;padding:calc(var(--size) * .16)!important;background:#ffffffd1!important}.icon-btn:active,.icon-btn.pressed{transform:translateY(4px)scale(.95);box-shadow:0 2px #0000002e,0 6px 16px #0003}.jump{--size:calc(var(--btn) * 1.25);right:calc(var(--gap) + 10px);bottom:calc(max(18px, env(safe-area-inset-bottom)) + 10px);position:absolute}.fullscreen{--size:calc(var(--btn) * .62);right:var(--gap);top:max(12px, env(safe-area-inset-top));position:absolute}.fullscreen svg{width:100%;height:100%;display:block}.hud-people{left:var(--gap);top:max(12px, env(safe-area-inset-top));background:#ffffff8c;border-radius:999px;align-items:center;gap:8px;padding:8px 10px;display:flex;position:absolute}.hud-people .conn{background:#2ecc71;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 3px #ffffffe6}.hud-people .conn[data-state=connecting]{background:#f1c40f;animation:.8s infinite alternate blink}.hud-people .conn[data-state=offline]{background:#e74c3c;animation:.5s infinite alternate blink}.hud-people .person{border:3px solid #00000026;border-radius:50%;width:26px;height:26px;transition:transform .3s,opacity .3s;animation:.4s pop-in}.hud-people .person.self{border-color:#fff;transform:scale(1.15)}.hud-people .person.away{opacity:.35}.screen{background:var(--shade);pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;gap:28px;display:none;position:absolute;inset:0}.screen.show{display:flex}.screen .big{--size:var(--btn-big);animation:1.6s ease-in-out infinite breathe}.screen .icon{width:var(--btn-big);height:var(--btn-big);filter:drop-shadow(0 10px 18px #0000004d)}.screen .small{width:var(--btn);height:var(--btn)}.overlay{width:var(--btn);height:var(--btn);margin:calc(var(--btn) / -2) 0 0 calc(var(--btn) / -2);filter:drop-shadow(0 6px 12px #0000004d);display:none;position:absolute;top:50%;left:50%}.overlay.show{display:block}.spin{animation:1.4s linear infinite spin}.bob{animation:1.2s ease-in-out infinite breathe}@keyframes spin{to{transform:rotate(-360deg)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes blink{to{opacity:.35}}@keyframes pop-in{0%{transform:scale(0)}}