html,body{margin:0;padding:0;height:100%;background:#141414;overflow:hidden;overscroll-behavior:none}#app{position:fixed;inset:0;height:100vh;height:100dvh;touch-action:none}#app canvas{display:block}#chat-ui{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;gap:8px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));pointer-events:none}#chat-input{pointer-events:auto;width:min(360px,74vw);font-size:16px;padding:10px 14px;border-radius:20px;border:none;background:#ffffffd9;outline:none}#chat-send{pointer-events:auto;flex:none;width:44px;height:44px;font-size:20px;line-height:1;border:none;border-radius:22px;background:#ffffffd9;color:#2b2b2b;cursor:pointer}#chat-send:active{background:#fff}#gate{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:24px;background:#141821;color:#efe9dc}#gate-bubble{position:absolute;left:50%;transform:translate(-50%);padding:9px 14px;border-radius:10px;background:#f7f4ecf5;color:#2b2b2b;font-family:sans-serif;font-size:15px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .45s ease}#gate-bubble:after{content:"";position:absolute;left:50%;bottom:-8px;margin-left:-6px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:9px solid rgba(247,244,236,.96)}#gate-bubble.shown{opacity:1}#gate.wardrobe{background:#10141bdb}#gate.wardrobe #gate-enter,#gate.hidden,#leave.hidden,#chat-ui.hidden,#dev-switch.hidden{display:none}#gate-setup{display:flex;flex-direction:column;align-items:center;gap:8px}#gate-setup.hidden{display:none}.gate-label{font-family:sans-serif;font-size:14px;opacity:.75;margin-top:6px}#gate-preview{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:2px}#preview-figure{position:relative;width:100px;height:96px;transform:scale(1.25);transform-origin:bottom center}#preview-figure.poked{animation:poke .42s ease}@keyframes poke{0%{transform:scale(1.25)}40%{transform:scale(1.53,.9)}to{transform:scale(1.25)}}#preview-figure:not(.poked){animation:gate-idle 2.8s ease-in-out infinite}@keyframes gate-idle{0%,55%,to{transform:scale(1.25) translateY(0)}62%{transform:scale(1.32,1.1) translateY(-9px)}72%{transform:scale(1.22,.94) translateY(0)}80%{transform:scale(1.27,1.03) translateY(-3px)}88%{transform:scale(1.25) translateY(0)}}#preview-shadow{position:absolute;left:50%;bottom:0;width:42px;height:13px;margin-left:-21px;border-radius:50%;background:#00000059}#preview-body{position:absolute;left:50%;bottom:6px;width:40px;height:50px;margin-left:-20px;border-radius:13px;background:#e8d9b8;transition:background .18s ease}#preview-head{position:absolute;left:50%;bottom:42px;width:44px;height:44px;margin-left:-22px;border-radius:22px;overflow:hidden;background:#f6f1e7;box-shadow:inset 0 0 0 2px #0000002e}#preview-face{width:100%;height:100%;object-fit:cover;display:none}#preview-face.shown{display:block}#preview-eyes,.face-eyes{position:absolute;left:0;right:0;top:46%;display:flex;justify-content:center;gap:9px}#preview-eyes span,.face-eyes span{width:7px;height:7px;border-radius:4px;background:#33302c}#preview-eyes.hidden,.face-eyes.hidden{display:none}#gate-preview{cursor:pointer}#preview-name{font-family:sans-serif;font-size:12px;color:#f2ece0;opacity:.8;min-height:16px;margin-top:4px}#gate-name{font-size:16px;width:min(260px,70vw);padding:10px 14px;border-radius:20px;border:none;text-align:center;background:#ffffffe6;outline:none}#gate-colors{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:min(330px,86vw)}.gate-color{width:40px;height:40px;border-radius:20px;border:2px solid transparent;padding:0;cursor:pointer}.gate-color[aria-pressed=true]{outline:2px solid #efe9dc;outline-offset:3px}#gate-faces{display:flex;justify-content:center;gap:16px}#gate-face-plain,#gate-icon-label{position:relative;width:52px;height:52px;border-radius:26px;border:none;padding:0;background:#f6f1e7;box-shadow:inset 0 0 0 2px #0000002e;overflow:hidden;cursor:pointer;transition:transform .12s ease}#gate-face-plain[aria-pressed=true],#gate-icon-label[aria-pressed=true]{outline:2px solid #efe9dc;outline-offset:3px}#gate-face-plain:active,#gate-icon-label:active{transform:scale(.94)}#gate-icon{display:none}#gate-icon-preview{width:100%;height:100%;object-fit:cover;display:none}#gate-icon-preview.shown{display:block}#gate-enter{font-family:sans-serif;font-size:22px;padding:18px 56px;border-radius:34px;border:none;background:#efe9dc;color:#1b2029;cursor:pointer}#gate-enter:disabled{opacity:.35;cursor:default}#leave{position:fixed;left:50%;transform:translate(-50%);top:calc(6px + env(safe-area-inset-top));z-index:10;font-family:sans-serif;font-size:13px;padding:8px 18px;border-radius:999px;border:none;background:#1418216b;color:#efe9dc;cursor:pointer}#stream-toggle{position:fixed;right:8px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:10;font-family:sans-serif;font-size:12px;padding:8px 14px;border-radius:8px;border:none;background:#1418218c;color:#efe9dc;cursor:pointer}#stream-toggle.hidden{display:none}#dev-switch{position:fixed;right:8px;top:calc(8px + env(safe-area-inset-top));z-index:10;opacity:.55;font-size:12px;padding:6px 10px;border-radius:8px;border:1px solid #888;background:#222;color:#ccc}