:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--rosa:#ffd9e8;--lavanda:#d9c9f5;--piso-tinte:#ffffff2e;--vidrio-fondo:#ffffff59;--vidrio-borde:#fff9;--texto:#4a2f45}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:#000;height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,sans-serif;overflow:hidden}#app{position:fixed;inset:0}.cuarto{background:linear-gradient(160deg, var(--rosa) 0%, var(--lavanda) 100%);touch-action:none;position:absolute;inset:0;overflow:hidden}.aviso-error{text-align:center;color:var(--texto);justify-content:center;align-items:center;padding:16px;font-size:15px;display:flex;position:absolute;inset:20px}.piso{background:linear-gradient(180deg, transparent 0%, var(--piso-tinte) 100%);height:33%;position:absolute;bottom:0;left:0;right:0}.personaje{will-change:left, top, width;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;position:absolute;transform:translate(-50%,-100%)}.personaje:active{cursor:grabbing}.voltea{width:100%;transition:transform .15s}.sprite{width:100%;height:auto;image-rendering:-webkit-optimize-contrast;pointer-events:none;animation:respirar var(--respirar-duracion,3.2s) ease-in-out infinite;transform-origin:bottom;display:block}@keyframes respirar{0%,to{transform:scaleY(1)}50%{transform:scaleY(var(--respirar-escala,1.02))}}.globo{background:var(--vidrio-fondo);-webkit-backdrop-filter:blur(10px)saturate(1.4);border:1px solid var(--vidrio-borde);min-width:max-content;max-width:48vw;color:var(--texto);text-align:center;opacity:0;pointer-events:none;border-radius:16px;padding:8px 14px;font-size:14px;line-height:1.3;transition:opacity .2s,transform .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%,-6px)scale(.9);box-shadow:0 4px 16px #50284626}.globo.visible{opacity:1;transform:translate(-50%,-10px)scale(1)}.globo:after{content:"";border:6px solid #0000;border-top-color:var(--vidrio-fondo);position:absolute;top:100%;left:50%;translate:-50%}.botones-vidrio{right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));z-index:9999;flex-direction:column;gap:10px;display:flex;position:absolute}.boton-vidrio{background:var(--vidrio-fondo);-webkit-backdrop-filter:blur(10px)saturate(1.4);border:1px solid var(--vidrio-borde);width:42px;height:42px;color:var(--texto);opacity:.55;border-radius:50%;justify-content:center;align-items:center;font-size:19px;transition:opacity .2s,transform .15s;display:flex;box-shadow:0 2px 10px #5028462e}.boton-vidrio:hover,.boton-vidrio:focus-visible{opacity:1;transform:scale(1.06)}.boton-vidrio:active{transform:scale(.95)}.panel{right:max(14px, env(safe-area-inset-right));bottom:calc(max(14px, env(safe-area-inset-bottom)) + 218px);background:var(--vidrio-fondo);-webkit-backdrop-filter:blur(16px)saturate(1.4);border:1px solid var(--vidrio-borde);min-width:180px;color:var(--texto);z-index:10000;border-radius:16px;flex-direction:column;gap:8px;max-width:calc(100vw - 28px);max-height:calc(100vh - 246px);padding:12px;font-size:13px;display:none;position:absolute;overflow-y:auto;box-shadow:0 8px 24px #50284638}.panel.abierto{display:flex}.panel h3{text-transform:uppercase;letter-spacing:.04em;opacity:.65;margin:0 0 2px;font-size:12px}.panel .fila{flex-wrap:wrap;gap:6px;display:flex}.panel button,.panel select{border:1px solid var(--vidrio-borde);color:var(--texto);background:#ffffff80;border-radius:10px;padding:6px 10px;font-size:13px}.panel button.activo{background:#fff;font-weight:600}