: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)}}.wardrobe-btn{--size:calc(var(--btn) * .78);right:calc(var(--gap) + var(--btn) * .62 + 14px);top:max(12px, env(safe-area-inset-top));position:absolute;padding:calc(var(--size) * .14)!important}.wardrobe{--tab:clamp(56px, 10vmin, 92px);--opt:clamp(96px, 17vmin, 156px);--sw:clamp(34px, 6.4vmin, 54px);pointer-events:none;display:none;position:absolute;inset:0}.wardrobe.show{display:block}.wardrobe-panel{right:var(--gap);top:max(12px, env(safe-area-inset-top));bottom:max(12px, env(safe-area-inset-bottom));pointer-events:auto;background:#ffffffdb;border-radius:28px;flex-direction:column;gap:12px;width:min(56vw,780px);padding:14px;animation:.25s slide-in;display:flex;position:absolute;overflow:hidden;box-shadow:0 10px 30px #00000040}.wardrobe-tabs{flex:none;justify-content:center;gap:12px;display:flex}.wardrobe-tabs .tab{width:var(--tab);height:var(--tab);border-radius:22px;transition:transform .1s;padding:calc(var(--tab) * .14)!important;background:#0000000d!important}.wardrobe-tabs .tab.active{transform:scale(1.08);box-shadow:0 0 0 4px #2ecc71;background:#fff!important}.wardrobe-options{grid-template-columns:repeat(auto-fill, minmax(var(--opt), 1fr));flex:1;align-content:start;gap:10px;min-height:0;padding:6px;display:grid;overflow-y:auto}.wardrobe-options .option{aspect-ratio:1;border-radius:22px;transition:transform .1s;background:linear-gradient(#f4faff,#d9ecff)!important;padding:2px!important}.wardrobe-options .option.selected{transform:scale(1.04);box-shadow:0 0 0 5px #2ecc71}.wardrobe-options .option img:not([src]){visibility:hidden}.wardrobe-colors{flex-direction:column;flex:none;gap:8px;display:flex}.color-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}#ui .color-row .row-icon{width:calc(var(--sw) * .95);height:calc(var(--sw) * .95);margin-right:4px}.swatch{width:var(--sw);height:var(--sw);border-radius:50%;box-shadow:inset 0 0 0 3px #00000026}.swatch.selected{box-shadow:0 0 0 4px #fff,0 0 0 7px #2ecc71}.wardrobe-actions{flex:none;justify-content:space-between;align-items:center;display:flex}.wardrobe-actions .random{--size:calc(var(--btn) * .85)}.wardrobe-actions .done{--size:calc(var(--btn) * 1.05);animation:1.6s ease-in-out infinite breathe}@keyframes slide-in{0%{opacity:0;transform:translate(40px)}}.face-row .face-option{width:calc(var(--opt) * .72);height:calc(var(--opt) * .72)}.hud-people .person.photo{background-position:50% 40%!important;background-size:140%!important}