*{box-sizing:border-box;margin:0;padding:0}body{color:#e8eaf0;-webkit-font-smoothing:antialiased;background:#0f1117;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.welcome{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;padding:2rem;display:flex}.title{letter-spacing:-.03em;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:700}.titulo-logo{font-size:0;line-height:0}.logo-inicio{mix-blend-mode:screen;width:clamp(16rem,46vw,26rem);height:auto;margin:-.75rem 0 -1.5rem}.tagline{color:#a0a6b8;max-width:32rem;font-size:clamp(1rem,3vw,1.25rem);line-height:1.6}.badge{color:#7c839a;border:1px solid #262a36;border-radius:999px;margin-top:.5rem;padding:.4rem .9rem;font-size:.8rem}.actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.5rem;display:flex}.button-primary,.button-secondary{border-radius:8px;padding:.7rem 1.4rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:opacity .15s;display:inline-block}.button-primary{color:#0f1117;background:#e8eaf0}.button-secondary{color:#e8eaf0;border:1px solid #2c3141}.button-primary:hover,.button-secondary:hover{opacity:.85}.auth{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;min-height:100vh;padding:2rem;display:flex}.auth-title{letter-spacing:-.02em;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700}.auth-form{text-align:left;flex-direction:column;gap:1rem;width:100%;max-width:22rem;display:flex}.field{flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}.field input{color:#e8eaf0;background:#171a23;border:1px solid #2c3141;border-radius:8px;padding:.65rem .8rem;font-size:1rem}.field input:focus{outline-offset:1px;outline:2px solid #4f6bff}.field small{color:#7c839a;font-size:.78rem}.auth-form button{color:#0f1117;cursor:pointer;background:#e8eaf0;border:none;border-radius:8px;padding:.75rem 1rem;font-size:.95rem;font-weight:600}.auth-form button:disabled{opacity:.6;cursor:default}.error{color:#ffb4bd;background:#2a1216;border:1px solid #5c2028;border-radius:8px;padding:.6rem .8rem;font-size:.87rem}.logout{color:#e8eaf0;cursor:pointer;background:0 0;border:1px solid #2c3141;border-radius:8px;padding:.6rem 1.2rem;font-size:.9rem}.auth-alt{color:#a0a6b8;font-size:.88rem}.auth-alt a{color:#8fa4ff}.page{flex-direction:column;gap:1.25rem;max-width:40rem;margin:0 auto;padding:3rem 1.5rem 4rem;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.link-suave{color:#8fa4ff;font-size:.88rem;text-decoration:none}.link-suave:hover{text-decoration:underline}.crear-room{flex-wrap:wrap;gap:.6rem;display:flex}.crear-room input{color:#e8eaf0;background:#171a23;border:1px solid #2c3141;border-radius:8px;flex:1;min-width:12rem;padding:.65rem .8rem;font-size:1rem}.crear-room input:focus{outline-offset:1px;outline:2px solid #4f6bff}.crear-room button{color:#0f1117;cursor:pointer;background:#e8eaf0;border:none;border-radius:8px;padding:.65rem 1.2rem;font-size:.95rem;font-weight:600}.crear-room button:disabled{opacity:.5;cursor:default}.crear-room .error{flex-basis:100%}.vacio{color:#7c839a;font-size:.92rem;line-height:1.6}.pantalla-rooms{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.rooms-barra{background:#0f1117;border-bottom:1px solid #1e2230;flex-wrap:wrap;flex:none;justify-content:space-between;align-items:flex-end;gap:1rem;padding:1.5rem 2rem 1.1rem;display:flex}.rooms-titulo h1{letter-spacing:-.02em;font-size:1.65rem;font-weight:700}.rooms-subtitulo{color:#7c839a;margin-top:.15rem;font-size:.86rem}.rooms-cuerpo{flex-direction:column;flex:1;gap:1.4rem;min-height:0;padding:1.4rem 2rem 3rem;display:flex;overflow-y:auto}.rooms-cuerpo .crear-room{max-width:34rem}.rooms-vacio{color:#7c839a;text-align:center;border:1px dashed #2c3141;border-radius:14px;flex-direction:column;align-items:center;gap:.9rem;max-width:26rem;margin:2rem auto;padding:2.5rem 2rem;line-height:1.6;display:flex}.rejilla-rooms{grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:1rem;list-style:none;display:grid}.tarjeta-room{color:#e8eaf0;background:#161923;border:1px solid #262b3a;border-radius:14px;flex-direction:column;height:100%;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;overflow:hidden}.tarjeta-room:hover{border-color:#4f6bff;transform:translateY(-3px);box-shadow:0 14px 32px #0006}.tarjeta-fondo{background-position:50%;background-size:cover;border-bottom:1px solid #262b3a;justify-content:center;align-items:center;height:6.5rem;display:flex;position:relative}.tarjeta-fondo:not(.con-imagen):before{content:"";background:inherit;filter:brightness(1.9)saturate(1.3);position:absolute;inset:0}.tarjeta-fondo.con-imagen:after{content:"";background:linear-gradient(#0002 0%,#0007 100%);position:absolute;inset:0}.tarjeta-inicial{z-index:1;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 10px #0009;font-size:2.1rem;font-weight:700;position:relative}.tarjeta-datos{flex-direction:column;flex:1;gap:.35rem;padding:.85rem .95rem .7rem;display:flex}.tarjeta-nombre{word-break:break-word;font-size:1.02rem;font-weight:600;line-height:1.3}.tarjeta-pie{color:#7c839a;align-items:center;gap:.7rem;font-size:.79rem;display:flex}.tarjeta-gente{align-items:center;gap:.3rem;display:inline-flex}.tarjeta-datos .etiqueta{align-self:flex-start;margin-left:0}.tarjeta-entrar{color:#8fa4ff;background:#12151e;border-top:1px solid #1e2230;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .95rem;font-size:.83rem;font-weight:600;display:flex}.tarjeta-room:hover .tarjeta-entrar{color:#fff;background:#1a2036}@media (max-width:40rem){.rooms-barra{padding:1.1rem 1.1rem .9rem}.rooms-cuerpo{padding:1.1rem 1.1rem 2.5rem}.rejilla-rooms{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr))}}.room-list{flex-direction:column;gap:.6rem;list-style:none;display:flex}.room-card{color:#e8eaf0;background:#171a23;border:1px solid #2c3141;border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.1rem;text-decoration:none;transition:border-color .15s;display:flex}.room-card:hover{border-color:#4f6bff}.room-name{font-weight:600}.room-date{color:#7c839a;font-size:.82rem}.room-vacia{text-align:center;border:1px dashed #2c3141;border-radius:10px;flex-direction:column;gap:.5rem;padding:2.5rem 1.5rem;display:flex}.chat{flex-direction:column;gap:.85rem;display:flex}.chat-mensajes{background:#14161e;border:1px solid #2c3141;border-radius:10px;flex-direction:column;gap:.5rem;height:min(55vh,26rem);padding:1rem;display:flex;overflow-y:auto}.burbuja{background:#1d2130;border-radius:12px;flex-direction:column;align-self:flex-start;gap:.2rem;max-width:80%;padding:.55rem .8rem;display:flex}.burbuja.propia{background:#2a3350;align-self:flex-end}.burbuja-texto{white-space:pre-wrap;word-break:break-word;font-size:.95rem;line-height:1.45}.burbuja-hora{color:#7c839a;align-self:flex-end;font-size:.7rem}.chat-form{gap:.6rem;display:flex}.chat-form input{color:#e8eaf0;background:#171a23;border:1px solid #2c3141;border-radius:8px;flex:1;min-width:0;padding:.65rem .8rem;font-size:1rem}.chat-form input:focus{outline-offset:1px;outline:2px solid #4f6bff}.chat-form button{color:#0f1117;cursor:pointer;background:#e8eaf0;border:none;border-radius:8px;padding:.65rem 1.3rem;font-size:.95rem;font-weight:600}.chat-form button:disabled{opacity:.5;cursor:default}.chat-form .boton-clip{color:#a0a6b8;background:#171a23;border:1px solid #2c3141;border-radius:8px;flex:none;justify-content:center;align-items:center;width:2.5rem;padding:0;display:inline-flex}.chat-form .boton-clip:hover:not(:disabled){color:#fff;border-color:#4f6bff}.adjunto-pendiente{color:#cdd3e6;background:#171a23;border:1px solid #2c3141;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .7rem;font-size:.85rem;display:flex}.adjunto-pendiente>svg{color:#8fa4ff;flex:none}.adjunto-nombre{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.adjunto-peso{color:#7c839a;flex:none;font-size:.78rem}.adjunto-quitar{color:#7c839a;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:1.2rem;line-height:1;display:inline-flex}.adjunto-quitar:hover:not(:disabled){color:#fff;background:#2c3141}.adjunto-imagen{border-radius:9px;margin-bottom:.15rem;line-height:0;display:block;overflow:hidden}.adjunto-imagen img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:15rem;display:block}.adjunto-ficha{color:inherit;background:#0003;border:1px solid #3a4258;border-radius:9px;align-items:center;gap:.55rem;margin-bottom:.15rem;padding:.5rem .6rem;text-decoration:none;display:flex}.adjunto-ficha:hover{border-color:#8fa4ff}.adjunto-ficha>svg:first-child{color:#8fa4ff;flex:none}.adjunto-ficha>svg:last-child{color:#7c839a;flex:none}.adjunto-ficha:hover>svg:last-child{color:#fff}.adjunto-datos{flex-direction:column;flex:1;min-width:0;font-size:.85rem;display:flex}.adjunto-cargando{color:#7c839a;font-size:.82rem}.video{background:#14161e;border:1px solid #2c3141;border-radius:10px;flex-direction:column;gap:.75rem;padding:1.1rem;display:flex}.video-cabecera{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.video-titulo{color:#7c839a;text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;font-weight:600}.video-marco{aspect-ratio:16/9;background:#0b0d13;border:1px solid #232838;border-radius:8px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.video-yo{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.oculto{display:none}.video-botones{gap:.6rem;display:flex}.video-botones button{color:#0f1117;cursor:pointer;background:#e8eaf0;border:none;border-radius:8px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600}.video-botones button:disabled{opacity:.5;cursor:default}.video-botones .boton-colgar{color:#ffb4bd;background:0 0;border:1px solid #5c2028}.diag-ok,.diag-fail{border-radius:8px;padding:.6rem .8rem;font-size:.87rem;line-height:1.5}.diag-ok{color:#86e0ac;background:#10231a;border:1px solid #1f5136}.diag-fail{color:#ffb4bd;background:#2a1216;border:1px solid #5c2028}.detalle{word-break:break-all;opacity:.85;margin-top:.4rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem}.pizarra{background:#14161e;border:1px solid #2c3141;border-radius:10px;flex-direction:column;gap:.75rem;padding:1.1rem;display:flex}.pizarra-cabecera{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.pizarra-cabecera button{color:#e8eaf0;cursor:pointer;background:0 0;border:1px solid #2c3141;border-radius:8px;padding:.6rem 1.2rem;font-size:.9rem}.pizarra-cabecera button:hover{border-color:#4f6bff}.lienzo{border:1px solid #232838;border-radius:8px;width:100%;height:min(70vh,34rem);overflow:hidden}.calculadora{background:#14161e;border:1px solid #2c3141;border-radius:10px;flex-direction:column;gap:.75rem;padding:1.1rem;display:flex}.calc-cuerpo{flex-direction:column;gap:.6rem;width:100%;max-width:20rem;display:flex}.calc-pantalla{background:#0b0d13;border:1px solid #232838;border-radius:8px;justify-content:flex-end;align-items:baseline;gap:.5rem;min-height:3.2rem;padding:.6rem .9rem;display:flex;overflow-x:auto}.calc-operacion{color:#8fa4ff;font-size:1.1rem}.calc-numero{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1.9rem;font-weight:600}.calc-teclas{grid-template-columns:repeat(4,1fr);gap:.45rem;display:grid}.calc-teclas button{color:#e8eaf0;cursor:pointer;background:#1d2130;border:1px solid #2c3141;border-radius:8px;padding:.85rem 0;font-size:1.05rem;font-weight:500}.calc-teclas button:hover{border-color:#4f6bff}.calc-teclas button:active{background:#262b3d}.calc-teclas .calc-func{color:#a0a6b8;background:#171a23}.calc-teclas .calc-op{color:#b9c6ff;background:#232a44}.calc-teclas .calc-igual{color:#0f1117;background:#e8eaf0;font-weight:700}.calc-teclas .calc-cero{grid-column:span 2}.grabacion{background:#14161e;border:1px solid #2c3141;border-radius:10px;flex-direction:column;gap:.75rem;padding:1.1rem;display:flex}.grabando-marca{font-variant-numeric:tabular-nums;color:#ffb4bd;align-items:center;gap:.45rem;font-size:.9rem;display:inline-flex}.punto-rojo{background:#e5484d;border-radius:50%;width:.6rem;height:.6rem;animation:1.4s ease-in-out infinite latido}@keyframes latido{0%,to{opacity:1}50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.punto-rojo{animation:none}}.enlaces{flex-wrap:wrap;gap:1rem;display:flex}.bloque{flex-direction:column;gap:.6rem;display:flex}.fila-amigo{background:#171a23;border:1px solid #2c3141;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.8rem 1rem;display:flex}.acciones{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.acciones button{color:#0f1117;cursor:pointer;background:#e8eaf0;border:none;border-radius:8px;padding:.45rem .9rem;font-size:.85rem;font-weight:600}.acciones .boton-suave{color:#a0a6b8;background:0 0;border:1px solid #2c3141;font-weight:500}.acciones .boton-suave:hover{color:#ffb4bd;border-color:#5c2028}.acciones button:disabled{opacity:.5;cursor:default}.miembros{background:#14161e;border:1px solid #2c3141;border-radius:10px;flex-direction:column;gap:.75rem;padding:1.1rem;display:flex}.lista-miembros{flex-direction:column;gap:.4rem;list-style:none;display:flex}.lista-miembros li{background:#171a23;border:1px solid #232838;border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .8rem;display:flex}.lista-miembros .boton-suave{color:#a0a6b8;cursor:pointer;background:0 0;border:1px solid #2c3141;border-radius:8px;padding:.35rem .8rem;font-size:.82rem}.lista-miembros .boton-suave:hover{color:#ffb4bd;border-color:#5c2028}.lista-miembros .boton-suave:disabled{opacity:.5;cursor:default}.etiqueta{color:#8fa4ff;white-space:nowrap;border:1px solid #2c3141;border-radius:999px;margin-left:.5rem;padding:.15rem .55rem;font-size:.72rem;font-weight:500}.miembros select{color:#e8eaf0;background:#171a23;border:1px solid #2c3141;border-radius:8px;flex:1;min-width:12rem;padding:.65rem .8rem;font-size:.95rem}.burbuja-autor{color:#8fa4ff;font-size:.74rem;font-weight:600}.escribiendo{color:#8fa4ff;align-items:center;gap:.5rem;min-height:1.2rem;font-size:.82rem;display:flex}.puntitos{align-items:flex-end;gap:.18rem;height:.8rem;display:inline-flex}.puntitos span{background:#8fa4ff;border-radius:50%;width:.32rem;height:.32rem;animation:1.2s ease-in-out infinite rebote}.puntitos span:nth-child(2){animation-delay:.15s}.puntitos span:nth-child(3){animation-delay:.3s}@keyframes rebote{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-.28rem)}}@media (prefers-reduced-motion:reduce){.puntitos span{opacity:.8;animation:none}}.burbuja-pie{justify-content:flex-end;align-items:center;gap:.35rem;display:flex}.palomitas{color:#7c839a;letter-spacing:-.08em;font-size:.72rem;line-height:1}.palomitas.leidas{color:#53bdeb}.escenario{flex-direction:column;gap:.55rem;height:min(82vh,48rem);display:flex}.escenario-fila{flex:1.6 1 0;gap:.55rem;min-height:0;display:flex}.escenario-centro{background:radial-gradient(110% 75% at 50% 0,#1e2748 0%,#0000 62%),radial-gradient(90% 65% at 85% 100%,#2b1d47 0%,#0000 58%),linear-gradient(165deg,#11141d 0%,#0a0c12 100%);border:1px solid #262c3f;border-radius:16px;flex:1 1 0;min-width:0;min-height:8rem;position:relative;overflow:hidden}.escenario-centro:before{content:"";pointer-events:none;background-image:radial-gradient(#ffffff14 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.escenario-lienzo{justify-content:center;align-items:center;height:100%;padding:3.2rem 5.5rem;display:flex;position:relative}.escenario-lienzo .video{background:0 0;border:none;gap:.6rem;width:100%;height:100%;padding:0}.escenario-lienzo .video-marco{aspect-ratio:auto;background:#0000004d;border-color:#ffffff1a;flex:1;min-height:0}.escenario-lienzo .video-cabecera{flex-wrap:nowrap}.pestana{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#cdd3e6;cursor:pointer;background:#141827cc;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.45rem;padding:.5rem .95rem;font-size:.83rem;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex;position:absolute}.pestana:hover{color:#fff;background:#1c2136e6;border-color:#4f6bff88}.pestana.abierta{color:#fff;background:#2a3565e6;border-color:#4f6bff}.pestana-arriba{top:.8rem;left:50%;transform:translate(-50%)}.pestana-abajo{bottom:.8rem;left:50%;transform:translate(-50%)}.pestana-izquierda{top:50%;left:.8rem;transform:translateY(-50%)}.pestana-derecha{top:50%;right:.8rem;transform:translateY(-50%)}.panel{background:#12151e;border:1px solid #262c3f;border-radius:14px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.panel-arriba,.panel-abajo{flex:1 1 0;min-height:9rem}.panel-izquierda,.panel-derecha{flex:0 0 17.5rem}.panel-cabecera{background:#161a26;border-bottom:1px solid #232838;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .8rem;display:flex}.panel-titulo{text-transform:uppercase;letter-spacing:.05em;color:#a0a6b8;align-items:center;gap:.45rem;font-size:.78rem;font-weight:600;display:inline-flex}.panel-cerrar{color:#7c839a;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:inline-flex}.panel-cerrar:hover{color:#ffb4bd;border-color:#5c2028}.panel-cuerpo{flex:1;min-height:0;padding:.7rem;overflow:auto}.panel-cuerpo .chat,.panel-cuerpo .pizarra,.panel-cuerpo .calculadora,.panel-cuerpo .grabacion,.panel-cuerpo .miembros{background:0 0;border:none;height:100%;padding:0}.panel-cuerpo .pizarra>.pizarra-cabecera,.panel-cuerpo .calculadora>.pizarra-cabecera,.panel-cuerpo .grabacion>.pizarra-cabecera{display:none}.panel-cuerpo .chat-mensajes{flex:1;height:auto;min-height:0}.panel-cuerpo .pizarra{flex-direction:column;display:flex}.panel-cuerpo .lienzo{flex:1;height:auto;min-height:0}.panel-cuerpo .calc-cuerpo{max-width:none}@media (max-width:860px){.escenario{height:auto}.escenario-fila{flex-direction:column}.escenario-centro{aspect-ratio:16/10;min-height:14rem}.escenario-lienzo{padding:3.2rem 1rem}.panel-izquierda,.panel-derecha{flex:none}.panel-arriba,.panel-abajo,.panel-izquierda,.panel-derecha{max-height:24rem}.pestana-izquierda .pestana-texto,.pestana-derecha .pestana-texto{display:none}.pestana-izquierda,.pestana-derecha{padding:.5rem}}.escenario-lienzo .video-marco{background:0 0;border-color:#0000}.escenario-lienzo .video-cabecera{display:none}.escenario-lienzo{padding:3.3rem 5.5rem 4.6rem}.escenario-lienzo .video-botones{justify-content:center}.panel-cuerpo .calc-pantalla{min-height:2.6rem;padding:.45rem .7rem}.panel-cuerpo .calc-numero{font-size:1.5rem}.panel-cuerpo .calc-teclas{gap:.35rem}.panel-cuerpo .calc-teclas button{padding:.6rem 0;font-size:.95rem}.sala{flex-direction:column;gap:.55rem;max-width:none;height:100dvh;margin:0;padding:.6rem;display:flex;overflow:hidden}.sala-barra{flex:none;justify-content:space-between;align-items:center;gap:1rem;padding:0 .25rem;display:flex}.sala-identidad{align-items:baseline;gap:.6rem;min-width:0;display:flex}.sala-nombre{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:1.15rem;font-weight:700;overflow:hidden}.sala-acciones{flex:none;align-items:center;gap:.9rem;display:flex}.sala .escenario{flex:1;height:auto;min-height:0}.desplegable{position:relative}.boton-barra{color:#cdd3e6;cursor:pointer;background:#171a23;border:1px solid #2c3141;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .85rem;font-size:.84rem;font-weight:600;display:inline-flex}.boton-barra:hover,.boton-barra.activo{color:#fff;border-color:#4f6bff}.cuenta{color:#cdd8ff;text-align:center;background:#2a3565;border-radius:999px;min-width:1.25rem;padding:.05rem .3rem;font-size:.72rem}.tapa{z-index:8;position:fixed;inset:0}.tarjeta{z-index:9;background:#12151e;border:1px solid #2c3141;border-radius:12px;flex-direction:column;gap:.7rem;width:min(22rem,90vw);max-height:70vh;padding:.9rem;display:flex;position:absolute;top:calc(100% + .5rem);right:0;overflow:auto;box-shadow:0 18px 40px #00000080}.tarjeta .miembros{background:0 0;border:none;padding:0}.tirador{touch-action:none;background:0 0;border-radius:999px;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.tirador-arriba,.tirador-abajo{cursor:row-resize;height:.7rem}.tirador-izquierda,.tirador-derecha{cursor:col-resize;width:.7rem}.tirador-marca{background:#2c3141;border-radius:999px;transition:background .15s,transform .15s;display:block}.tirador-arriba .tirador-marca,.tirador-abajo .tirador-marca{width:3.5rem;height:3px}.tirador-izquierda .tirador-marca,.tirador-derecha .tirador-marca{width:3px;height:3.5rem}.tirador:hover .tirador-marca,.tirador.activo .tirador-marca{background:#4f6bff}.tirador-arriba:hover .tirador-marca,.tirador-abajo:hover .tirador-marca,.tirador-arriba.activo .tirador-marca,.tirador-abajo.activo .tirador-marca{transform:scaleX(1.4)}.tirador-izquierda:hover .tirador-marca,.tirador-derecha:hover .tirador-marca,.tirador-izquierda.activo .tirador-marca,.tirador-derecha.activo .tirador-marca{transform:scaleY(1.4)}.escenario.redimensionando{-webkit-user-select:none;user-select:none}.escenario.redimensionando *{pointer-events:none}.escenario.redimensionando .tirador{pointer-events:auto}.panel-arriba,.panel-abajo,.panel-izquierda,.panel-derecha{flex:none}.escenario-centro,.escenario-fila{flex:auto}.fondo-noche{background:radial-gradient(110% 75% at 50% 0,#1e2748 0%,#0000 62%),radial-gradient(90% 65% at 85% 100%,#2b1d47 0%,#0000 58%),linear-gradient(165deg,#11141d 0%,#0a0c12 100%)}.fondo-bosque{background:radial-gradient(110% 75% at 30% 0,#16332a 0%,#0000 62%),radial-gradient(90% 65% at 90% 100%,#1d3b22 0%,#0000 58%),linear-gradient(165deg,#0e1512 0%,#080b0a 100%)}.fondo-atardecer{background:radial-gradient(110% 75% at 70% 0,#4a2440 0%,#0000 62%),radial-gradient(95% 70% at 15% 100%,#5a2c22 0%,#0000 58%),linear-gradient(165deg,#1a1114 0%,#0d0809 100%)}.fondo-oceano{background:radial-gradient(110% 75% at 40% 0,#123a4a 0%,#0000 62%),radial-gradient(90% 65% at 88% 100%,#14304d 0%,#0000 58%),linear-gradient(165deg,#0b161c 0%,#070d11 100%)}.fondo-carbon{background:radial-gradient(110% 75% at 50% 0,#24262d 0%,#0000 62%),radial-gradient(90% 65% at 85% 100%,#1a1c22 0%,#0000 58%),linear-gradient(165deg,#131519 0%,#0a0b0e 100%)}.escenario-centro.con-imagen{background-position:50%;background-repeat:no-repeat;background-size:cover}.escenario-centro.con-imagen:before{background-color:#0b0d13a6;background-image:radial-gradient(#ffffff10 1px,#0000 1px)}.ajustes{flex-direction:column;gap:.85rem;display:flex}.ajustes-titulo{margin-bottom:.2rem;font-size:.95rem;font-weight:600}.muestras{grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.5rem;display:grid}.muestra{cursor:pointer;border:1px solid #2c3141;border-radius:10px;height:3.6rem;padding:0;position:relative;overflow:hidden}.muestra:hover{border-color:#4f6bff88}.muestra.elegida{border-color:#4f6bff;box-shadow:0 0 0 2px #4f6bff44}.muestra:disabled{opacity:.6;cursor:default}.muestra-nombre{color:#e8eaf0;background:linear-gradient(#0000,#0009);padding:.25rem .4rem;font-size:.72rem;font-weight:600;position:absolute;inset:auto 0 0}.ajustes-subir{flex-wrap:wrap;gap:.5rem;display:flex}.ajustes-subir button{color:#0f1117;cursor:pointer;background:#e8eaf0;border:none;border-radius:8px;padding:.55rem 1rem;font-size:.88rem;font-weight:600}.ajustes-subir .boton-suave{color:#a0a6b8;background:0 0;border:1px solid #2c3141;font-weight:500}.ajustes-subir .boton-suave:hover{color:#ffb4bd;border-color:#5c2028}.ajustes-subir button:disabled{opacity:.5;cursor:default}.pantalla-compartida{z-index:1;background:#05070b;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pantalla-compartida img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.aviso-pantalla{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#cdd3e6;background:#141827cc;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .8rem;font-size:.78rem;font-weight:600;display:inline-flex;position:absolute;top:.8rem;left:.8rem}.aviso-pantalla.emitiendo{color:#86e0ac;border-color:#1f5136}.punto-emitiendo{background:#e5484d;border-radius:50%;width:.5rem;height:.5rem;animation:1.4s ease-in-out infinite latido}.aviso-pantalla.emitiendo .punto-emitiendo{background:#3ecf8e}@media (prefers-reduced-motion:reduce){.punto-emitiendo{animation:none}}.boton-pantalla{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#cdd3e6;cursor:pointer;background:#141827cc;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.45rem;padding:.5rem .95rem;font-size:.83rem;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.boton-pantalla:hover:not(:disabled){color:#fff;background:#1c2136e6;border-color:#4f6bff88}.boton-pantalla.activo{color:#ffb4bd;background:#2a1216e6;border-color:#5c2028}.boton-pantalla:disabled{opacity:.45;cursor:not-allowed}.aviso-error-pantalla{z-index:3;color:#ffb4bd;background:#2a1216ee;border:1px solid #5c2028;border-radius:8px;max-width:min(22rem,70%);padding:.55rem .8rem;font-size:.82rem;position:absolute;top:3.4rem;right:.8rem}.escenario-centro:has(.pantalla-compartida) .escenario-lienzo .video{display:none}.acciones-escenario{z-index:3;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex;position:absolute;top:.8rem;right:.8rem}.boton-pantalla.activo-juegos{color:#fff;background:#2a3565e6;border-color:#4f6bff}.ventana-juegos{z-index:20;background:#12151e;border:1px solid #2c3141;border-radius:14px;flex-direction:column;display:flex;position:fixed;overflow:hidden;box-shadow:0 24px 60px #0009}.ventana-juegos.moviendo .ventana-cuerpo{pointer-events:none}.ventana-barra{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#171b27;border-bottom:1px solid #232838;flex:none;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .6rem .5rem .8rem;display:flex}.ventana-juegos.moviendo .ventana-barra{cursor:grabbing}.ventana-titulo{text-transform:uppercase;letter-spacing:.05em;color:#a0a6b8;align-items:center;gap:.45rem;font-size:.8rem;font-weight:600;display:inline-flex}.ventana-botones{gap:.25rem;display:inline-flex}.ventana-boton{color:#7c839a;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:inline-flex}.ventana-boton:hover{color:#fff;border-color:#4f6bff}.ventana-cuerpo{flex-direction:column;flex:1;gap:.7rem;min-height:0;padding:.8rem;display:flex;overflow:auto}.ventana-cuerpo.jugando{gap:0;padding:0;overflow:hidden}.ventana-esquina{color:#4a5163;cursor:nwse-resize;touch-action:none;justify-content:flex-end;align-items:flex-end;width:1.4rem;height:1.4rem;padding:.15rem;display:flex;position:absolute;bottom:0;right:0}.ventana-esquina:hover{color:#4f6bff}.buscador{color:#e8eaf0;background:#171a23;border:1px solid #2c3141;border-radius:8px;flex:none;padding:.6rem .8rem;font-size:.95rem}.buscador:focus{outline-offset:1px;outline:2px solid #4f6bff}.lista-juegos{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.75rem;list-style:none;display:grid}.tarjeta-juego{color:#e8eaf0;text-align:left;cursor:pointer;background:#171a23;border:1px solid #2c3141;border-radius:12px;flex-direction:column;align-items:stretch;gap:0;width:100%;height:100%;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.tarjeta-juego:hover{border-color:#4f6bff;transform:translateY(-2px);box-shadow:0 12px 26px #0006}.juego-vista{background:#0b0d13;border-bottom:1px solid #2c3141;height:8rem;display:block;overflow:hidden}.juego-captura{object-fit:cover;width:100%;height:100%;display:block}.juego-datos{flex-direction:column;flex:1;align-items:flex-start;gap:.25rem;padding:.75rem .9rem .5rem;display:flex}.juego-nombre{font-size:.98rem;font-weight:600}.juego-descripcion{color:#a0a6b8;font-size:.84rem;line-height:1.45}.tarjeta-juego .etiqueta{margin-top:.2rem;margin-left:0}.juego-jugar{color:#06280f;background:linear-gradient(160deg,#3ddc84 0%,#21a95c 100%);border-radius:999px;justify-content:center;align-self:center;align-items:center;width:2.9rem;height:2.9rem;margin:.35rem 0 .9rem;padding-left:.15rem;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 6px 16px #21a95c55}.tarjeta-juego:hover .juego-jugar{transform:scale(1.09);box-shadow:0 8px 22px #21a95c88}.juego{background:#0b0d13;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.juego-tetris{outline:none;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0}.lienzo-zona{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative}.aviso-foco{color:#cdd3e6;white-space:nowrap;pointer-events:none;background:#0b0d13dd;border:1px solid #2c3141;border-radius:999px;padding:.35rem .75rem;font-size:.76rem;position:absolute;bottom:.7rem;left:50%;transform:translate(-50%)}.mandos-tetris{background:#0b0d13;border-top:1px solid #1e2230;flex:none;gap:.35rem;padding:.5rem;display:flex}.mandos-tetris button{color:#cdd3e6;cursor:pointer;touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;background:#171a23;border:1px solid #2c3141;border-radius:8px;flex:1 1 0;min-width:0;padding:.5rem .2rem;font-size:.85rem;font-weight:600;overflow:hidden}.mandos-tetris button.palabra{flex:1.8 1 0}.mandos-tetris button:hover{color:#fff;border-color:#4f6bff}.mandos-tetris button:active{background:#222736}.juego-lienzo{touch-action:none;cursor:pointer;width:auto;max-width:100%;height:100%;max-height:100%;display:block}